* {margin:0;padding:0}
html,body {height:100%;text-align: center; font-size:13px; font-family:Arial, Helvetica, sans-serif;}
p {margin-bottom:12px;}
a {font-weight: bolder; text-decoration: none;}
a:hover {text-decoration:underline;}
a img {border:0 !important;}
a,a:hover,a:active,a:focus {outline: none}
img {position:relative;}
@media (min-width: 992px) {
    /* Added so that bootstrap can be loaded */
    #page,#header,#footer {width:900px; text-align:left;}
}

#page {position:relative;margin:0 auto; _height:100%;}
#header, #footer {position: relative; margin: 0 auto;}
#header {}
#header a img {border:0;vertical-align:bottom}
#headertitle {padding:32px;font-size:32px}
#headertitle a {text-decoration:none;}

#contentwrap {position:relative;top:0;bottom:0;}
#content {position:relative; padding:12px; top:0; bottom:0; min-height:365px; _height:100%;}
#content h1 {margin:0 0 12px 0; font-size:1.4em;}
#content h2 {margin:0 0 12px 0; font-size:1.2em;}
#content ul, #content ol {margin:20px; padding:12px}
#content li {margin:0 0 12px 0;}
#content li ul, #content li ol {margin:0; padding:0 20px; list-style:none}
#content img {margin:8px;}
#content object {margin:0 8px;}
#footer {text-align:center; clear:both; font-weight:lighter;padding:12px 0;}
#footer ul {list-style:none; font-size:11px;margin-bottom:12px;}
#footer li {display:block}
#footer p {font-size:11px;}
.slideshow {margin:8px; overflow:hidden !important}
.innderslideshow {border:1px solid #000; text-align:center; overflow:hidden; margin:8px;}
.innerslideshow img {margin:0 !important;}
#gallery {width:100%; margin:0 auto;}
.gallery-list {float:left;height:210px;margin:4px;text-align:center;width:210px; position:relative;}
.gallery-list a {}
.gallery-list a img{}
.gallery-list span {display:block}
.gallery-list a span img {border:0;}
#show-gallery-list {position:relative;}
#show-gallery-list:hover #gallery-list {display:block;}
#gallery-list {display:none; position:absolute;top:1em; left:0; margin:0 !important; padding:4px !important; width:160px; border-width:1px; border-style:solid;}
#gallery-list li {display:block !important}
#gallery-list a {padding:0 !important;}
.thumb-wrapper a img {border:0; padding:0 !important;}
.thumbs {width: 210px;height:150px; margin:4px; float:left;overflow:hidden; position:relative;}  
.thumb-wrapper {height:150px;display:table-cell;text-align: center;vertical-align:middle;width: 210px;}
.thumb-wrapper * {vertical-align: middle;}
/*\*//*/ .thumb-wrapper {display: block;} .thumb-wrapper span {display: inline-block;height:100%;width: 1px;}/**/
.pic-name {position:absolute; width:210px; bottom:0; left:0; opacity:0.8; filter:Alpha(Opacity=80);}
.gallery-pagiation, .blog-pagination {list-style:none; margin:0 !important; padding:12px 0 !important; text-align:center;}
.gallery-pagiation li, .blog-pagination li{display:inline;}
.gallery-pagiation li a, .blog-pagination li a {border:1px solid #FFF; padding:2px 4px; line-height:2em}
.activepage a {border-style:dashed !important; font-style:italic; text-decoration:underline;}
.gallery-lock {margin:0 !important; padding:0;}
#basket-options {text-align:right; margin:0}
#basket-options a {font-weight:normal; text-decoration:underline;}
#basket-view-current {display:none; position:absolute; width:600px; height:400px; top:265px;right:0;overflow:auto;z-index:1201}
#basket-view-current input {margin:0 24px 12px; padding:3px 12px; font-weight:bolder; float:right}
#basket-close-link {text-align:right;padding:3px 6px 0 0}
#basket-bottom-row td{font-size:16px;padding-top:12px;}
#basket-wrap {width:650px; margin:0 auto}
#select-all-list, #select-page-list,#single-purchase {display:none; position:absolute;top:0;left:0; border:1px solid #000; background:#FFF; padding:12px;z-index:2}
#single-purchase {z-index:1200;}
#single-purchase table{border-bottom:1px solid; border-right:1px solid; border-spacing:0}
#single-purchase thead {font-weight:bolder}
#single-purchase td {border-top:1px solid; border-left:1px solid; padding:0 4px}
#close-link {text-align:right; margin:-6px 0 0 0}
#checkout-basket-container {height:300px; overflow:auto; border:1px solid; margin:0 24px;}
#checkout h3 {margin:12px 24px}
#checkout #submit {margin:0 24px 12px; padding:3px 12px; font-weight:bolder;}
#cheque-form {clear:both;text-align:center;}
#cheque-form input{padding:2px 4px}
#item-desc {width:430px;padding:9px 0; margin:0 12px; float:left}
#item-desc td {padding:3px 12px;}
#paypal-form {margin:12px -12px 6px 0; text-align:center}
.item-desc-price {font-weight:bolder}
.basket-icon {background: #fff url(/images/icons/basket.png) center center no-repeat; width: 22px; height: 22px; position: absolute; right: 4px; top: 4px; cursor: pointer; z-index: 1; border: 1px solid black; border-radius: 3px; }
.basket-full {#fff url(/images/icons/basket_put.png) center center no-repeat;}
.tiny-pic img{max-height:40px;max-width:70px;}
.fieldLabel {text-align:right; vertical-align:top;}
.formTable {margin:0 12px 12px 24px;}
.formTable input, .formTable textarea {padding:2px; font-family:Arial, Helvetica, sans-serif; width:250px; font-size:12px}
#col-desc {width:128px;}
#col-quant {width:10px;}
#addressfield {width:450px; margin:0 auto 24px; border:1px solid #000; padding:12px;}
#addressfield td {vertical-align:top; line-height:24px;width:50%}
#addressfield table {font-size:12px; width:100%;}
#formdetails {}
#form-errors p{margin:12px 0 0 0}
#contactform {width:450px;border:1px solid #FFF; font-size:12px; padding:12px; margin:0 auto}
#contactform table {text-align:right; margin:12px 0;}
#contactform td {padding:4px 0;}
#contactform input {padding:2px; float:left; width:139px;}
#contactform textarea {padding:2px;width:98%;height:84px; font-family:Arial, Helvetica, sans-serif; font-size:12px}
#date-required {width:50px;}
#form-submit-button {clear:both}
#form-submit-button input  {width:128px; margin:12px 0 0; float:none}
.fake-link {cursor:pointer;text-decoration:underline}
#idSiteMeterHREF  img{border:0}
#navigator {display:none !important;background:#000 !important; width:100% !important; left:0 !important; bottom:0 !important; padding:4px !important;}
#video-player {background:#000;opacity:0.7;bottom:0; position:absolute; z-index:1050;display:none;-moz-border-radius:16px 16px 0 0;filter: alpha(opacity=75)}
#video-player img {width:32px; height:32px;margin:0;padding:4px; opacity:0.5;cursor:pointer;filter: alpha(opacity=100)}
#video-player img:hover {margin:0;padding:4px; opacity:1;filter: alpha(opacity=100)}

#jquery-overlay {position:absolute;top:0;left:0;z-index:1999;width:100%;height:500px}
#jquery-lightbox {position:absolute;top:0;left:0;width:100%;z-index:2000;text-align:center;line-height:0}
#jquery-lightbox a img {border:none}
#lightbox-container-image-box {position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto}
#lightbox-container-image {padding:10px}
#lightbox-loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0}
#lightbox-nav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10}
#lightbox-container-image-box > #lightbox-nav {left:0}
#lightbox-nav a {outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {width:49%;height:100%;zoom:1;display:block}
#lightbox-nav-btnPrev {left:0;float:left}
#lightbox-nav-btnNext {right:0;float:right}
#lightbox-nav a #lightbox-nav-btnPrev:hover {background-image:none}
#lightbox-container-image-data-box {font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding: 0 10px 0}
#lightbox-container-image-data {padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details {width:70%;float:left;text-align:left}
#lightbox-image-details-caption {font-weight:bold}
#lightbox-image-details-currentNumber {display:block;clear:left;padding-bottom:1.0em}
#lightbox-secNav-btnClose {width:66px;float:right;padding-bottom:0.7em}

#header {margin-bottom:0px;}

.listend {border-right:0 !important}
.facebook-link { height:18px; width:60px; overflow:hidden; background: url(https://www.websites-for-photographers.co.uk/images/facebook_icon.gif) 0 0 no-repeat; font-size:0px; cursor:pointer;}
/* #idSiteMeterHREF {float:right; margin: -18px 12px 0 0;} */
#logo-notice { background:orange; padding:8px; color:white; font-weight:bold; border:3px solid white; }
.blogpost {padding:12px 0; clear:both}
.blogpost hr, .blogpost-footer {clear:both;}
.blogpost-meta {font-size:12px; font-style:italic; margin-bottom:6px;}
#blogcontent-narrow { float:left; width:75%; overflow:hidden }
#blogsidebar { float:right; width:24%; }
#blogsidebar ul { margin:0 0 12px 36px; padding:0; }
#blogsidebar ul li { margin:0 0 3px 0; padding:0; }
#blogsidebar h3 { margin:0 0 6px 12px; }
#blog-archive-menu, #blog-tag-menu { }
#blog-archive-menu li, #blog-tag-menu li { margin:0; padding:0; }

#social-links { float:left; text-align:left; margin:0 12px 0 12px; }
#social-links ul { height:32px; }
#social-links li { display:inline; float:left; text-indent: 36px; line-height:30px; font-size:14px; }
.social-link { background:#666; display:block; height:32px; width:32px; background-image: url(https://www.websites-for-photographers.co.uk/images/social_icons/social-sprite.png); background-repeat: no-repeat; background-position: left center; border-radius:3px; margin:0 3px 3px 0; }

.social-link.email      {background-position: -32px;}
.social-link.facebook   {background-position: -64px;}
.social-link.googleplus {background-position: -96px;}
.social-link.linkedin   {background-position: -128px;}
.social-link.pinterest  {background-position: -160px;}
.social-link.twitter    {background-position: -256px;}
.social-link.youtube    {background-position: -288px;}
.social-link.flickr     {background-position: -320px;}
.social-link.instagram  {background-position: -352px;}

#other-links { float:right; text-align:right; margin:0 12px 0 0; }
#other-links li { margin: 0 0 4px 0; }
.clear { clear:both; }
#page-links{ width:33%; margin:0 0 0 12px; float:left; text-align:left; }
#page-links ul { }
#page-links li { margin: 0 0 4px 0; }
#footer h3 { margin: 0 0 8px 0; }
#footer-address, #footer-phone { font-size:11px; margin:8px 0 0 0 ; }


#sidebar{position:relative; z-index:1002; float: left; width: 100%;}
#sidebar ul {padding:6px 0;margin:0;list-style:none; text-align:center; width: 100%}
    #sidebar li {display:inline; border-right:1px; border-right-style:solid; float: none;}
    #sidebar li.end { border-right:none; }
    #sidebar li a { padding:6px 12px; font-weight:normal; outline:none; display:inline-block} 

@media (min-width: 992px) {
    li.dropdown {position:relative; }
    li.dropdown:hover {  }
    #sidebar li.dropdown:hover ul.dropdownmenu { display:block; }
    
    #sidebar ul.dropdownmenu { left:0px; top:1.4em; position:absolute; display:none; white-space: nowrap; width:auto; padding: 0; border-width:1px; border-style:solid; border-radius:4px; box-shadow: 2px 2px 4px #000; z-index:3; *top:1.8em; }
    
    
    #sidebar ul.dropdownmenu li { display: block; border: none; padding: 0; margin: 0; text-align: left; }
    #sidebar ul.dropdownmenu li a { padding:6px 12px; display:block; margin:0; }
    .dropdownmenu li a:hover { text-decoration:none; }
    
    .dropdownmenu:before { position: absolute; top: -7px; left: 9px; display: inline-block; border-right: 7px solid rgba(0, 0, 0, 0); border-bottom: 7px solid #FFF; border-left: 7px solid rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }
    
    .dropdownmenu:after { position: absolute; top: -6px; left: 10px; display: inline-block; border-right: 6px solid rgba(0, 0, 0, 0); border-bottom: 6px solid #ECECEC; border-left: 6px solid rgba(0, 0, 0, 0); content: ''; }
}


#gallery-login p { font-weight: bold; background: #861D1D; color: #FFF; padding: 12px; border-radius: 4px; }
#gallery-login .password { padding: 6px; }
#gallery-login .submit { padding:6px 12px; font-weight:bold; }
#gallery-login-error { background: #861D1D; color: #FFF; padding: 12px; border-radius: 4px; font-weight:bold; display:inline; margin-top:12px; }
.fotorama__wrap {margin:0 auto;}


/*

GalleryView Stylesheet

Use the CSS rules below to modify the look of your gallery.

To create additional rules, use the markup below as a guide to GalleryView's architecture.
 */

/* GALLERY LIST */
/* IMPORTANT - Change '#myGallery' to the ID of your gallery list to prevent a flash of unstyled content */
#myGallery { display: none; }

.gv_galleryWrap { position: relative; background: #222; font-size: 10pt; }

/* GALLERY DIV */
.gv_gallery { overflow: hidden; position: relative;}

.gv_imageStore { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }


/*************************************************/
/**   PANEL STYLES								**/
/*************************************************/

.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }

.gv_panel-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }
.gv_frame-loading { background: url(img-loader.gif) 50% 50% no-repeat #aaa; }

/* GALLERY PANELS */
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
.gv_panel img { position: absolute; }

.gv_overlay { position: absolute; background: #222; color: white; z-index: 200; }
.gv_showOverlay { 
    position: absolute; 
    width: 20px; 
    height: 20px; 
    background: url(themes/light/info.png) #222; 
    cursor: pointer;
    z-index: 200;
}
.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
.gv_overlay p { color: white; margin: 1em; }

.gv_infobar {
    background: #222;
    padding: 0 0.5em;
    line-height: 1.5em;
    height: 1.5em;
    font-size: 10pt;
    font-weight: bold;
    color: white;

    position: absolute;
    bottom: 0;
    right: 0;
    display: none;
    vertical-align: middle;
    z-index: 2000;

}


/*************************************************/
/**   FILMSTRIP STYLES							**/
/*************************************************/

.gv_filmstripWrap { overflow: hidden; position: absolute; }


/* FILMSTRIP */
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.gv_frame { 
    cursor: pointer;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}

/* WRAPPER FOR FILMSTRIP IMAGES */
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.gv_frame.current .gv_thumbnail {}

/* FRAME IMAGES */
.gv_frame img { border: none; position: absolute; }

/* FRAME CAPTION */
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 10px; text-align: center; overflow:hidden }

/* CURRENT FRAME CAPTION */
.gv_frame.current .gv_caption { }

/* POINTER FOR CURRENT FRAME */
.gv_pointer {
    border-color: black;
}

/* NAVIGATION BUTTONS */
.gv_navWrap {
    text-align: center;
    position: absolute;
}
.gv_navPlay,
.gv_navPause,
.gv_navNext,
.gv_navPrev {
    opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    filter:alpha(opacity=30);
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    vertical-align: middle;
}
.gv_navPlay:hover,
.gv_navPause:hover,
.gv_navNext:hover,
.gv_navPrev:hover {
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    filter:alpha(opacity=80);
}

.gv_panelNavPrev,
.gv_panelNavNext {
    position: absolute;
    display: none;
    opacity: 0.50;
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    filter:alpha(opacity=50);
    z-index: 200;
}

.gv_panelNavPrev:hover,
.gv_panelNavNext:hover {
    opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    filter:alpha(opacity=90);
}

.gv_navPlay {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: url(themes/light/play-big.png) top left no-repeat;
}
.gv_navPause {
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: url(themes/light/pause-big.png) top left no-repeat;
}
.gv_navNext {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url(themes/light/next.png) top left no-repeat;
}
.gv_navPrev {
    height: 20px;
    width: 20px;
    cursor: pointer;
    background: url(themes/light/prev.png) top right no-repeat;
}
.gv_panelNavNext {
    height: 48px;
    width: 48px;
    cursor: pointer;
    background: url(https://www.websites-for-photographers.co.uk/images/galleryview/buttons.png) -61px -32px no-repeat;
}
.gv_panelNavPrev {
    height: 48px;
    width: 48px;
    cursor: pointer;
    background: url(https://www.websites-for-photographers.co.uk/images/galleryview/buttons.png) -132px -32px no-repeat;
}

#gallery .gv_galleryWrap img {
    margin:auto;
}

.gv_frame .gv_thumbnail {
    opacity: 1 !important;
}

.gv_galleryWrap {
background: transparent;
margin: 0 auto;
}

#formnewsletter {
    margin:12px 0;
}

#newsletter-subscribe {
    width:auto !important;
    margin-right:6px;
}

#jquery-overlay {
    max-width: 100%;
}

#lightbox-container-image-box, #lightbox-container-image-data-box {
    max-width: 96%;
    padding: 0;
}

#lightbox-image {
    max-width: 100%;
}

@media (min-width: 993px) {
    #gallery-search {
        float: right;
        margin-top: -30px;
    }
}

@media (max-width: 992px) {
    #gallery-search {
        margin-bottom: 20px;
    }
    
    .navbar {
        min-height: 50px !important;
    }
    
    .navbar-header {
        float: none !important;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    /*.navbar .navbar-collapse.collapse {
        display: none!important;
    }*/
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none !important;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar .navbar-collapse.collapse.in{
  		display:block !important;
	}
    
    .navbar .navbar-collapse.collapse {
        overflow: auto !important;
        display: none !important;
    }
}