/* BritishCornerShop.co.uk Version 3.0
   Screen Generic
   Peter Howarth
   18th February 2010 */

/* Global
---------------------------------------*/

body {
	background: #d1d1d1 url(../images/home_bg.jpg) repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}

hr {
	border: 0;
	height: 1px;
	color: #bdbdbd;
	background-color: #bdbdbd;
	clear: both;
	margin-left: 23px;
	margin-right: 23px;
}

a {
  outline: none;
}

img {
	border: 0px;
}

.clear {
	clear: both;
}

sup {
	font-size: 14px;
}

/* Main Structure
---------------------------------------*/

#whitespace {
	width: 920px;
	min-width: 920px;
	margin: 0 auto;
	background: #ffffff;
}

#maincontent {
	width: 900px;
	min-width: 900px;
	margin: 0 auto;
	text-align: left;
}

#masthead {
	float: left;
	width: 900px;
	min-height: 151px;
	height: 151px;
}

#primarynav {
	float: left;
	width: 900px;
	min-height: 30px;
	height: 30px;
	background: url(../images/primary_nav_bg.jpg) no-repeat;
}

#dividerone {
	float: left;
	width: 900px;
	min-height: 19px;
	height: 19px;
	background: url(../images/divider_1.jpg) repeat-x;
}

#leftcolumn {
	float: left;
	width: 266px;
	min-height: 400px;
}

#rightcolumn {
	float: left;
	width: 634px;
	min-height: 400px;
}

#footer {
	clear: both;
	float: left;
	width: 900px;
	min-height: 84px;
	height: 84px;
	text-align: center;
}


/* Component Structures
---------------------------------------*/

/* Search For Products -----------*/

#searchforproducts {
	float: left;
	width: 247px;
	min-height: 271px;
	height: 271px;
	background: url(../images/search_for_products_bg.jpg) no-repeat;
}

#searchforproducts #searchformcontainer {
	float: left;
	width: 208px;
	height: 26px;
	margin-top: 89px;
	margin-left: 39px;
}

#searchformcontainer form {
	padding: 0px;
}

#searchformcontainer input {
	float: left;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	width: 102px;
	height: 16px;
	padding: 0;
	margin-top: 3px;
	border: 1px solid #c3c3c3;
}

#searchformcontainer .formbutton {
	float: left;
	margin-left: 10px;
	margin-top: 1px;
	border: 0;
	width: 53px;
	height: 21px;
	margin-bottom: 0px;
}

#searchforproducts #searchbybrand {
	float: left;
	width: 208px;
	height: 26px;
	margin-top: 45px;
	margin-left: 38px;
}

#searchforproducts #searchbygroup {
	float: left;
	width: 208px;
	height: 26px;
	margin-top: 44px;
	margin-left: 38px;
}

#searchforproducts select {
	float: left;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	width: 165px;
	height: 18px;
	padding: 0;
	border: 1px solid #c3c3c3;
}

/* Left Nav Top -----------*/

#leftnavtop {
	float: left;
	width: 247px;
	min-height: 75px;
	margin-bottom: 10px;
	background-color: #BA0B0F;
}

#leftnavtop img {
	border: 0;
	float: left;
}

#leftnavtop ul {
	margin: 6px 0px 16px 27px;
	padding: 0;
	text-indent: 20px;
	list-style: none;
	float: left;
}

#leftnavtop li {
	float: left;
}

#leftnavtop ul a {
	display: block;
	float: left;
	width: 193px;
	height: 25px;
	line-height: 25px;
	text-decoration: underline;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background: url(../images/quick_link_bullet.gif) no-repeat 0 50%;
}

#leftnavtop ul a:visited {
	color: #FFFFFF;
}

#leftnavtop ul a:hover {
	color: #CDCDCD;
	background: url(../images/left_nav_top_bullet_hover.gif) no-repeat 0 50%;
}

/* Left Nav Recipes -----------*/

#leftnavrecipes {
	float: left;
	width: 247px;
	min-height: 75px;
	margin-bottom: 10px;
	background-color: #550284;
}

#leftnavrecipes img {
	border: 0;
	float: left;
}

#leftnavrecipes ul {
	margin: 6px 0px 16px 27px;
	padding: 0;
	text-indent: 20px;
	list-style: none;
	float: left;
}

#leftnavrecipes li {
	float: left;
}

#leftnavrecipes ul a {
	display: block;
	float: left;
	width: 193px;
	height: 25px;
	line-height: 25px;
	text-decoration: underline;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	background: url(../images/quick_link_bullet.gif) no-repeat 0 50%;
}

#leftnavrecipes ul a:visited {
	color: #FFFFFF;
}

#leftnavrecipes ul a:hover {
	color: #CDCDCD;
	background: url(../images/left_nav_top_bullet_hover.gif) no-repeat 0 50%;
}

/* BCS Quick Links -----------*/

#bcsquicklinks {
	float: left;
	width: 247px;
	min-height: 275px;
	background: #E4E4E3 url(../images/bcs_quick_links.jpg) no-repeat;
	margin-bottom: 10px;
}

#bcsquicklinks ul {
	margin: 64px 0px 16px 27px;
	padding: 0;
	text-indent: 20px;
	list-style: none;
	float: left;
}

#bcsquicklinks li {
	float: left;
}

#bcsquicklinks ul a {
	display: block;
	float: left;
	width: 193px;
	height: 25px;
	line-height: 25px;
	text-decoration: underline;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background: url(../images/quick_link_bullet.gif) no-repeat 0 50%;
}

#bcsquicklinks ul a:visited {
	color: #666666;
}

#bcsquicklinks ul a:hover {
	color: #D6161B;
	background: url(../images/quick_link_bullet_hover.gif) no-repeat 0 50%;
}


/* Follow Us On -----------*/

#followuson {
	width: 247px;
	margin-left: 12px;
}

#followuson img {
	margin-top: 20px;
	margin-left: 20px;
}

/* Adverts -----------*/

#adverts {
	margin-top: 12px;
	margin-left: 6px;
}

#adverts img {
	margin-top: 24px;
}



/* Checkout Progress Summary -----------*/

#checkoutprogress {
	float: left;
	width: 247px;
	min-height: 196px;
	margin-top: 14px;
	margin-bottom: 10px;
}

/* Page Header -----------*/

.pageheader {
	/*float: left;*/
	width: 634px;
	height: 60px;
	background: url(../images/shop_header_bg.jpg) no-repeat;
}

.pageheader p {
	float: left;
	font-family: arial, verdana, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: -1px;
	margin: 15px 0px 0px 23px;
	padding: 0;
	line-height: normal;
}

.pageheader #pageheadersecondarytext {
	float: right;
}

.pageheader #pageheadersecondarytext p {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 0px;
	margin: 18px 24px 0px 0px;
}

#rightcolumn .pageheader a, #rightcolumn .pageheader a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}

#rightcolumn .pageheader a:hover {
	color: #E4E4E3;
	text-decoration: underline;
}


/* Standard Table -----------*/

.standardtable {
	/*float: left;*/
	margin: 12px 0 12px 0;
	padding: 0;
	width: 570px;
}

.standardtable table {
	/*float: left;*/
	margin: 0px 24px 0px 23px;
	width: 570px;
	border-collapse: collapse;
}

.standardtable thead {
	font-family: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #34363A;
}

.standardtable tbody {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.standardtable th {
	padding: 8px 0px 4px 0px;
	text-align: left;
	font-weight: bold;
}

.standardtable td {
	padding: 4px 0px 6px 0px;
	text-align: left;
}

.standardtable tr.grandtotal {
	font-family: arial, verdana, sans-serif;
	font-size: 15px;
	font-weight: bold;
}

.standardtable tr.grandtotal td {
	padding-top: 7px;
	color: #1F73C3;
}

.standardtable tr.odd td {
	background-color: #E3EAF9;
}

.standardtable thead #item {
	width: 330px;
}

.standardtable thead #weight {
	width: 85px;
}

.standardtable thead #price {
	width: 85px;
}

.standardtable thead #qty {
	width: 70px;
}

.standardtable thead #recommendedname {
	width: 130px;
}

.standardtable thead #recommendedemail {
	width: 300px;
}

.standardtable thead #recommendedordered {
	width: 80px;
}

.standardtable thead #recommendedactions {
	width: 60px;
}

.standardtable thead #historyorderref {
	width: 125px;
}

.standardtable thead #historydatetime {
	width: 150px;
}

.standardtable thead #historytracking {
	width: 150px;
}

.standardtable thead #historyaddtobasket {
	width: 145px;
}

.standardtable thead #checkout2item {
	width: 375px;
}

.standardtable thead #checkout2weight {
	width: 75px;
}

.standardtable thead #checkout2qty {
	width: 45px;
}

/*.standardtable thead #checkout2priceexcvat {
	width: 85px;
}*/

.standardtable thead #checkout2priceincvat {
	width: 75px;
}


/* Pretty, Thin and Full Width Tables
---------------------------------------*/

.standardtable table.thin {
	width: 300px;
	border: 1px solid #C6D0E6;
	margin-top: 18px;
}

.standardtable table.smart {
	border: 1px solid #C6D0E6;
	margin-top: 18px;
}

.standardtable table.thin th, .standardtable table.smart th {
	text-align: center;
	background-color: #CCDAF8;
	border: 1px solid #C6D0E6;
}

.standardtable table.thin td, .standardtable table.smart td {
	text-align: center;
	border: 1px solid #C6D0E6;
}

.standardtable table.smart td.left, .standardtable table.smart th.left {
	text-align: left;
	padding-left: 10px;
}

.standardtable thead #rewardpoints {
	width: 150px;
}

.standardtable thead #rewardpointscashvalue {
	width: 150px;
}

.standardtable thead #shippingcountry {
	width: 400px;;
}

.standardtable thead #shippingtariff {
	width: 170px;
}

.standardtable thead #shippingorderby {
	width: 200px;
}

.standardtable thead #shippingdeliveryon {
	width: 370px;
}

.standardtable thead #shippingparcelweight {
	width: 350px;
}

.standardtable thead #shippingparcelprice {
	width: 220px;
}

.standardtable thead #xmascountry {
	width: 300px;;
}

.standardtable thead #xmasorderby {
	width: 270px;
}


/* General Text
---------------------------------------*/

h1, h2, h3 {
	/*float: left;*/
	clear: both;
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
	margin: 21px 23px 0px 23px;
}

h2 {
	margin: 34px 23px 0px 23px;
}

h3 {
	font-size: 16px;
	margin: 28px 23px 0px 23px;
}

p {
	/*float: left;*/
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #2A2A2A;
	margin: 17px 23px 2px 23px;
	line-height: 17px;
}

p.newsdate {
	float: right;
	font-weight: bold;
	margin-top: -14px;
}

blockquote {
	margin: 20px 23px 36px 23px;
	background: url(../images/quote_open.jpg) no-repeat left top;
}

blockquote p {
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #2A2A2A;
	margin: 0px 0px 12px 34px;
	padding-right: 30px;
	background: url(../images/quote_close.jpg) no-repeat right bottom;
}

blockquote cite {
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	color: #000000;
}

.nonparagraphtext {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

#rightcolumn a, #rightcolumn a:hover, #rightcolumn a:visited {
	color: #0000FF
}

.errormessage {
	color: #C90303;
	font-weight: normal;
	font-size: 14px;
}

.successmessage {
	color: #00830F;
	font-weight: normal;
	font-size: 14px;
}

.rewardstext {
	color: #C90303;
	font-weight: bold;
	font-size: 18px;
}

.orderreftext {
	color: #00830F;
	font-weight: bold;
	font-size: 18px;
}

.standardtable .buyonegetonefree {
	color: #D6161B;
}

/* Lists
---------------------------------------*/

#rightcolumn ul {
	/*float: left;*/
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #2A2A2A;
	margin: 14px 23px 0px 23px;
	text-indent: 0px;
	list-style-type: circle;
}

#rightcolumn ul.smallindent {
	margin-left: 0px;
	margin-right: 0px;
}

#rightcolumn li {
	margin-bottom: 4px;
}

#rightcolumn ul.smallindent li {
	margin-bottom: 4px;
	margin-left: 0px;
	text-indent: -16px;
}

#rightcolumn ul li img {
	margin-top: 12px;
	margin-bottom: 20px;
}

/* Forms
---------------------------------------*/

.formcontainerbuttononly {
	width: 588px;
	margin: 20px 23px 10px 23px;
}

.formcontainerbuttononly input {
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
}

.formcontainer {
	/*float: left;*/
	width: 588px;
	margin: 20px 23px 20px 23px;
}

.formcontainer p {
	margin: 0;
	font-size: 16px;
	color: #474A51;
}

.formcontainer form {
	margin: 0px 0px 0px 0px;
	background-color: #bbb;
	padding: 20px;
}

.formcontainer label {
	display: block;
	width: 130px;
	float: left;
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #474A51;
	margin-bottom: 10px;
	padding-top: 3px;
}

.formcontainer input {
	 font-size: 12px;
	 font-family: arial, verdana, sans-serif;
	 font-weight: normal;
	 margin-bottom: 10px;
}

.formcontainer .reviewwordcount {
	width: 24px;
	height: 20px;
	font-weight: bold;
	background-color: #bbb;
	border: none;
}

.formcontainer .reviewinfo {
	width: 340px;
	height: 20px;
	background-color: #bbb;
	border: none;
}

.formcontainer .shortestinput {
	width: 150px;
}

.formcontainer .shortinput {
	width: 230px;
}

.formcontainer .mediuminput {
	width: 350px;
}

.formcontainer select {
	 font-size: 12px;
	 font-family: arial, verdana, sans-serif;
	 font-weight: normal;
	 margin-bottom: 10px;
}

.formcontainer .formbutton {
	 margin-left: 130px;
	 width: auto;
	 margin-bottom: 0px;
}

.formcontainer .formbuttonproceedcheckout {
	 float: right;
	 width: auto;
	 margin-bottom: 0px;
}

.formcontainer .formbuttongobackcheckout {
	float: left;
	width: auto;
	margin-bottom: 0px;
}

.formcontainer textarea {
	width: 548px;
	padding: 6px;
	margin-bottom: 6px;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
}

.formcontainer hr {
	border: 0;
	height: 1px;
	color: #EBEBEB;
	background-color: #EBEBEB;
	clear: both;
	margin-bottom: 20px;
	margin-top: 15px;
}

.formcontainerpayment {
	width: 269px;
	margin: 20px 23px 20px 23px;
}

.formcontainerpayment form {
	margin: 0px 0px 0px 0px;
	background-color: #bbb;
	padding: 20px;
}

.formcontainerpayment p {
	margin: 0;
	font-size: 16px;
	color: #474A51;
}

.formcontainerpayment input {
	 font-size: 12px;
	 font-family: arial, verdana, sans-serif;
	 font-weight: normal;
	 margin-bottom: 10px;
}

.formcontainerpayment hr {
	border: 0;
	height: 1px;
	color: #EBEBEB;
	background-color: #EBEBEB;
	clear: both;
	margin-bottom: 20px;
	margin-top: 15px;
}

.addalltobasket {
	margin: 20px 23px 10px 46px;	
}


/* Content Images
---------------------------------------*/

.leftimage {
	float: left;
	margin: 20px 24px 20px 24px;
}

.rightimage {
	float: right;
	margin: 20px 24px 20px 24px;
}

.directorybanner {
	margin: 16px 24px 0px 24px;
}

/* Footer
---------------------------------------*/

#footer p {
	font-size: 11px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 42px 12px 2px 12px;
}

#footer a {
	color: #000000;
	text-decoration: none;
}

#footer a:hover {
	color: #D6161B;
	text-decoration: underline;
}


/* Product Page
---------------------------------------*/

#productimageholder {
	float: left;
	clear: both;
	width: 302px;
	height: 302px;
	margin: 19px 0px 8px 20px;
}

#productimageholder img {
	border: 1px solid #c3c3c3;
	width: 300px;
	height: 300px;
}

#productdetailspanel {
	float: right;
	width: 256px;
	height: 302px;
	margin: 19px 20px 8px 0px;
	background: #E6E6E5;
}

#productdetailspanel #priceline {
	float: right;
	width: 210px;
	min-height: 40px;
	height: 40px;
	margin: 0px 24px 0px 0px;
}

#productdetailspanel #addtobasket {
	float: right;
	width: 210px;
	min-height: 40px;
	height: 40px;
	margin: 24px 24px 0px 0px;
}

#productdetailspanel #productweight {
	float: right;
	width: 210px;
	min-height: 38px;
	height: 38px;
	margin: 0px 24px 0px 0px;
}

#productdetailspanel #iconholder {
	float: right;
	width: 210px;
	min-height: 120px;
	height: 120px;
	margin: 0px 24px 0px 0px;
}

#productdetailspanel #iconholder img {
	float: right;
	margin-bottom: 22px;
}

#productdetailspanel #productweight p {
	float: right;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
}

#productdetailspanel #priceline #wasprice {
	float: right;
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #D6161B;
	letter-spacing: -1px;
	text-decoration: line-through;
	margin: 0px 16px 0px 0px;
}

#productdetailspanel #priceline #price {
	float: right;
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0869C4;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
}

#productdetailspanel #addtobasket p {
	float: right;
	font-family: arial, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #0869C4;
	letter-spacing: -1px;
	margin: 0px 0px 0px 0px;
}

#productdetailspanel #addtobasket form {
	float: right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#productdetailspanel #addtobasket input {
	float: left;
	font-size: 12px;
	font-family: arial, verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	width: 27px;
	height: 16px;
	padding: 0;
	border: 1px solid #c3c3c3;
	margin: 3px 5px 0px 0px;
}

#productdetailspanel #addtobasket #formbutton {
	float: left;
	border: 0;
	width: 97px;
	height: 25px;
	margin: 0px -4px 0px 0px;
}

#productdetailspanel #addtobasket img {
	float: left;
	margin-top: 0px;
}

#productdetailspanel #addtobasket img.minus {
	margin: 4px 5px 0px 0px;
}

#productdetailspanel #addtobasket img.plus {
	margin: 4px 9px 0px 0px;
}

#similarproducts {
	margin: 17px 10px 2px 20px;
}

.similarproduct {
	float: left;
	width: 150px;
}

.similarproduct img {
	border: 1px solid #c3c3c3;
	width: 140px;
	height: 140px;
}

.productrating {
	margin-bottom: -5px;
}

/* Half Containers for Side by Side
---------------------------------------*/
#generalleftpanel {
	float: left;
	width: 285px;
	margin: 0px 0px 0px 0px;
}

#generalrightpanel {
	float: right;
	width: 285px;
	margin: 0px 40px 0px 0px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.floatleft h2, .floatright h2 {
	margin: 6px 23px 0px 23px;
}

/* Video -----------*/

.video {
	margin: 22px 23px 0px 23px;
}

/* 3 Panel Set -----------*/

.genericthreepanelset {
	float: left;
	width: 630px;
	min-height: 190px;
	height: 190px;
	margin-top: 20px;
	text-align: center;
}

.genericthreepanelset .firstpanel {
	float: left;
	width: 200px;
	min-height: 190px;
	height: 190px;
}

.genericthreepanelset .secondpanel {
	float: left;
	width: 200px;
	min-height: 190px;
	height: 190px;
	margin-left: 10px;
}

.genericthreepanelset .thirdpanel {
	float: left;
	width: 200px;
	min-height: 190px;
	height: 190px;
	margin-left: 10px;
}

.genericthreepanelset p {
	margin-top: 5px;
	
}