body { font-family: Arial, Helvetica, sans-serif; color:#666666; font-size:12px; line-height:auto; text-align:center; overflow:hidden;  }
img { border:none; }
p { margin:0px 0px 10px 0px; }
.clear { clear:both; }
.center { text-align:center; }
.red { color:#F00; }

.floatleft { float:left; }
.floatright { float:right; }
#flashcontainer { width:788px; height:520px; position:absolute; margin-left: -394px; margin-top:-260px; left:50%; top:50%; z-index:1000; }

#container { width:858px; height:655px; margin-left:auto; margin-right:auto; text-align:left; margin-top:35px; }
#main { width: 788px; height:655px; float:left; }
.padding { width:35px; height:655px; float:left;}
.padding img { margin-top: 320px; }

h1 { width:788px; height:50px; float:left; margin:0px; background:url(images/sitedesign-logo.gif) no-repeat; }
h1 span { display:none; }
#navigation { width:788px; height:20px; float:left; font-size:2px; }

/** Dropdown **/

ul#collectionsdropdown { list-style:none; margin:0px; padding:0; }
ul#collectionsdropdown li { list-style: none; margin:0px; padding:0px; }

ul.ddsubmenustyle { list-style:none; margin:0px; padding:0; text-align:left; padding-top:9px; }
ul.ddsubmenustyle li { list-style: none; margin:0px; padding:0px;}

.ddsubmenustyle, .ddsubmenustyle ul{ margin: 0; padding: 0; position: absolute; left: 0; top: 0; list-style-type: none; visibility: hidden; z-index: 100; }

.ddsubmenustyle li a{ display: block; width: 125px; text-decoration: none; }
* html .ddsubmenustyle li{ /*IE6 CSS hack*/ display: inline-block; width: 125px; }



#content { width: 788px; height:590px; float:left; }
#collectionimage { width:515px; height:550px; float:left; }
#collectioncontent { width:273px; height:550px; float:left; position:relative; }

#halfimage { width:440px; height:550px; float:left; }
#halfcontent { width:348px; height:550px; float:left; position:relative; }

#collectioncontent .content { position:absolute; bottom:0px; width:273px; text-align:right; }
#halfcontent .content { position:absolute; bottom:0px; width:348px; text-align:right; }

.navspacer1 { width:30px; height:11px; float:left; }
.navspacer2 { width:26px; height:11px; float:left; }

a.navhome:link, a.navhome:visited, a.navhome:active, a.navhome:hover { width: 46px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -4px 0px; }
a.navcollections:link, a.navcollections:visited, a.navcollections:active, a.navcollections:hover { width: 109px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -80px 0px;}
a.navstore:link, a.navstore:visited, a.navstore:active, a.navstore:hover { width: 115px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -219px 0px; }
a.navpress:link, a.navpress:visited, a.navpress:active, a.navpress:hover { width: 51px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -364px 0px; }
a.navcontact:link, a.navcontact:visited, a.navcontact:active, a.navcontact:hover { width: 76px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -445px 0px; }
a.navabout:link, a.navabout:visited, a.navabout:active, a.navabout:hover { width: 55px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -547px 0px; }
a.navstockists:link, a.navstockists:visited, a.navstockists:active, a.navstockists:hover { width: 87px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -628px 0px; }
a.navblog:link, a.navblog:visited, a.navblog:active, a.navblog:hover { width: 44px; height:11px; display:block; float:left; background:url(images/sitedesign-navigation.gif) no-repeat -741px 0px; }

.active {  border-bottom:solid 2px #000000; }

.pressthumbs { margin-top:10px; }
.pressthumbs img { float:left; padding-bottom:10px; }
.pressspacer { float:left; width:20px; height:10px; }

a:link, a:visited, a:active, a:hover { color:#000000; text-decoration:none; }





.lookbookthumbs {  }

.lookbookthumbs img { float:left; padding: 0px 13px 8px 0px; }
.end { padding:0px; }


/** Slider **/

.sliderwrapper{ position: relative; overflow: hidden; width: 788px; height: 550px; margin-bottom:10px; }

.lookbookwrapper .contentdiv{ visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px; background-color:#FFFFFF; width: 788px; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.lookbookwrapper{ position: relative; overflow: hidden; width: 788px; height: 580px; margin-bottom:10px; }

.sliderwrapper .contentdiv{ visibility: hidden; position: absolute; left: 0; top: 0; padding: 0px; background-color:#FFFFFF; width: 788px; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

.pagination { }

.pagination a { text-decoration: none; }

.pagination a:hover, .pagination a.selected { text-decoration:none;}

a.next { float:right; }
a.prev { float:left; }


/** Lightbox **/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative;  width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink{ width: 49%; height: 100%; background: url(images/prevlabel.gif) 140px 50%% no-repeat; /* Trick IE into showing hover */ display: block; }
#nextLink{ width: 49%; height: 100%; background: url(images/nextlabel.gif) 240px 50% no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) 140px 50%% no-repeat;  }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) 240px 50% no-repeat;  }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none; position:absolute; margin:-610px 0px 0px 590px; z-index:1000000;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #FFFFFF; }


#registration { color:#000; width:400px; border-top-width:2px; border-top-color: #000; border-top-style:solid; border-bottom-width:2px; border-bottom-color: #000; border-bottom-style:solid; margin-left:auto; margin-right:auto; }


/**Splash page full screen**/


/** Full screen images container **/
#supersize { position:fixed; }
#supersize img, #supersize a:link { height:100%; width:100%; position:absolute; z-index: 0; }
#supersize .prevslide, #supersize .prevslide img { z-index: 1;}
#supersize .activeslide, #supersize .activeslide img { z-index: 2; }

		






#slidecounter { }
#slidecaption { }
		

#loading {
			position: absolute;
			top: 49.5%; 
			left: 49.5%;
			z-index: 3;
			width: 24px; 
			height: 24px;
			text-indent: -999em;
			background-image: url(images/progress.gif);
		}