/* CSS Document */

body {text-align:center; background-color:#cccccc; font-family:Arial, Helvetica, sans-serif; font-size:80%;line-height:120%;}
.gold { color: #A59170; }
a {text-decoration:none; color:#6A6869;}
a:hover {text-decoration:none; color:#959595;}
input, .input {border: 1px solid #D0CCCB;}
.submit {background-color:#333333; color:#FFFFFF; text-transform:uppercase;}
h1 {font-size:150%; margin-bottom:10px;}
h2 {font-weight:bold; color:#A59170;  margin-bottom:10px; text-transform:uppercase; font-size:110%;}
h3 {font-weight:bold; color:#A59170;  margin-bottom:10px;}
form table td {padding:3px;}
.error {color:#CC0000; font-weight:bold; margin-bottom:5px;}

#main {margin:auto; text-align:left; width:980px; background-color:#FFFFFF; padding:10px; position:relative;}

#header {font-size:90%; color:#A7A6A4; text-transform:uppercase; padding:10px; position:relative;height:97px; background-color:#EEEEEC; background-image:url(/images/logo.gif); background-repeat:no-repeat; text-align:right;}
#header a {color:#000000; padding:5px}
#tag {position:absolute; bottom:0; right:0;}

#menu {height:28px; background-color:#333333;}
#menu li {float:left;}
#menu li:hover ul#subMenu {display:block}
ul#subMenu {display:none; position:absolute; z-index:4; width:180px; top:154px; left:298px; border-top:1px solid #666666;}
ul#subMenu li {width:180px; text-align:center; height:28px; background-color:#333333; color:#FFFFFF; text-transform:uppercase; line-height:28px; border-bottom:1px solid #666666;}
ul#subMenu li a {display:block; color:#FFFFFF; height:28px;}
ul#subMenu li a:hover {background-color:#666;}

#grey {background-color:#EEEDEB; border:1px solid #EEEDEB}
#image {padding-top:10px; background-color:#EEEDEB;}
#hflash {position:absolute; top:167px; left:10px}
#hflash img {position:absolute; top:0;}

#samples {padding:10px; background-color:#FFFFFF;}
.sampleBox {height:165px;float:left; text-align:center; padding:10px 17px 10px 17px; cursor:pointer;}
.sampleBox .text {margin:3px;}

#content {margin: 10px; background-color:#FFFFFF; padding:17px; margin-left:220px; margin-top:12px;}

.subcats {border: 1px solid #EFEFED; margin-top:15px; width:44%; float:left; background-image:url(/images/box_bg.jpg); height:180px; padding:15px; cursor:pointer;}
.subcats .picture {width: 180px;}
.subcats .text {font-size:90%; line-height:130%; overflow:hidden; height:180px;}
.subcats .text h1 {font-size:160%; line-height:120%;}
.right .picture {float:right; margin-left:15px;}
.left .picture {float:left; margin-right:15px;}
.left .text {text-align:right;}
.left {margin-left:15px;}

.box {height:189px; width:135px;  float:left; margin:10px; margin-left:20px; margin-right:20px; cursor:pointer; background-color:#FFFFFF;}
/*.box:hover {border: 1px solid #EFEFED;border: 1px solid #999999;}*/
.box .picture {margin:5px;}
.box .text {background-color:#ffffff; text-align:center; padding:4px}
.box .text a {color:#999997}

.next {float:right; height:45px; opacity:0.7; margin-top:-11px; text-align:right;}
.next img {margin:2px;}
.next div {float:left;line-height:20px;margin-left:2px;}

.product {border:1px solid #EFEFED; padding:15px;}
.product .text { width:330px;border:1px solid #EFEFED;float:right;padding:15px;margin-left:15px; background-image:url(/images/box_bg.jpg); background-position:bottom; background-repeat:repeat-x;}
.product .text .code {font-weight:bold; color:#000000; margin-bottom:7px; height:18px; font-size:110% }
.product .text .code b {color:#999999;}
.product .text .name {color:#999999; font-size:120%}
.product .text .description {font-size:90%; color:#636363; height:177px; overflow:hidden;}
.product .text .links {margin-top:23px; font-size:90%;}
.product .text .links a {margin-left:5px; margin-right:5px; color:#696967; text-decoration:underline;}
.product .purchase {height:51px;font-size:90%;font-weight:bold;}
.product .purchase div {margin:4px; height:20px;}
.product .purchase div label {display:block;float:left; width:50px;}

.additionalImages {border:1px solid #EFEFED; padding:15px; background-color:#F7F7F7;}
.additionalImages img {padding-left:6px; padding-right:5px; padding-top:8px; padding-bottom:5px;}

.additional {border:1px solid #EFEFED; padding:15px; background-color:#F7F7F7; height:245px;}
.additional .box {margin-left:17px; margin-right:16px;} 

#infoContainer {height:374px;}
.info {border:1px solid #EFEFED; background-color:#F7F7F7; float:left; height:374px; width:225px; margin-right:16px;}
.info .text {margin:15px; font-size:95%;}
.info .text h1 {color:#AF9C98}
.info .text a {color:#696967; text-decoration:underline;}
.info .text ul {margin-left:10px; padding-top:5px;}
.info .text ul li {margin:5px;}

#nav {margin: 10px 10px 10px 10px; width: 166px; float:left;background-color:#FFFFFF; padding:17px;}
#nav ul {margin-top:20px; margin-bottom:30px;}
#nav ul li {line-height:22px; background-image:url(/images/nav+.gif); background-repeat:no-repeat; }
#nav ul li a {color:#B19B9D; font-weight:bold; padding-left:16px; display:block; font-size:95%;}
#nav ul li a:hover .eye {display:block;}
.eye {display:none;float:right;padding-top:3px;}

.leftbox {border:1px solid #EDEDED; background-image:url(/images/apply.jpg); background-position: -3px; margin-top:15px; width:165px; height:165px;}
.basketbox {border:1px solid #EDEDED; background-image:url(/images/apply.jpg); background-position: -3px; margin-top:15px; width:165px; background-repeat:no-repeat; background-color:#EDEDEB;}

#nav ul.hid {display:none; margin-top:5px; margin-bottom:10px;}
#nav ul.sub li {background:none;}
#nav ul.sub li a {color:#000000; font-weight:normal; padding-left:10px; font-size:90%;}
#nav ul.sub li a:hover {color:#959595;}
#nav ul.sub li a.cur {background-color:#EDEDEB; font-weight:bold;}

#index {width:270px;height:215px;float:left;  font-size:90%;overflow:auto; margin-left:10px; padding-right:10px; color:#666666; line-height:120%; text-align:center }

.form div {margin-bottom:3px;}
.form div div {width:200px; float:left; line-height:130%;}
.form div input {width:200px;}
.form div input#imgSubmit {width:auto;}
.form div input#postcode {width:100px;}
.form div input#tel, .form div input#fax {width:150px;}

#footer {font-size:90%; color:#A7A6A4; text-transform:uppercase; padding:10px; background-color:#EEEEEC; text-align:right;}
#footer a {color:#000000; padding:5px}

.checkout {border:1px solid #cccccc;}
.checkout td {padding:5px 5px 3px 5px;font-size:120%;}
.checkout td.num {padding-right:0px; font-weight:bold;}
.checkout td.start {font-weight:bold; background-color:#666666; color:#EEEEEC;}
.checkout td.cur {font-weight:bold; background-color:#EEEEEC;}

/*checkout*/
#checkout {width:100%;}
#checkout th {background-color:#666666; color:#ffffff; padding:4px; border-bottom:1px solid #8C8C8C; text-align:center; font-weight:bold;}
#checkout td {padding:4px; border-bottom:1px solid #8C8C8C; text-align:center;height:40px;vertical-align:middle;}
#checkout td.img {padding:4px; text-align:left; }
#checkout td.total {padding:4px; border:0px; height:auto; text-align:right; font-weight:bold;}
#checkout td.delivery {padding:4px; border:0px; height:auto; text-align:left; font-weight:bold;}
.btnCheckout {background-color:#333333; color:#FFFFFF; text-transform:uppercase; border:2px outset #333333; margin:10px; padding:4px; font-weight:bold; line-height:40px;}
.btnCheckout a {color:#FFFFFF}


/* *********** Home page image rotator ************* */
.home-page-img-rotator 
{ 
	position:relative; 
	height:334px;
}
.home-page-img-rotator .img-rotator-overlay
{
	position:absolute;
	top:0px;
	left:0px;
	height: 334px;
	width: 626px;
	background-color: #FFFFFF;
}
/* /////////// Home page image rotator ///////////// */


/* *********** Site map ************* */
ul.site-map li 
{ 
	margin:1px 0px;
	padding:3px;
}
ul.site-map li ul 
{ 
	margin-left:25px; 
}
ul.site-map li ul li.sub-cat 
{ 
	float:right; 
	width:30%; 
}
ul.site-map > li > a:first-child, ul.site-map > li > ul > li > a:first-child { font-weight:bold; }
ul.site-map .collections { background-color:#EEEEEE; }
/* /////////// Site map ///////////// */