/*

	Website: www.eliotturner.com
	Designer: Carrot Media Ltd
	Developer: Carrot Media Ltd
	Version: 1.0
	-------------------------------------------------------------
	Contents
		1. General Settings
		2. Headings
		3. Masthead
		4. Navigaions 
		5.
	-------------------------------------------------------------
	
*/
@import url(/css/reset.css); /* RESET CSS */

/* 1. General Settings 
---------------------------------------------------------------------*/
body { font-family: Arial, Helvetica, sans-serif ;font-size:13px; line-height:18px; position:relative; background: url(/images/bg.png) repeat-x 0 0; }

a { text-decoration: underline; color: #A57997}
a:hover { text-decoration: none; }
a:active {  }
a:visited {  }

abbr,acronym { border-bottom:1px dotted #000; cursor:help; }
em { font-style:italic;}
caption { margin-bottom:.5em; text-align:center; }

p,ul,dl,ol, fieldset,table { margin-bottom:1em; }

ul { }
ul li { margin-left:1em; }
dl {  } 
dt {  }
dd {  }
ol { list-style:lower-roman; }
ol li { }

#wrapper {width: 960px; margin: 0 auto;}
#masthead {border-bottom:1px solid #CECECE; float:left; margin:0 0 16px; width:960px; }
	#basket-container {float:right; margin:16px 0 0; width:290px; }
	#basket-container h4 {-moz-border-radius:0 0 9px 9px; background:#493246 none repeat scroll 0 0; color: #a57997; font-size:113%; margin:-13px 0 0; padding:5px 10px 10px; text-align:center; width:100%; }
	#basket-container h4 span {color: #fff; font-size: 134%;}
	#basket-container a {color: #a57997}
	#basket-container ul {float:left;margin:8px 10px; }
	#basket-container ul li {float:left; font-size:93%; margin:0 0 0 20px; }
	
#main-content { width:650px; float: left}
#sub-content {width:290px; float: right}

.content ul { list-style-type: disc; margin: 10px; padding: 5px; }

.content ul.letters { list-style-type:lower-alpha; margin: 10px; padding: 5px; }
	
#products {}
	#products li {display:inline-block; float:left; font-size:93%; margin:0 27px 20px 0; width:190px; position: relative; height: 370px;}
	#products li.last {margin:0 0 20px!important;} 
	#products li a img { height: 190px; width:190px; background-color:#F3F3F3; }
	#products li a h3 { height: 50px;background:#493246 none repeat scroll 0 0; color:#A57997; font-size:149%; margin:0 0 7px; padding:10px; text-transform:uppercase; }
	#products li p { height: 50px; }
	
#feedback { background: #fff; float: left; margin: 0 0 10px 0 }
#feedback ol { float:left; }
#feedback ol li { list-style-type: none; float:left; font-size:93%; border: 2px solid #a57997; width:625px; position: relative; height: auto; margin: 10px 0px; padding: 10px;}
#feedback ol li p { font-family: "bonveno-cf-1","bonveno-cf-2",sans-serif; font-size:93%; letter-spacing:1px; line-height:1.5;}
#feedback ol li img { background: #493246 repeat scroll 0pt 0pt; float: left; margin: 10px 18px 10px 0; padding: 3px; }		
	
#footer {float: left; width: 100%; border-top: 1px solid #cecece; padding-top: 10px; margin: 10px 0 0}
	#copy {float: left}
	#carrot {float: right}
	#footer ul {float: left; margin: 0 0 0 40px}
		#footer ul li {color:#CECECE; float:left;}
	
.offer {background: url(/images/on_offer.png) no-repeat 0 0; width: 88px; height: 47px; position: absolute; top:0; right: 0;}
/*.last {margin:0!important; padding: 0!important; border: none!important; }*/
.replace {/*display: block; text-indent: -9999px*/}

/* 2. Headings 
---------------------------------------------------------------------*/
h1#logo { background:  url(/images/logo.png) no-repeat 0 0; width: 288px; height: 89px; float: left; margin: 10px 0 12px }
h1#logo a { display:block; text-indent:-9999px; width: 288px; height: 89px; }
h2 {background:#493246 url(/images/h2-bg.png) no-repeat scroll 7px 8px; color:#A57997; font-family:"bonveno-cf-1","bonveno-cf-2",sans-serif; font-size:174%; letter-spacing:1px; line-height:1.5; margin:2px 0 16px !important; padding:17px 10px 16px 69px; text-transform:uppercase; }
h3 { font-size:108%; }
h1,h2,h3 { margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong { font-weight:normal; }
#sub-content h2 {margin-bottom: 0px!important;}

/* 3. Masthead 
---------------------------------------------------------------------*/

/* 4. Navigaions 
---------------------------------------------------------------------*/
#navigation-main {float:left; margin:-26px 0 14px 84px; width:100%; }
#navigation-main li {border-right:1px solid #CECECE; float:left; padding:0 1em 0 0; }
#navigation-main li a {color:#000000; font-weight:bold; text-decoration:none; text-transform:uppercase; }
#navigation-main li a.current {color: #493246}

/* 5. Forms 
---------------------------------------------------------------------*/
form {margin: 0 0 10px}
#sub-content select {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; float:left; font-size:100%; margin:4px 9px; padding:10px; width:271px; }
#sub-content option {display:block; float:left; font-size:120%; margin:10px; }

#main-content select {background:#FFFFFF none repeat scroll 0 0; border:1px solid #CECECE; float:left; font-size:100%; margin:8px 0; padding:5px; width:287px; }
#main-content option {display:block; float:left; font-size:120%; margin:10px; }

.box {background: #5e3350; float: left; width: 100%;}
a.button {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; /*display:block;*/ float:right; font-size:108%; margin:0 10px 12px 12px; padding:6px 16px; text-decoration:none; }

#sub-content input.button {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; display:block; float:right; font-size:108%; margin:0 10px 12px 12px; padding:6px 16px; text-decoration:none; }

#addtocart label { width: 100px; float: left; display:block; margin: 8px 0; padding: 5px 0;}
#addtocart input { text-align:right; width: 175px; background:#FFFFFF none repeat scroll 0 0; border:1px solid #CECECE; float:left; font-size:100%; margin:8px 0; padding:5px; }

#product-info a.button {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; /*display:block;*/ float:right; font-size:108%; margin:0 14px 12px 2px; padding:6px 18px; text-decoration:none; }


/* 6. Tables 
---------------------------------------------------------------------*/
#main-content th {
    font: bold 11px Helvetica, Arial, sans-serif;
    color: #5e3350;
	border-right: 1px solid #5e3350;
	border-bottom: 1px solid #5e3350;
	border-top: 1px solid #5e3350;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #a57997;
}

#main-content th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #5e3350;
	background: none;
}

#main-content table { border-left: 1px solid #5e3350; margin: 0px; padding:0px;}

#main-content td {
	border-right: 1px solid #5e3350;
	border-bottom: 1px solid #5e3350;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #5e3350;
    text-align: center;
    font: bold 11px Helvetica, Arial, sans-serif;
}

#invoice-div td { border: none; font-weight: inherit;}

#main-content td.alt {
	background: #e6ebf3;
	color: #B4AA9D;
}

.quantitybox {
	width: 30px;
	border: 1px solid #5e3350;
	font-size: 0.9em;
	padding: 5px;
}

/* 7. Homepage 
---------------------------------------------------------------------*/
#top-products {float: left; margin: 0 0 10px 0 }
#top-products ol {float: left;}
#top-products ol li {list-style-type: none; font-size: 92%; float: left; width: 100%; border-bottom: 1px solid #cecece; padding-bottom: 8px; margin:2px 0 0}
#top-products ol li h5 a {display:block; float:left; font-size:130%; margin:7px 0 5px; width:75%; }
#top-products ol li img {background:#493246 none repeat scroll 0 0; float:left; margin:10px 18px 32px 0; padding:3px;}

#search-box { margin: 0 0 10px 0; float:left; }

#jquery-container {/*margin-bottom: 50px*/ margin-bottom: 24px; }
#jquery-container ul {}
#jquery-container ul li{margin: 0;}
#controls {float: right; margin: 12px}
#controls li {float:left; list-style-type:none; margin:0 0 0 7px; }
#controls li a {background:#493246 none repeat scroll 0 0; color:#FFFFFF; padding:10px; text-decoration:none; }
#controls li.current a {background: #5E3350}

/* 8. ShopPage
---------------------------------------------------------------------*/
#breadcrumbs {background:#5E3350 none repeat scroll 0 0; color:#FFFFFF; float:left; margin:-16px 0 20px; padding:10px 13px; width:96%; }
#breadcrumbs li {float: left; margin: 0 2px}
#breadcrumbs li a{}

#product-cats {padding-bottom: 20px}
#product-cats a {text-decoration: none}
#product-cats dl {float:left; margin:17px 27px 2px; width:220px; }
#product-cats dt {font-size:153%; letter-spacing:2px; margin:0 0 4px; }
#product-cats dd {color:#7F5F75; border-bottom: 1px solid }
#product-cats dd a {color: #fff; display: block; padding: 4px 0; }
#product-cats dd a:hover {color: #7F5F75}

/* 9. Product Page
---------------------------------------------------------------------*/

#main-content h2 {background:#493246 url(/images/h2-bg.png) no-repeat scroll 7px 8px; color:#A57997; font-family:"bonveno-cf-1","bonveno-cf-2",sans-serif; font-size:174%; letter-spacing:1px; line-height:1.5; margin:2px 0 16px 0px!important; padding:17px 10px 16px 69px; text-transform:uppercase; width: 571px; display:block; float:left; }

#main-content p { }
#main-content strong { font-weight: bold; }

p span.displaynone { display:none; }

p span.product-price { font-weight:bold; }
p span.product-price-offer { font-weight:bold; color:#D20D17; }

#image-container {float: left; width: 300px;}
#image-container li {float: left;}
#image-container ul {margin: 10px 0 0 -14px; float: left; width:100%;}
#image-container li img {padding: 2px; background: #5E3350;}
#product-info {float: right; width: 300px;}

h2 span#price {color: #fff; float: right; display:block;}

#related-products {}
#related-products li {margin: 0; }
#related-products h4 {background:#5E3350 none repeat scroll 0 0; color:#FFFFFF; float:left; font-size:150%; font-weight:normal; padding:10px; width:270px; }
#related-products h4 span {color:#A57997; float:right; }
#related-products img {background:#493246 none repeat scroll 0 0; float:left;margin:11px 0 11px 0;padding:2px;}
#related-products div {float:right;margin:10px 0 0; width:194px; }

/* 10. Search Page 
---------------------------------------------------------------------*/

#search-form { width:650px; float: left; }

#search-form h2 {margin-bottom: 0px!important;}

#search-form select {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; float:left; font-size:100%; margin:4px 9px; padding:10px; width:197px; }
#search-form option {display:block; float:left; font-size:120%; margin:10px; }

#search-form input[type="text"] { background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; float:left; font-size:100%; margin:4px 9px; padding: 12px 10px; width:390px; }

#search-form input.button {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; display:block; float:right; font-size:108%; margin:10px 12px 0px 10px; padding:6px 16px; text-decoration:none; }

/* 11. Contact Page 
---------------------------------------------------------------------*/

#contactarea { width: 630px;}
#contactarea form { padding: 10px; }
#contactarea label {display:block; float:left; color:#fff; margin:6px 0 0; width:150px; }
#contactarea input[type="text"] {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; padding:9px 6px; width:450px; margin: 5px; }
#contactarea textarea {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; padding:9px 6px; margin: 5px; width:450px; height: 80px; font-family:Arial, Helvetica, sans-serif ;font-size:12px;}
#contactarea input[type="checkbox"] {background:#493246 none repeat scroll 0 0; border:1px solid #3F2337; color:#FFFFFF; padding: 9px 6px; margin: 5px;}

/* 12. View Basket 
---------------------------------------------------------------------*/

#view-basket { clear:both; }
#view-basket-buttons { clear:both; float:right; margin: 20px 0 0 0; }

/* 13. Account Section 
---------------------------------------------------------------------*/
.account {margin-top: 5px; float:left}

.account form { margin: 5px 0;}

.account-left form p label {display:block; float:left; color:#493246; margin:6px 0 0 0; width:55px; }
.account-left form p input[type="text"] {background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:3px 6px; width:160px; margin: 5px; }
.account-left form p input[type="password"] {background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:3px 6px; width:160px; margin: 5px; }

.account p a.button { margin: 5px 0px; }

#register_form p { display:block; float:left; width: 630px; }
#register_form p label { text-align:left; display:block; float:left; color:#493246; margin:8px 0 0 0; width:270px;}
#register_form p input[type="text"] { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:4px 6px; width:300px; margin: 5px; float:left; }
#register_form p input[type="password"] { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:4px 6px; width:300px; margin: 5px; float:left;}
#register_form p select { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:3px 6px; width:300px; margin: 5px; float:left; }

#register_form p.dob label { width: 270px; }
#register_form p.dob input[type="text"] {width: 85px; float:left;}
#register_form p.dob select { width: 90px; float:left;}

#edit_form p { display:block; float:left; width: 630px; }
#edit_form p label { text-align:left; display:block; float:left; color:#493246; margin:8px 0 0 0; width:270px;}
#edit_form p input[type="text"] { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:4px 6px; width:300px; margin: 5px; float:left; }
#edit_form p input[type="password"] { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:4px 6px; width:300px; margin: 5px; float:left;}
#edit_form p select { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:3px 6px; width:300px; margin: 5px; float:left; }

#edit_form p.dob label { width: 270px; }
#edit_form p.dob input[type="text"] {width: 85px; float:left;}
#edit_form p.dob select { width: 90px; float:left;}

#address_form p { display:block; float:left; width: 630px; }
#address_form p label { text-align:left; display:block; float:left; color:#493246; margin:8px 0 0 0; width:270px;}
#address_form p input[type="text"] { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:4px 6px; width:300px; margin: 5px; float:left; }
#address_form p select { background:#fff none repeat scroll 0 0; border:1px solid #3F2337; color:#493246; padding:3px 6px; width:300px; margin: 5px; float:left; }

.account {
	width: 650px;
	color:#493246;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	text-align:left;
	display:block;
	margin-bottom: 10px;
}

.account-small-text { font-size: 0.8em; text-align:left; float:left; padding:0 0 5px 5px; font-weight:normal; display:block; clear:both; width: 100%;}
.account-left { float:left; width: 265px; display:block;}
.account-right { float: right; width: 365px; display:block;}
div#main-content .account td table { border: none; }
div#main-content .account td table td { border: none; }

.account-button {
	color: #fff;
	font-size: 0.9em;
	font-family: Helvetica, Arial, sans-serif;
	float: right;
	display: block;
	margin: 5px 5px 5px 5px;
}

.account-button a, .account-button a:link, .account-button a:visited, .account-button a:active {
	background: #493246;
	padding: 5px;
	border: none;
	text-decoration: none;
	color: white;
}

.account-button a:hover {
	color: #fff;
	border: none;
	background: #a57997;
	text-decoration: none;
}

.account .checkout_button { float:right; }

/* Pagination 
---------------------------------------------------------------------*/

#pagination {
	clear: both;
	color: #a57997;
	font-size: 0.8em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	width: 650px;
	margin: 10px auto;
	height: 28px;
	border-top: 2px solid #493246;
	border-bottom: 2px solid #493246; 
	
}

#pagination-inner {
	width: 650px;
	margin: 0 auto;
	text-align: left;
}

#pagination-previous, 
#pagination-next 		{ width: 50px; text-align: left; height: 26px; display: block; }

#pagination-previous 	{ float: left; padding: 0px 10px }

#pagination-centre 		{ width: 500px; text-align:center; float:left; padding: 0px 0px }

#pagination-next 		{ float: right; text-align: right; padding: 0px 10px }

#pagination a:link, #pagination a:visited, #pagination a:active {
	color: #a57997;
	text-decoration: underline;
}

#pagination a:hover {
	color: #493246;
}

#pagination p {
	font-size: 1.1em;
	padding: 5px 0px;
}


/* Error / Info Boxes 
---------------------------------------------------------------------*/

.clearfix { clear:both; }
/* jquery 1.7.1 ui styles for highlight/error */
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; margin: 10px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight { padding:5px; border: 1px solid #fcefa1; background: #fbf9ee url(/admin/images/jqueryui-images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight p {margin:0px;}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error p {margin:0px;}
.ui-state-error, .ui-widget-content .ui-state-error { padding:5px; border: 1px solid #cd0a0a; background: #fef1ec url(/admin/images/jqueryui-images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; float: left; margin-right: .3em; }
.ui-icon { width: 16px; height: 16px; background-image: url(/admin/images/jqueryui-images/ui-icons_222222_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/admin/images/jqueryui-images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/admin/images/jqueryui-images/ui-icons_cd0a0a_256x240.png); }


/* Slider
---------------------------------------------------------------------*/

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

.preload{
	-moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80);
	color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; text-align:center;
	border: 1px solid #CCC;
    background-image: url(../images/zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px;  background-color: white;
	width:90px; * width:100px;
	height:43px; *height:55px;
	padding: 8px; z-index:10; position:absolute; top:3px; left:3px; }

.jqZoomWindow { border: 1px solid #999; background-color: #FFF;}