@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;}

/* .image {border:1px solid #000000;} */

#container {width:990px; margin-left:auto; margin-right:auto;}
#header {height:68px; background-color:#000000; clear:both; background-image:url(../images/basket.gif); background-repeat:no-repeat; background-position:right top; position: relative;}
#header .right {margin-top:10px; margin-bottom:10px; margin-right:88px; font-family:"Times New Roman", Times, serif; font-size:12px; font-weight:bold; font-style:italic; width:320px; border-left:1px solid #FFFFFF; height:48px; color:#FFFFFF; line-height:24px; text-align:right; letter-spacing:2px;}
#header .right a {text-decoration:none; color:#FFFFFF;}
#header .right span {font-size:18px}
#header .clear {height:1px; display:block; border-top:1px solid #FFFFFF; clear:both; background-color:#000000; overflow:hidden;}
#header .basket-button {position: absolute; height: 50px; right:10px; top:10px; width:70px;}

h1 {font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#000000; margin-top:25px; margin-bottom:25px; font-weight:normal;}

.menu {position:relative; z-index:100;}

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

#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 {margin-left:22px; margin-right:22px; position:relative; z-index:1;}

#subscribe {margin-top:20px; font-family:Georgia, "Times New Roman", Times, serif;  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:12px; line-height:22px; margin-right:10px; border:0px; padding-top:3px;}
#subscribe input.submit {width:69px; position:absolute; background-image:none; padding-top:0px;}

/* footer */
#footer {margin-top:20px; border-top:1px solid #000000; font-family:Arial, Helvetica, sans-serif; font-size:11px; height:45px; clear:both; margin-left:22px; margin-right:22px; display:block;}
#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;}

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

/* looks */
.looks #content {border-top:1px solid #000000;}

/* products */
.products #content {border-top:1px solid #000000;}
#products {list-style-type:none; margin-right:-20px;}
#products li {width:240px; float:left; height:394px;}
#products h2 { text-transform:uppercase; font-family:Georgia, "Times New Roman", Times, serif; font-size: 14px; font-weight:normal; margin-top:10px; padding-left:10px;}
#products h3 { font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; 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-family:Georgia, "Times New Roman", Times, serif; 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; border-top:1px solid #000000;}
.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-family:"Times New Roman", Times, serif; font-size:12px; 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-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#000000; height:465px; border-bottom:1px solid #000000; position:relative;}
.info h1 { font-size:30px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; padding-bottom:10px; padding-top:10px; margin:0px; margin-top:18px; letter-spacing:1px;}
.info h2, .info h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; 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-family:Georgia, "Times New Roman", Times, serif; 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-family:Georgia, "Times New Roman", Times, serif; 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-family:"Times New Roman", Times, serif; 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-family:Georgia, "Times New Roman", Times, serif; font-size:12px;}
.text h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-weight:normal; margin-top:30px; margin-bottom:15px;}
.text #content {border-top:1px solid #000000;}
.text #menu {margin-bottom:0px;}
.text ul { margin-left:20px; margin-top:20px; margin-bottom:20px; }
.text #text {width:70%;}

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

/* about */
    #about {background-image: url('../images/about/store.jpg'); width: 946px; height: 483px; background-position: right; background-repeat: no-repeat;}
    #about .text {font-family: Georgia; color: #333333; font-size: 13px; width: 250px; padding-top: 150px; padding-left: 16px; text-align: center;}
    #about .text span {font-size: 12px;}
    #about p img {margin-bottom: 32px;}
    .about #footer {margin-top: 0px;}
    .about #content {border-top:1px solid #000000;}
    
/* stockists */
#stockists {margin-left: 125px;}
#stockists .image {float: right; width:405px; border: 0px;}
#stockists .text {float:left; width: 300px; font-size: 10px; color: #333333;}
#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;}