@import url("../menu.css");
@import url("../selectbox.css");
@import url("../zoom.css");
@import url("../checkout.css");

body {margin:0px; padding:0px; background-color:#FFFFFF; margin-top:0px; margin-left:auto; margin-right:auto; font-family:Verdana, Arial, Helvetica, sans-serif;}
img {outline:none; border:0px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
* {margin: 0; padding: 0;}
a, a img {outline:none;}

#container {width:947px; margin-left:auto; margin-right:auto;}
#header {height:68px; width:947px; background-color:#FFFFFF; clear:both; position: relative; height: 97px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#header .right {float:right; width: 220px; margin-top:35px; font-size: 12px; color: #000000;}
#header .right a, #header .right span {text-decoration:none; color:#aeaeae;}
#header .right img {display: block; padding-bottom: 3px;}
#header .right div {margin-top: 2px;}
#header .clear {height:1px; display:block; clear:both; background-color:#FFFFFF; overflow:hidden;}

h1 {font-size:18px; text-transform:uppercase; color:#000000; margin-top:25px; margin-bottom:25px; font-weight:normal;}

.menu {position:relative; z-index:100; border-bottom: 1px solid #000000;}

#menu {height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; list-style-type:none; margin-top:1px; margin-bottom:0px; z-index:100; margin-left: 0px;}
#menu li {float:left; position:relative; display:inline;}
#menu li a {padding-right:30px; padding-left:0px; text-decoration:none; color:#929292; height:30px; display:block; float:left;}
#menu li a:hover {color: #000000;}
#menu li.current a {color:#000000;}
#menu li ul {width:200px; position:absolute; background-color:#FFFFFF; margin:0px; margin-top:-4px; z-index:100; top:34px; left:-10px; display: none;}
#menu li ul li {  overflow:hidden; width:200px; height:29px; line-height:29px; background-color:#FFFFFF; border-top:0px; float:none; display:block; z-index:100;}
#menu li ul li a, #menu li.current ul li a  { background-color:#FFFFFF; color:#000000; font-size:12px; text-transform:none; height:29px; display:block; float:none; padding-left: 10px;}

#menu li ul li a.sale {padding-left:0px;}
#menu li ul li a:hover {background-color:#e1e1e1; color: #000000;}

/* holding page */
#menu.temp a {cursor: default;}
#menu.temp a:hover {background-color: inherit; color: inherit}

#content {position:relative; z-index:1;}

/* mailing list */
#subscribe.thin {clear: both; margin-bottom: 0px; line-height:22px; border-top:1px solid #333333; padding-top:7px; font-size: 11px; margin-bottom: -20px;}
#subscribe.thin h2 {float: left; line-height: 22px; margin-right: 40px; width: 340px; font-size: 12px;}
#subscribe.thin input {float: left; padding-top: 0px; width: 210px;}
#subscribe.thin form {padding-bottom: 5px; height: 22px;}
#subscribe.thin label.error {display: none !important;}
#subscribe.thin input.error {color: red;}
#subscribe.thin b {font-weight: normal;}
#subscribe {margin-top:20px; font-size:12px; margin-bottom:20px;}
#subscribe h2 {font-size:14px; font-weight:normal; text-transform:uppercase; margin-bottom:8px;}
#subscribe a {text-decoration:underline; font-style:italic; font-weight:bold; color:#000000;}
#subscribe .left {width:596px; background-image:url(/images/dotted.gif); background-position:right; background-repeat:no-repeat;}
#subscribe .left form {margin-top:10px}
#subscribe .right { background-repeat:no-repeat; background-position:right; width:330px; margin-left:20px;}
#subscribe .button {margin-top:10px; display:block;}
#subscribe input {width:220px; height:22px; background-image:url(/images/footer/input.gif); 
background-repeat:no-repeat; padding-left:10px; line-height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px; line-height:22px; margin-right:10px; border:0px; padding-top:3px;}
#subscribe input.submit {background-color: #000; color: #FFF; text-align: center; width:69px; position:absolute; background-image:none; padding-top:0px; padding-left: 0;}

/* footer */
#footer {margin-top:20px; border-top:1px solid #000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:45px; clear:both; display:block; margin-left: 0px; margin-right: 0px; position: relative;}
#footer a {padding-right:10px; text-decoration:none; padding-left:10px; color:#000000;}
#footer span {padding-right:10px;}
#footer li {list-style-type:none; float:left; line-height:45px;}
#footer li.right {float:right;}
#footer li.right a {padding:0px;}
#footer .facebook {position: absolute; top:12px; right:0; line-height: normal;}

#features {margin-top:25px; margin-bottom:25px;}
#features.slim {margin-top: 15px; margin-bottom: 15px;}

/* looks */
/* products */
#products {list-style-type:none; margin-right:-20px;}
#products li {width:240px; float:left; height:394px;}
#products h2 { text-transform:uppercase; font-size: 12px; font-weight:normal; margin-top:10px; padding-left:10px;}
#products h3 { font-size:11px; font-weight:normal; padding-left:10px; margin-bottom:10px;}
#products a { color:#000000;}

/* select box - replaced */
.select-replace-cover, #categories {
background-image:url(../images/menu/select.gif); background-repeat:no-repeat; width:230px; height:24px; font-size:14px; text-indent:10px; line-height:20px; margin-top:21px; float:right;}
#categories {margin-top:0px; display:none;}


/* product */
.product #content #categories {display:none;} /* hide , but needed for cms */
.product #content {padding-top:27px;}
.product #content div.left {width:480px; position:relative; z-index:1;}
.product #content .left .image {margin-bottom:14px; margin-right:8px;}
.product #content .left a.zoom .image {margin-bottom:0px; margin-right:8px;}
.product #content .left #large-image {margin-bottom:15px; margin-right:8px;}
.product #content .left #large-image .image {margin-bottom:0px;}
.product #content .thumbs img {cursor:pointer;}
.product #content div.right {width:466px;}
.product #content .right .nav {font-size:11px; font-style:italic; height:20px; line-height:20px; border-bottom:1px solid #000000; margin-left:-40px; margin-right:-80px; letter-spacing:1px;}
.product #content .right .nav a {color:#000000; text-decoration:none;}
.product #content .right .nav a.reset {color:#999999;}
.product #content .right #feature {margin-top:14px; margin-bottom:14px; display:block; background-image:url(../images/placeholder/clearance.jpg); background-repeat:no-repeat; border:1px solid #000000; width:464px; height:144px;}
.product #content #products li {width:160px; min-height:245px; height:inherit;}
.info {padding-left:40px; padding-right:80px; font-size:12px; color:#000000; height:465px; border-bottom:1px solid #000000; position:relative;}
.info h1 { font-size:26px; text-transform:uppercase; padding-bottom:10px; padding-top:10px; margin:0px; margin-top:18px; letter-spacing:1px;}
.info h2, .info h3 { font-size:12px; font-weight:normal;}
.info p {margin-bottom:15px;}
.info h3 {margin-bottom:26px;}
.info form {clear:both; margin-top:10px;}
.info label { font-size:12px; font-weight:bold; display:block; width:78px; height:24px; line-height:24px; margin-bottom:6px; float:left;}
.info input {height:22px; line-height:24px; font-size:12px; padding-left:8px; border:1px solid #000000; width:39px; float:left;}
.info .replace, .info .select-replace-cover {background-image:url(/images/menu/select.gif); background-repeat:no-repeat; width:230px; height:24px; font-size:14px; text-indent:10px; line-height:20px; float:none; margin-top:0px;}
.info input.buy-now-input {float:right; border:0px; margin:0px; height:52px; width:233px;}
.info .clear {height:0px; font-size: 0;}
.buy {padding-top:22px; clear:both; border-top:1px solid #000000; position:absolute; bottom:0px; margin-bottom:22px; width:465px; left:-40px; margin-left:40px;}
.buy .button {margin-bottom:8px;}
.product #content .buy .left {width:160px;}
.buy .left a {display:block;  padding-left:40px;}
#similar {border-top:1px solid #000000;}
#similar h1 {height:40px; line-height:40px; font-size:18px; text-transform:none; margin:0px; font-weight:normal;} 

/* overlays */
.info h1.limited { background-image:url(/images/overlay/limited-edition.gif); background-repeat:no-repeat; background-position:right top; padding-right:50px;}
.info h1.sale { background-image:url(/images/overlay/sale.gif); background-repeat:no-repeat; background-position:right top; padding-right:50px;}


/* zoom gallery */
div.jqZoomTitle {z-index:5000; text-align:center;font-size:11px;font-family:Tahoma;	height:16px;	padding-top:2px; position:absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999;}
.jqZoomPup
{overflow:hidden; background-color: #FFF; -moz-opacity:0.6;	opacity: 0.6; filter: alpha(opacity = 60);		z-index:10;	border-color:#c4c4c4; border-style: solid; cursor:crosshair;}
.jqZoomPup img {border: 0px;}
.jqZoomWindow {	border: 1px solid #000000;	background-color: #FFF;}

.product #content .left a.zoom {margin-bottom:15px; margin-right:8px;}
.product #content .left a.zoom .preload {display:none; height:0px; visibility:hidden;}

a.zoom, a.zoom img {z-index:1; margin-bottom:15px;}
#large-thumb {display:none; position:absolute; top:0px; left:0px; z-index:4;}

/*text*/
.text { font-size:11px;}
.text h2 {font-size:14px; font-weight:normal; margin-top:30px; margin-bottom:15px;}
.text #menu {margin-bottom:0px;}
.text ul { margin-left:20px; margin-top:20px; margin-bottom:20px; }
.text #text {width:70%;}

/* slideshow */
#slideshow { height:  592px; width: 944px; padding: 0; margin:  0; overflow:hidden; background-color:#000000; position:relative; z-index:1; margin-top: 15px;} 
#slideshow img { padding: 0px; top:  0; left: 0 } 

/* about */
#about {background-image: url('/images/about/about-us.jpg'); width: 946px;  height: 483px; background-position: top right; background-repeat: no-repeat;}
#about .text { color: #333333; font-size: 13px; width:507px; padding-left: 20px; padding-right: 20px; padding-top: 150px; text-align: center; }
#about .text span {font-size: 11px;}
#about p img {margin-bottom: 32px;}
.about #footer {margin-top: 0px;}

/* store */
#store {background-image: url('/images/about/store.jpg'); width: 946px;  height: 483px; background-position: top right; background-repeat: no-repeat;}
#store .text { color: #333333; font-size: 13px; width: 266px; padding-top: 150px; text-align: center;}
#store .text span {font-size: 11px;}
#store p img {margin-bottom: 32px;}
.store #footer {margin-top: 0px;}    

/* stockists */
#stockists {margin-left: 125px;}
#stockists .image {float: right; width:405px; border: 0px;}
#stockists .text {float:left; width: 300px; font-size: 10px; color: #333333; padding-top: 30px;}
#stockists b {font-size: 11px; color: #000000;}
#stockists p.crest {margin-top: 70px; margin-bottom: 40px; margin-left: auto; margin-right: auto; text-align:center;}
#stockists p {margin-bottom: 10px;}
#stockists .left p , #stockists .right p {margin-left: inherit; margin-right: inherit; text-align: inherit;}
#stockists .left {float:left; width: 150px;}
#stockists .right {float: right; width: 100px;}  
.stockists #content ul {margin: 0px; }
.stockists #content ul li {list-style-type: none; line-height: 26px; text-transform: uppercase; text-align: center;}

/* checkout additions */
body.checkout #content {border-top:0px;}  

/* campaign */
/* .galleria_container {margin-top: 15px;} */
.campaign #footer {margin-top: 0px;}

/* looks */
#looks {width: 947px; overflow: hidden; margin-top: 15px; height: 500px; border: 0px; outline: 0px;  outline-width:0;}
#looks ul {width: 1700px; border: 0px; outline: 0px;  outline-width:0;} /* needs to match the total width of items to scroll */
#looks li {list-style-type: none; width: 190px; height: 476px; float: left;}
#looks li.last {width: 180px;}
#looks a {display: block; width: 180px; height: 476px;}
#looks img {border: 0px;}
.jspContainer, .jspContainer:focus, .jspPane { border: 0px; outline: 0px;  outline-width:0;}

/* home */
.home #slideshow {height: 592px;}
.home #footer {margin-top: 0px;}