/* ++ Primary Styles for Evergreen ++ */


/* ++ reset ++ */

* {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}


/* ++ general html selectors ++ */

body {
	background: #ffffff url(../../img/common/bg_main.jpg) top left repeat-x;
	color: #5e5e40;
	font: 0.8em/1.3em "Trebuchet MS", Tahoma, Verdana, sans-serif;
	text-align: center;
}

h1, h2, h3 {
	font-family: "Arial Rounded MT Bold", "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 140%;
	font-weight: normal;
	line-height: 110%;
	padding: 6px 0 6px 10px;
	text-align: left;
}

h1, div#primaryContent h1 {
	background: transparent url(../../img/common/bg_green_gradient.gif) top left repeat-x;
	color: #9bd25f;
}

h1 strong {
	color: #1a7438;
	font-weight: normal;
}

h2 {
	background: transparent url(../../img/common/bg_brown_gradient.gif) top left repeat-x;
	color: #9b8f57;
}

h3 {
	color: #9bd25f;
}

#mainNav h3 {
	background: transparent url(../../img/common/bg_mainNav_headings.gif) top left no-repeat;
	border-top: 3px solid #9bd25f;
	padding: 6px 0 8px 55px;
}

h4 {
	color: #9b8f57;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 110%;
	font-weight: bold;
	padding: 6px 0;
	text-align: left;
}

h5 {
	color: #9b8f57;
	font-size: 85%;
	font-weight: bold;
	padding: 6px 0 0 0;
}

h6 {
	color: #9b8f57;
	font-size: 85%;
	font-weight: normal;
}

p {
	padding: 0.6em 0;
}

a, a:link {
	color: #1a7438;
	text-decoration: underline;
}

a:visited {
	color: #42ad3a;
	text-decoration: underline;
}

a:hover, a:active {
	color: #9b8f57;
	text-decoration: none;
}


/* ++ general structure ++ */

/* main layout areas */
#outerContainer {
	background: #ffffff url(../../img/common/bg_outer_container.gif) top left repeat-y;
	margin: 0 auto;
	width: 955px;
}

#innerContainer {
	background: transparent url(../../img/common/bg_inner_container.gif) top left no-repeat;
	margin: 0 auto;
	width: 955px;
}

#splitContainer {
	background: transparent url(../../img/common/bg_split_container.gif) top left repeat-y;
	margin: 0 auto;
	overflow: hidden;
	width: 925px;
}

#contentContainer {
	margin: 0 auto;
	overflow: hidden;
	width: 925px;
}

#header {
	background: transparent url(../../img/common/bg_header.jpg) bottom left no-repeat;
	border-bottom: 1px solid #ffffff;
	margin: 0 auto;
	overflow: hidden;
	width: 925px;
}

#logo {
	float: left;
	width: 225px;
}

#header_navigation {
	float: left;
	width: 700px;
}

#mainNav {
	float: left;
	margin-right: 5px;
	text-align: left;
	width: 220px;
}

#primaryContent {
	border-top: 3px solid #9bd25f;
	float: left;
	overflow: hidden;
	width: 700px;
}

#splitContent {
	float: left;
	margin-right: 5px;
	width: 505px;
}

#rightSidebar {
	background: transparent url(../../img/common/icon_sidebar_top.gif) top right no-repeat;
	float: left;
	text-align: left;
	width: 190px;
}

div.featureContainer {
	border-top: 3px solid #9b8f57;
	margin-bottom: 15px;
	overflow: hidden;
	width: 505px;
}

#base_graphic {
	background: transparent url(../../img/common/graphic_base.gif) bottom left no-repeat;
	border-bottom: 1px solid #ffffff;
	clear: both;
	height: 35px;
	margin: 0 auto;
	width: 925px;
}

#outerFooter {
	background: #ffffff url(../../img/common/bg_outer_footer.gif) top left no-repeat;
	height: 175px;
	margin: 0 auto;
	width: 955px;
}

#footer {
	background: transparent url(../../img/common/bg_base_gradient.gif) top left repeat-x;
	border-top: 1px solid #d8d2bc;
	margin: 0 auto;
	padding: 95px 0 10px 0;
	width: 925px;
}


/* ++ right sidebar elements ++ */

#rightSidebar h4 {
	padding: 6px 10px;
}

#rightSidebar h5, #rightSidebar h6 {
	padding-left: 10px;
}

#rightSidebar img {
	margin: 10px 0 0 10px;
}

#rightSidebar p {
	font-size: 85%;
	padding: 0.6em 10px;
}

#rightSidebarComp
{
	float: right;
	padding-top:5px;
}

#rightSidebar img.staffPick {
	float: right;
}

#rightSidebar address {
	font-size: 85%;
	font-style: normal;
	padding: 6px 10px;
}

div.smDivider {
	background: transparent url(../../img/common/divider_right_sidebar.gif) top left no-repeat;
	height: 15px;
	margin: 10px 0 10px 10px;
	width: 175px;
}
div.smDivider hr {
	display: none;
}

div.bigSide_link {
	margin: 0.5em 0 0.5em 10px;
	width: 175px;
}

div.bigSide_link a {
	background: transparent url(../../img/common/bg_bigLink.gif) no-repeat;
	display: block;
	font-size: 85%;
	font-weight: bold;
	padding: 3px 5px 3px 25px;
	text-transform: uppercase;
}

div.bigSide_link a:link, div.bigSide_link a:visited {
	background-position: center left;
	border-top: 3px solid #42ad3a;
	border-bottom: 3px solid #9bd25f;
	color: #ffffff;
	text-decoration: none;
}

div.bigSide_link a:hover, div.bigSide_link a:active {
	background-position: center right;
	border-top: 3px solid #9bd25f;
	border-bottom: 3px solid #42ad3a;
	color: #ffffff;
	text-decoration: underline;
}

/* ++ homepage split content elements ++ */

/* feature product and offer areas */
div.feature_graphicLeft, div.feature_graphicRight {
	float: left;
	margin: 5px 0 0 0;
	text-align: left;
	width: 250px;
}

div.feature_graphicLeft { margin-right: 5px; }


/* new homepage product features */
div.feature_productRow {
	background: transparent url(../../img/homepage/bg_feature_productRow.gif) top left no-repeat;
	margin: 5px 0 0 0;
	overflow: hidden;
	width: 505px;
}

div.feature_productLeft, div.feature_productRight {
	float: left;
	overflow: hidden;
	padding: 9px;
	text-align: left;
	width: 232px;
}

div.feature_productLeft { margin-right: 5px; }

img.feature_img {
	float: left;
	margin-right: 5px;
	width: 120px;
}

div.feature_summary {
	float: left;
	width: 105px;
}

div.feature_summary p { font-size: 85%; }
div.feature_summary p, div.feature_summary h4 { padding: 0; }

div.feature_summary h5 {
	color: #5e5e40;
	font-size: 150%;
	font-weight: bold;
	padding: 10px 0;
}

a.findout_link {
	background: transparent url(../../img/homepage/bg_feature_link.gif) no-repeat;
	color: #ffffff;
	display: block;
	font-size: 85%;
	font-weight: bold;
	padding: 3px 6px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

a.findout_link:link, a.findout_link:visited {
	background-position: center left;
	border-top: 3px solid #43ad3a;
	border-bottom: 3px solid #98d15e;
}

a.findout_link:hover, a.findout_link:active {
	background-position: center right;
	border-top: 3px solid #98d15e;
	border-bottom: 3px solid #43ad3a;
}

div.feature_divider {
	background: transparent url(../../img/homepage/bg_feature_productRow_hr.gif) bottom left no-repeat;
	clear: both;
	width: 505px;
	height: 3px;
}

div.feature_divider hr { display: none; }


/* our brands logo area */
div#logoContainer 
{
	height: 120px;
	margin: 15px 0 0 0;
	padding: 0 0 0 10px;
	overflow: hidden;
	text-align: left;
	width: 495px;
}


div#logoContainer div.logo {
	display: block;
	float: left;
	height: 110px;
	width: 120px;
}

div#logoContainer div.logo
{
	display: none;
}

/*ul#logoContainer li {
	display: inline;
}
ul#logoContainer li a:link, ul#logoContainer li a:visited {
	background-color: #ffffff;
}

ul#logoContainer li a:hover, ul#logoContainer li a:active {
	background-color: #9b8f57;
}*/


/* ++ generic page styling ++ */

#genericContent {
	margin-bottom: 15px;
	overflow: hidden;
	text-align: left;
	width: 700px;
}

#genericContent_split {
	margin-bottom: 15px;
	overflow: hidden;
	text-align: left;
	width: 505px;
}

#genericContent img, #genericContent_split img {
	float: right;
	margin-left: 15px;
}

#genericContent ul, #genericContent_split ul {
	font-size: 85%;
	list-style: none;
	margin: 0 0 20px 25px;
}

#genericContent ul li, #genericContent_split ul li {
	background: transparent url(../../img/followon/bullet.gif) center left no-repeat;
	padding: 0.2em 0 0.2em 10px;
}

#genericContent p, #genericContent h4, #genericContent h5, #genericContent h6, #genericContent_split p, #genericContent_split h4, #genericContent_split h5, #genericContent_split h6 {
	padding-left: 10px;
}

#genericContent p, #genericContent_split p {
	font-size: 85%;
	padding-right: 2.0em;
}

#genericContent a, #genericContent_split a {
	font-weight: bold;
}

#genericContent h2, #genericContent_split h2 {
	border-top: 3px solid #9b8f57;
	color: #9b8f57;
}

/* contact details shop locations */
#shopLocations {
	margin-bottom: 15px;
	overflow: hidden;
	width: 505px;
}

div.singleShop {
	float: left;
	margin-bottom: 15px;
	width: 168px;
}

div.selectedShop {
	float: left;
	margin-bottom: 15px;
	width: 425px;
}

#shopLocations div.singleShop img {
	float: none;
	margin-left: 10px;
}

#shopLocations img
{
	float:left;
	margin-left:10px;
}

#shopLocations div.Box
{
	float:left;
	margin-left:10px;
}

#shopLocations table
{
	margin-left:10px;
}

/* staff recommendations page elements */
div.staffPickContainer {
	overflow: hidden;
	width: 700px;
}

#genericContent div.staffPickContainer img.staffPerson {
	float: left;
	margin: 6px 10px 15px 10px;
	width: 170px;
}

div.staffPick_content {
	float: left;
	width: 505px;
}

	
/* ++ Tabular Data ++ */

table {
	border: 1px solid #9bd25f;
	font-size: 85%;
	margin-bottom: 15px;
	text-align: left;
}

table.dataTbl {
	margin-left: 10px;
	width: 95%;
}

table th {
	background: transparent url(../../img/followon/bg_product_th.gif) top left no-repeat;
	border-bottom: 1px solid #9bd25f;
	color: #9bd25f;
	padding: 5px;
	text-transform: uppercase;
}

table tr {
	background-color: #ffffff;
}

table tr.alt_row {
	background-color: #eff7e6;	
}

table tr td.selected {
	font-weight:bold;
}

table td {
	padding: 3px 5px;
}

table td.multiple, table th.multiple {
	padding: 3px 0;
	text-align: center;
}

table td strong {
	text-transform: uppercase;
}

table td input {
	text-align: right;
	width: 40px;
}


/* ++ shopping cart process elements ++ */

a.link_checkout {
	background: transparent url(../../img/shopping_cart/btn_proceedcheckout.gif) no-repeat;
	float: right;
	height: 40px;
	margin-right: 5px;
	width: 225px;
	display: inline; /* fixes IE double-margin bug */
}

a.link_checkout:link, a#link_checkout:visited {
	background-position: top left;
}

a.link_checkout:hover, a#link_checkout:active {
	background-position: bottom left;
}

a.link_checkout span {
	display: none;
}

table.cartTbl {
	margin-top: 15px;
	margin-left: 10px;
	width: 480px;
}

table.cartTbl th {
	padding: 5px 10px;
}

table.cartTbl td {
	padding: 8px 10px;
}

table.cartTbl tr.subTotal {
	background: #ffffff url(../../img/common/bg_green_gradient.gif) top left repeat-x;
}

table.cartTbl tr.subTotal td {
	border-top: 1px solid #9bd25f;
	padding: 10px 5px 3px 10px;
}

table.cartTbl tr.voucherSuccess {
	background-color:#ffffcc;
}

table.cartTbl tr.voucherFailed {
	background-color: #ffcccc;
	color: #cc0033;
}

table.cartTbl tr.voucherSuccess td, table.cartTbl tr.voucherFailed td {
	border-top: 1px solid #d8d2bc;
	border-bottom: 1px solid #ffffff;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 110%;
	padding: 10px;
	text-align: center;
}

table.cartTbl tr.cartVoucher {
	/*background: #fbfbf9 url(../img/shopping_cart/bg_cartVoucher.gif) bottom left repeat-x;*/
	background-color: #eff7e6;
}

table.cartTbl tr.cartVoucher td {
	border-top: 1px solid #d8d2bc;
	padding: 10px;
}

table.cartTbl tr.cartVoucher input.codeText {
	margin: 0;
	text-align: left;
	width: 100px;
}

table.cartTbl tr.cartVoucher input.btnApply {
	background: transparent url(../../img/common/bg_green_gradient.gif) top left repeat-x;
	border: 1px solid #9bd25f;
	color: #1a7438;
	font: 100% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2px 0;
	text-align: center;
	text-transform: uppercase;
	width: 60px;
}

table.cartTbl tr.cartVoucher input.btnApply:hover {
	background: transparent url(../../img/common/bg_brown_gradient.gif) top left repeat-x;
	border: 1px solid #b0a67a;
	color: #5e5e40;
}

table.cartTbl tr.cartVoucher a {
	display: block;
	float: left;
	height: 17px;
	margin-right: 5px;
	width: 17px;
}

table.cartTbl tr.cartVoucher em {
	float: left;
	font-size: 90%;
}

table.cartTbl tr.cartVoucher a:link, table.cartTbl tr.cartVoucher a:visited  {
	background: transparent url(../img/shopping_cart/icon_link_moreInfo.gif) center left no-repeat;
	
}

table.cartTbl tr.cartVoucher a:hover, table.cartTbl tr.cartVoucher a:active  {
	background: transparent url(../img/shopping_cart/icon_link_moreInfo_ro.gif) center left no-repeat;
}

table.summaryTbl {
	border: none;
	margin-top: 10px;
	margin-left: 10px;
	width: 175px;
}

table.summaryTbl tr {
	background-color: transparent;
}

table.summaryTbl th {
	background-color: transparent;
	background-image: none;
	border-bottom: 1px solid #d8d2bc;
	color: #9b8f57;
	font-weight: bold;
	padding: 5px 3px;
	text-align: right;
	text-transform: none;
}

table.summaryTbl td {
	border-bottom: 1px solid #d8d2bc;
	padding: 5px 3px;
}

table.summaryTbl td em {
	color: #cc0000;
	font-style: normal;
}


/* shopping cart form elements */
fieldset#checkoutContent, fieldset#contactForm {
	border: none;
	overflow: hidden;
	margin: 10px 0 0 0px;
	padding-bottom: 1.5em;
	width: 490px;
}

.inputReg 
{
	border: 1px solid #a5acb2;
	font-size: 85%;
	padding: 3px 0 3px 0;
	width: 250px;
}

.selectReg {
	font-size: 85%;
	width: 250px;
}

fieldset#checkoutContent label, fieldset#checkoutContent input, fieldset#checkoutContent select, fieldset#contactForm label, fieldset#contactForm input, fieldset#contactForm textarea {
	float: left;
	margin-bottom: 10px;
}

fieldset#contactForm textarea {
	padding: 3px 0 3px 0;
	width: 250px;
}

fieldset#checkoutContent label, fieldset#contactForm label {
	font-size: 100%;
	padding-right: 15px;
	text-align: right;
	width: 150px;
}

fieldset#checkoutContent label.checkbox_label {
	width: 300px;
}

fieldset#checkoutContent label.mandatoryLabel, fieldset#contactForm label.mandatoryLabel {
	font-weight: bold;
}

div.cartdivider {
	background: transparent url(../../img/shopping_cart/divider_cart.gif) top left no-repeat;
	clear: both;
	height: 20px;
	width: 505px;
}
div.cartdivider hr {
	display: none;
}

fieldset#checkoutContent input.btnReg, 
fieldset#checkoutContent a.btnLarge {
	background: transparent url(../../img/common/bg_green_gradient.gif) top left repeat-x;
	border: 1px solid #9bd25f;
	color: #1a7438;
	float: right;
	margin-top: 15px;
	padding: 3px;
	text-transform: uppercase;
}

fieldset#checkoutContent input.btnReg
{
	font-size: 120%;
	width: 130px;
}

fieldset#checkoutContent a.btnLarge
{
	text-decoration:none;
	width: 180px;
}		

/* progress bar */

#checkoutProgress {
	border-top: 1px solid #d8d2bc;
	margin: 10px 0;
	text-align: left;
	width: 505px;
}

#checkoutProgress h2 {
	background: transparent url(../../img/shopping_cart/bg_headertwo.gif) top left repeat-x;
	clear: both;
	color: #9b8f57;
}

#checkoutProgress ul {
	background: transparent url(../../img/shopping_cart/bg_progressbar.gif) bottom left repeat-x;
	border-bottom: 3px solid #d8d2bc;
	list-style: none;
	overflow: hidden;
	padding-top: 1px;
	width: 505px;
}

#checkoutProgress ul li {
	color: #d8d2bc;	
	float: left;
	font-size: 85%;
	font-weight: bold;
	padding: 10px 5px;
	text-transform: uppercase;
}

#checkoutProgress ul li.active {
	background: transparent url(../../img/shopping_cart/bg_progress_active.gif) top left repeat-x;
	color: #42ad3a;	
}


/* ++ miscellaneous styles ++ */

div.divider {
	background: transparent url(../../img/followon/divider_full.gif) top left no-repeat;
	clear: both;
	height: 20px;
	width: 700px;
}

div.dividerAcct {
	background: transparent url(../../img/followon/divider_full.gif) top center no-repeat;
	clear: both;
	height: 20px;
	width: 500px;
}

div.divider hr, div.dividerAcct hr {
	display: none;
}

div.hrClear {
	clear: left;
	height: 1px;
}

div.hrClear hr {
	display: none;
}

a.hide-link
{
	color:#5E5E40;
	text-decoration: none;	
}

a.hide-link:hover
{
	color: #9B8F57;
	text-decoration: underline;	
}
div.poweredby
{
	padding:10px 0px 10px 0px;
}

a.viewbrands{
	margin:5px 0 4px 5px;
	float:left;
}

.brand_link
{	
	/*display:inline-block;*/
	width:166px;
	margin:0;
	padding: 0 0 5px 11px;
	float:left;
	overflow:hidden;
}
.brand_row
{
	width:708px;
	text-align: left;
	padding:0;
	margin:0;
}