/* @override http://www.simplycornish.com/assets/templates/simply-cornish/css/style.03.09.2010.css */

/* @override 
	http://www.simplycornish.com/assets/templates/simply-cornish/css/style.10.08.2010.css
	http://www.simplycornish.com/assets/templates/simply-cornish/css/style.03.09.2010.css
*/

/* CSS Document */
html {background: url(../images/background.gif) repeat-x #734D87 top}
body {background: url(../images/page-bg.png) top center no-repeat}
a {outline: none}
ul, li {
	list-style: none;
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: normal;
	font-weight: normal;
	color: #7FB2A9;
}
h1 {font-size: 26px}
h3 {font-size: 16px}	
p {color: #3F2052}
a {
	color: #7FB2A9;
	text-decoration: none;
}
a:hover {
	color: #5e857d;
	text-decoration: underline;
}
#page {	background: #ffffff}
input,textarea {
	font-size: 12px;
	font-family: arial;
}
input.required, textarea.required, input.invalid  {
	border: 1px solid #7EB2A7;
}
input.submit {
	color: #ffffff;
	background:  #451864;
	padding: 5px 10px;
	border: none;
	cursor: pointer;
}
input.submit:hover,input.submit:focus {
	border: none !important;
	background: #7EB2A7;

}

/* #header */

#header {
	position:relative;
	height: 100px;
	padding: 0;
}
#header h2 {
	margin: 20px;
	width: 290px;
	float:left;
}
#header h2 a {
	float:left;
	height: 51px;
	width: 216px;
	background: url(../images/logo.png);
	display: block;
	text-indent: -1000px;
	overflow: hidden;
}
#header form {margin: 0}
#header fieldset {
	width: 329px;
	border: 1px solid #cccccc;
	float:left;
	margin: 10px 0 0 0;
	padding: 0 3px;
}
#header fieldset legend {display: none}
#header input#search {
	float: left;
	font-size: 12px;
	color: #999999;
	padding: 3px;
	margin: 10px 2px 0 2px;
	width: 182px !important;
}
#header input#search:hover, #header input#search:focus {color: #451864}
#header form label {
	font-size: 14px;
	margin: 10px 3px;
	float: left;
	color: #451864;
	font-weight: normal;
}
#header form input#go-search {
	width: 72px;
	height: 32px;
	margin: 3px 2px 5px 2px;
	text-indent: -1000px;
	padding: 0;
	float: right;
	cursor: pointer;
	background: url(../images/buttons/search.png) top left;
	border: none;
}
#header form input#go-search:hover {background-position: left bottom} 
#header #basket {
	position: absolute;
	right: 4px;
	color: #ffffff;
	float: right;
	width: 252px;
	padding: 4px 5px 6px 5px;
	background: #451864;
	border: 2px solid #D3B4D3;
	background: #451864;
}
#header #basket a {
	text-decoration: none;
	color: #ffffff;
}
#header #basket a#checkout_button {float: right}
#header #basket a#checkout {float: left}
#header #basket a:hover {text-decoration: underline}
#header ul {
	position: absolute;
	right: 8px;
	top: 42px;
	margin: 0;
}
#header ul li {float:left}
#header ul li a {
	color: #451864;
	border-right: 1px solid #D3B4D3;
	padding: 0 5px;
	display:block;
	text-decoration: none;
}
#header ul li a:hover {text-decoration: underline}
#header ul li.last a {
	font-weight: bold;
	border: none;
}

/* #main-menu */

#main-menu {
	background: url(../images/main-menu-bg.png) repeat-x bottom;
	margin: 0 5px;
	height: 35px;
	width: 940px;
}
#main-menu ul {margin: 0 4px}
#main-menu ul, #main-menu li {
	float: left;
	line-height: normal;
}
#main-menu li a {
	float: left;
	color: #ffffff;
	text-decoration: none;
	font-size: 14px;
	height: 18px;
	margin: 6px 0;
	padding: 2px 12px;	
	display: block;
	border-right: 1px solid #DEC7DE;
}
#main-menu li a:hover {
	background: url(../images/main-menu-button-bg.png) bottom center no-repeat;
	color: #DEC7DE;
}
#main-menu li.last a {border: none}

/* #main-content */

#main-content {
	float: left;
	padding: 5px;
	width: 940px;
}
#main-content .span-18 {
	margin: 0;
	overflow: hidden;
}
#main-content .sub-content {
	float:right;
	margin: 0 0 -5px 0;
	width: 225px;
}
#main-content .sub-content img {
	margin: 0 0 5px 0;
	float: left;
}



#main-content h1 {margin: 0 10px 15px 10px}

/* #contant-page */

#content {
	background: url(../images/intro-bg.png) repeat-x top;
	padding: 0 0 40px 10px;
}
#content  p.path {padding: 9px 10px 0 0}
#content .span-6 {
	margin-top: 47px;
	width: 220px;
}
.content-page #content h1 {margin: 10px 10px 6px 0}

/* .banner */

.banner {
	overflow: hidden;
	margin-bottom: 5px;
	float:left;
	border: 1px solid #cccccc;
}
.banner ul {
	overflow: hidden;
	margin: 4px;
}

/* .home-page */

.home-page .banner {
	height: 348px;
	width: 708px;
	margin-bottom: 1px !important;
	float: left;
}
.home-page .banner ul {
	height: 340px;
	width: 700px;
}
.home-page .banner ul li a {
	cursor: pointer;
}
.home-page #content {margin-top: 3px}
.home-page #content h1 {
	height: 44px;
	width: 480px;
	background: url(../images/welcome-to-simply-cornish.png) no-repeat;
	text-indent: -1000px;
	overflow: hidden;
	margin: 15px 0 2px 0;
}
.home-page #content p {
	margin-left: 2px;
	width: 680px;
}

/* .content-page */

.content-page p.path {margin: 0 2px}
.content-page .banner {
	height: 222px;
	width: 938px;
}
.content-page .banner ul {
	height: 214px;
	width: 930px;
}
.content-page #content {
	width: 930px !important;
	margin: 0;
}

/* #docID13 "careers page" */

#docID13 #content .span-6 h2 {
	font-size: 26px;
	margin: 10px 0 3px 0;
}

#docID13 #content .span-6 h3 {margin: 0 0 10px 0}
#docID13 #content .span-6 {margin-top: 0}
#docID13 #content .last {margin-top: 45px}

/* .path */

p.path {padding: 3px 10px 0 10px}
p.path, p.path a {
	color: #451864;
	text-decoration: none;
}
p.path span.B_currentCrumb {font-weight: bold}
p.path a:hover {
	color: #451864;
	text-decoration: underline;
}

/* #docID43 "careers page" */
#docID43 #content .span-12 {
	
}
#docID43 #content .span-12 form p {
	margin: 0;
	clear: both;
}
#docID43 #content .span-12 form input:hover, #docID43 #content .span-12 form input:focus, #docID43 #content .span-12 form textarea:hover, #docID43 #content .span-12 form textarea:focus {border: 1px solid #451864}
	#docID43 #content .span-12 form p label {
		font-weight: normal;
		padding: 10px 0;
		float: left;
	}
		#docID43 #content .span-12 form p.vericode {
			background: #f7f7f7;
			float: left;
			width: 100%;
			border: 1px solid #eee;
		}
			#docID43 #content .span-12 form p.vericode img {
				float: right;
				clear: none;
				margin: 10px;
			}
			#docID43 #content .span-12 form p.vericode label {
				float: left;
				margin: 21px 10px 0 10px;
			}
			div.errors {
				color: #fff;
				padding: 5px;
				display: block;
				float: left;
				clear: both;
				width: 100%;
				margin: 0 0 10px 0;
				background: #7EB2A7;
				
			}
			#docID43 #content .span-12 form .submit {width: auto}
		
		
		
#docID43 #content .span-12 form input, #docID43 #content .span-12 form textarea {
	float: right;
}
#docID43 #content .span-12 form input {
	width: 300px;
}
#docID43 #content .span-12 form textarea {
	width: 300px;
}
#docID43 #content address {
	margin: 50px 30px;
	color: #451864;
	font-style: normal;
}
/* .barker */

.barker {
	text-align: center;
	text-transform: uppercase;
	line-height: normal;
}
.barker h1, .barker label {
	font-size: 20px;
	padding: 0;
	margin: 0;
	font-weight: normal;
	color: #502B66 !important;
}
.barker label small {
	margin: 3px 0;
	color: #7EB2A7;
	display: block;
	font-size: 10px !important;
	} 
.barker h1 {margin: 2px 0 !important} 
.barker h3 {
	margin: 3px auto; 
	width: 212px;
}
.barker h4 {margin: 0}
.barker h3, .barker h4 {
	font-size: 12px;
	color: #83B9AD;
}

/* #category */

.paginate {
	float: left;
	width: 704px;
	height: 24px;
	padding: 3px;
	color: #ffffff;
	background: #7EB2A7;
}
.paginate ul {
	float:left;
	padding: 0 5px;
	margin: 3px 0;
}
.paginate ul li {
	float:left;
	padding: 0 2px;
}
.paginate ul li.paginate_pages a {
	padding: 2px 5px;
	text-decoration: none;
	color: #ffffff;
}
.paginate ul li.paginate_pages a:hover {background: #5E857D}
li.paginate_pages span.ditto_currentpage {
	background: #502B66;
	margin: 0 1px;
	padding: 2px 5px !important;
}
a.ditto_next_link, a.ditto_previous_link {color: #ffffff}
a.ditto_next_link:hover, a.ditto_previous_link:hover {text-decoration: underline}
.paginate p {
	float:right;
	margin: 3px 0;
	padding: 0 5px;
}
.paginate .ditto_off {display: none}
.paginate .pages {margin-right: 5px}
ul#products {float: left}
ul#products li {
	position: relative;
	float:left;
	width: 230px;
	height: 295px;
	margin: 5px 11px;	
}
ul#products li.start,ul#products li.end {
	width: 229px;
}
ul#products li a.image {
	float:left;
	display: block;
	border: 1px solid #eeeeee;
	margin-bottom: 10px;
	width: 226px; /* category image */
	height: 152px; /* category image */
}
ul#products li a.image img {margin: 2px !important}
ul#products li.start, ul#products li.end {margin: 5px 0 5px 0}
ul#products li h4 {font-size: 12px}
ul#products li h3 a , ul#products li label {
	color: #502B66;
	font-size: 16px !important;
} 
ul#products li a {text-decoration: none}
ul#products li h3 a:hover {
	color: #7EB2A7;
	text-decoration: underline;
}
ul#products a.buy-now {
	position:absolute;
	bottom: 5px;
	left: 15px;
}
ul#products a.details {
	position:absolute;
	bottom: 5px;
	right: 20px;
}

div.sub-menu {
	background: url(../images/pink-gradient-top-down.png) repeat-x bottom #EDE0ED;
	float: right;
	width: 225px;
	padding-bottom: 30px;
	margin: 0;
}
div.sub-menu h5 {
	margin: 0 5px;
	padding: 6px 0 7px 2px;
	border-bottom: 2px solid #502B66;
	font-weight: bold;
}
	div.sub-menu h5, div.sub-menu h5 a {
		color: #502B66;
		font-size: 14px;
	}
	div.sub-menu h5 a {
		font-weight: normal;
	}
div.sub-menu ul li a {
	color: #502B66;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #D3B4D3;
	padding: 4px 2px;
	clear: both;
	width: 212px;
	margin: 0 5px;
}
div.sub-menu ul li ul {margin: 0}
div.sub-menu ul li li a {
	font-weight: normal !important;
	padding-left: 15px;
	width: 199px;}
div.sub-menu ul li li.active a, div.sub-menu ul li li li.active a {font-weight: bold  !important} 
div.sub-menu ul li.active li a:hover, div.sub-menu ul li.active li a:active {
	text-decoration: underline;
}
div.sub-menu ul li.active a, div.sub-menu ul li.active a:hover {
	font-weight: bold;
	background: url(../images/pink-gradient-bottom-up.png) repeat-x center;
}
div.sub-menu ul li a:hover {
	color: #502B66;
	text-decoration: none;
	background: url(../images/pink-gradient-bottom-up.png) repeat-x center;
}

/* #search-results */
span.ajaxSearch_grpResultsDisplayed {
	float: right;
	color: #593071;
	margin: 3px 5px;
	font-weight: bold;
	
}
p.searchResults {margin: 0 12px 20px 12px}
#search-results li {
	width: 710px;
	position: relative;
	float:left;
	margin: 0 0 10px 0;
	padding: 5px 0 0 0;
	background: url("../images/pink-gradient-top-down.png") 0 -38px repeat-x;
}
#search-results li a.image {
	float:left;
	display: block;
	border: 1px solid #eeeeee;
	background: #ffffff;
	margin-bottom: 5px;
	width: 226px; /* category image */
	height: 160px; /* category image */
}
#search-results li a.image img {margin: 2px !important}
#search-results li a h3, #search-results li label {color: #502B66;}
#search-results li h3, #search-results li label {font-size: 18px}
#search-results li a:hover h3 {
	color: #7EB2A7;
	text-decoration: underline;
}
#search-results li .product-info {
	float: right;
	width: 458px;
	margin: 20px 12px 0 12px;
	padding-bottom: 50px;
}
#search-results li .product-info .product-details {padding-top: 10px;}
#search-results li .product-info .buttons a {
	float: left;
	margin-right: 20px;
}
#search-results a.buy-now {
	position:absolute;
	bottom: 20px;
	left: 373px;
}
#search-results a.details {
	position:absolute;
	bottom: 20px;
	right: 125px;
}


/* .select-brand selection */

div.select-brand fieldset {background: url(../images/view-by-brand.png) 8px 5px no-repeat}

/* .newsletter */

.newsletter fieldset {
	background: url(../images/newsletter.png) 8px 5px no-repeat;
	text-align:center;
}
.newsletter input#newsletter {
	color: #666666;
	width: 192px;
	padding: 3px;
	border: none;
	margin-bottom: 5px;
	font-size: 12px;
}
.newsletter input#newsletter:hover, input#newsletter:focus {color: #451864}
.newsletter input#send {
	background: url(../images/buttons/send_button.png) no-repeat top left;
	height: 24px;
	width: 76px;
	margin-top: 8px;
	overflow: hidden;
	text-indent: 1000px;
	border: none;
	cursor: pointer
}
.newsletter input#send:hover {background-position: bottom}

/* "left-col styles" */

div.green-box {
	border: 3px solid #7CB0A5;
	width: 219px;
	margin: 0 0 5px 0;
	float: left;
	background: url(../images/sub-box.png) repeat-x top #7EB2A7;
}
div.green-box fieldset {
	padding: 36px 0 0 10px;
	border: none;
}
div.green-box label {display: none}
div.green-box select {width: 201px} 
div.green-box select {
	font-size: 12px;
	color: #502B66;
	padding: 2px;
	color: #666666;
}
div.green-box select:hover {color: #451864}

/* .buttons */

.button {
	display: block;
	cursor: pointer;
	border: none;
	height: 32px;
	padding: 0;
	font-size: 0
	text-decoration: none;
	color: #593071;
	width: 78px;
	text-indent: -1000px;
	overflow: hidden;
}
input.buy-now, a.buy-now {background:url(../images/buttons/buy-now.png) no-repeat top left}
input.buy-now:hover, a.buy-now:hover {
	background:url(../images/buttons/buy-now.png) no-repeat bottom left}
.details {background: url(../images/buttons/details.png) no-repeat top left}
.details:hover {background-position: bottom left}

/* #product page */

#product #main-image {
	text-align: center;
	margin-right: 5px;
	padding-bottom: 56px;
	background: url(../images/pink-gradient-top-down.png) bottom repeat-x; 
}
#product #main-image #large-image {
	border: 1px solid #eeeeee;
	padding: 2px;
	overflow: hidden;
	height: 229px;
	width: 344px;
}
#product #main-image #large-image ul {
	overflow: hidden;
	height: 241px;
	width: 344px;
}
#product #main-image label {
	color: #D3B4D3;
	font-weight: normal;
	padding: 13px 0;
	display: block;
	clear: both;
}
#product #thumbnails {
	float: left;
	clear: both;
	height: 83px;
	width: 348px; 
	border: 1px solid #eeeeee;
}
#product ul#thumbnails li a {
	float: left;
	display: block;
	margin: 2px;
	height: 82px;
	width: 112px;
}
#product-info {
	color: #502B66;
	padding-bottom: 56px;
	margin: 0 0 10px 0;
	width:355px;
	background: url(../images/pink-gradient-top-down.png) repeat-x bottom;
}
#product-info h3 {padding-bottom: 6px}
#product-info .barker h3 {
	width: 100%;
	padding: 0;
	margin-right:0;
	margin-left:0;
}
#product-info fieldset {
	border: none;
	margin: 0;
	padding-top: 5px;
	width: 322px;
	background: url(../images/pink-gradient-bottom-up.png) bottom repeat-x;
}
#product-info fieldset input.buy-now {
	margin: 10px 0 5px  0;
	float: right !important;
}
#product-info h3 {
	color: #83B9AD;
	text-align:center;
	margin: 6px 0;
	font-size: 16px;
}
#buy-panel fieldset div {
	margin: 5px;
	float:left;
}
div.quantity, div.quantity label, div.quantity select {
	margin: 0;
	width: 50px;
}
div.delivery, div.delivery label, div.delivery select {
	margin: 0;
	width: 170px;
}
#buy-panel .buy-now {
	margin: 0;
	float: right;
}
#buy-panel, #details, #contains, #producer {background:url(../images/green-border.gif) repeat-x bottom}
#buy-panel {padding-bottom: 2px}
#details, #contains, #producer {padding: 10px 8px 5px 8px}
#product #products {
	float: right;
	width: 220px;
}
#product #products li {
	clear: both;
	margin: 0 0 5px 0;
	height: 295px;
}
#product ul#products li a.image {
	width: 218px; /* product page image */
	height: 147px; /* product page image */
}
#product #related-products {
	width: 220px;
	float: right;
	padding-left: 5px;
	background: url(../images/pink-bg.gif) repeat-y;
	margin-bottom: 0;
}
#product #related-products h5 {
	font-size: 14px;
	color: #452558;
	width: 218px;
	border-bottom: 1px solid #eeeeee;
	margin: 0 0 3px 0;
	float:right;
	font-weight: normal;
	padding: 0 0 4px 2px;
}
#product #related-products #products li {width: 220px;}

/* #footer-links */

#footer-links {
	background: url(../images/footer-links-bg.png) repeat-x bottom #593071;
	width: 930px;
	margin: 0 5px 5px 5px;
	padding: 5px;
}
#footer-links ul {float:left}
#footer-links ul {
	border-right: 1px solid #896D99;
	height: 100px;
	padding: 4px 0;
}
#footer-links ul li {padding-left: 7px}
#footer-links ul li h4 {
	font-size: 14px;
	color: #ffffff;
}
#footer-links ul li, #footer-links a {
	text-decoration: none;
	color: #ffffff;
}
#footer-links a:hover {text-decoration: underline}
#footer-links ul.last {border: none}
#footer-links ul li h4 {
	color: #ffffff;
	margin: 0 0 2px 0;
	padding: 0;
}
#footer-links .container {
	background: url(../images/WE-LOVE-FOOD-ITS-THAT-SIMPLE.png) 670px 21px no-repeat;
	width: 930px;
}
#footer-links span {
	float: right;
	margin: 50px 8px 0 0;
}
/* Site map */
body#docID46 #content .span-6 h1 {
	margin: 0;
	width: 100%;
	background: red;
}
body#docID46 #content .span-6 h3, body#docID46 #content .span-6 h3 a {
	margin: 10px 0 3px 0;
	
}
body#docID46 #content .span-6 li a {
	color: #593071;
}
#content .span-6 {margin-top: 0}




/* tool tip */
#tooltip {
	position: absolute;
	font-size: 12px;
	z-index: 3000;
	border: 1px solid #000;
	background-color: #593071;
	padding: 5px;
}
	#tooltip h3, #tooltip div {
		margin: 0;
		font-size: 12px;
		padding:  2px;
		color:  #ffffff !important;
	}

/* Manger */
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/plugins/qm/css/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderTopCenter.png, sizingMethod=\'scale\');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderTopRight.png, sizingMethod=\'scale\');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderBottomLeft.png, sizingMethod=\'scale\');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderBottomCenter.png, sizingMethod=\'scale\');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderBottomRight.png, sizingMethod=\'scale\');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderMiddleLeft.png, sizingMethod=\'scale\');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.$this->modx->config['site_url'].'assets/plugins/qm/css/images/internet_explorer/borderMiddleRight.png, sizingMethod=\'scale\');}