body { background: url(/images/page_background.gif) 0 0 repeat; margin: 0; }
body, td, th, li, p, input, textarea { font: normal 11px/17px  "Verdana", "Arial", "Helvetica", sans-serif}
input, select { font-size: 11px; line-height: 12px }
td, th { vertical-align: top; text-align: left; padding: 0; }

input.hidcpt { display: none; }

li.custom {list-style-image: url(/images/bullet.gif); margin-left: 10px; }

A { color: #434141; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif }
A.search { color: #FF3C00; text-decoration: none }
A.search:hover { text-decoration: underline }
A.blue { color: #0064A4; }
A.bold { color: #FF3C00; font-weight: bold }

B, strong { color: #FF3C00; font-weight: bold }
B.black, strong.black { color: #000; }
B.white, strong.white { color: #FFF; }

.cdTm { color: #014C7B; font: normal 11px/17px Verdana, Arial, Helvetica, sans-serif; } 
.cdTmSub { color: #014C7B; font: normal 7px/10px Verdana, Arial, Helvetica, sans-serif; }
.cdOrangeSub { color: #FF3C00; font: normal 7px/10px Verdana, Arial, Helvetica, sans-serif; }
.cdRefillsSub { color: #389D63; font: normal 7px/10px Verdana, Arial, Helvetica, sans-serif; }

label.blacksmall { color: #000000; font-size: 10px; font-weight: bold}

h1 { color: #FF3C00; font: bold 17px/21px Verdana, Arial, Helvetica, sans-serif }

.error { color: red; background-color: #FFFF6B; border: 1px solid red; }
p.error { margin: 0; margin-bottom: 1em; padding: 4px; }
.error2 { color: red; font-weight:bold}
.nav_string { color: #999; font-weight: bold}
.detail_header {  font-size: 17px; line-height: 15px; font-weight: bold}
.price_bold { font-size: 12px; font-weight: bold }
.small_cart { font-size: 9px; line-height: 13px }
a.dagger { font-size: 90%; color: inherit; vertical-align: top; text-decoration: none;  }
a.dagger:hover { color: red; }
p.disclaimer { color: #000; font: bold 9px/13px Verdana, Arial, Helvetica, sans-serif; clear: both; padding-top: 1em; margin-top: 0; }

sup { font-size: 85% }

table.greybox { 
	background-color: #EAEAEA;
	margin-top: 8px;
}

td.section {
	background: #EAEAEA;
	padding: 0px 15px 0px 15px;
}

td.mainbody {
	background: #FFF;
	padding-left: 18px;
	padding-right: 18px;
	padding-top: 30px;
	text-align: left;
}

td.bluebase { background-image: url(/images/bluebase_bg.gif) }

td.navstring {
	padding-left: 15px;
}

td#currencySelect
{
	padding: 3px 0px 7px 3px;
}

td#currencySelect form {
	margin: 0;
	display: inline;
}

p.addSuccess { padding: 3px 5px; border: 1px solid #FF3C00; font-weight: bold; }

div.clearer { clear: both; height: 1%; }

div.callCentreNote { color: #FF0000; font: normal 10px Verdana, Arial, Helvetica, sans-serif; border: 2px solid #FF0000; padding: 7px 5px 7px 55px; background: #ffffff url(/images/internal_bg.gif) 3px 3px no-repeat; }
div.callCentreNote strong { color: inherit; }
div.callCentreNote #muliplesPricing { padding-top: 3px; text-align: right; }

div.backorderNote { color: #000; border: 1px solid #666; padding: 3px 5px; text-align: left; font-weight: bold; margin-right: 12px; }
div.redBO { background-color: #FF0000;  }
div.yellowBO { background-color: yellow }
div.greenBO { background-color: #AEFF00 }

div#systemError {  padding: 8px; border: 1px solid #FF0000; }
div#systemError p { color: #FF3D01; font-weight: bold; margin: 0; margin-left: 72px; }
div#systemError img { float: left; }

h5.formSection { margin: 1em 0 0.7em 0; padding: 4px; background-color: #8E8E8E; color: #FFF; font: bold 12px/17px Verdana, Arial, sans-serif; }

div.formElement { margin-bottom: 4px; clear: both; vertical-align: top; }
div.formElement div.label { float: left; width: 200px; padding: 2px 4px; font-weight: bold; }
div.formElement div.input { float: left; width: auto; padding: 2px 4px; }
div.formElement div.error { color: #FFF; background-color: #CC0000; border: 0; }
div.formElement div.error a { color: #FFF; }
div.formElementStacked { padding-bottom: 4px; vertical-align: top; margin-bottom: 0.2em }
div.formElementStacked div.label { padding: 2px 4px; width: auto; font-weight: bold; }
div.formElementStacked div.input { padding: 2px 4px; }

.required { background-color: #eaeaea }

table#formBox { background-color: #F9F9F9; border-bottom: 1px solid #8e8e8e; margin-bottom: 1.5em; }
table#formBox td#titleRow { white-space: nowrap; padding:0; padding-right: 14px; background: #8E8E8E url(/images/formbox_topright.gif) top right no-repeat; color: #FFFFFF; font: bold 16px Verdana, Arial, sans-serif }
table#formBox td#titleRow img { vertical-align: middle; padding-right: 7px; }
table#formBox td#form { border-left: 1px solid #D4D5D3; border-right: 1px solid #8E8E8E; padding: 5px 10px 10px 10px; }

div.tabBoxTitle { white-space: nowrap; padding:0; padding-right: 14px; background: #8E8E8E url(/images/formbox_topright.gif) top right no-repeat; color: #FFFFFF; font: bold 16px Verdana, Arial, sans-serif }
div.tabBoxTitle img { vertical-align: middle; padding-right: 10px; }
div.tabBoxContent { padding: 10px; border: 1px solid #d4d5d3; margin-bottom: 1em; background-color: #F9F9F9; }


/* ====================================================== 
		Updated CSS Styles
====================================================== */

table#Layout { width: 750px; }
td#ContentCell { background-color: #FFF; width: 604px; }


td.price { text-align: right; white-space: nowrap; }

/* common bread crumb nav from the site */
div#breadcrumb { color: #999; font-weight: bold; margin-bottom: 15px; margin-top: 10px;  }
div#breadcrumb a { color: #999; font-weight: bold; }

div#breadcrumb span { color: #FF3C00; display: inline; font: bold 11px/17px verdana, arial, helvetica; margin-top: 0em; margin-bottom: 0em; }

/* list style with red checkmarks and the list image */
ul.checklist { margin: 0; padding-left: 20px; }
ul.checklist li { list-style-image: url(/images/red_check.gif); }

#Content { width: 550px; margin-left: 30px; }
#Content div.halfColumn { width: 260px; margin-right: 10px; float: left; }
#Content .floatRight { float: right; margin-left: 10px; margin-bottom: 10px; }
#Content .floatLeft { float: left; margin-right: 10px; margin-bottom: 10px; }

#contact_caption
{
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-left: 5px;
	color: #BB2521;
}


/* Title Bar Styles */
#TitleBar { width: 753px; border-right: 3px solid #FFFFFF; background-image: url(/images/titlebar/titlebar_bg.gif); background-color: #FF3C00 }
#TitleBar div#contactInfo { float: right; color: #FFFFFF; font: bold 14px 'Arial'; padding-top: 12px; padding-right: 10px; }
#TitleBar div#contactInfo span.label { padding-left: 8px; }
#TitleBar div#contactInfo img { border: 0; vertical-align: middle; padding-left: 8px; }
#TitleBar div#contactInfo a { color: #FFFFFF; font: bold 14px 'Arial';  }

/* Left Side Bar Styles */
td#sidebar { width: 146px; text-align: left; vertical-align: top; border-left: 3px solid #FFFFFF; border-right: 1px solid #BEBEBE; background-color: #DDDDDD; }

#LeftSideBar { width: 150px; text-align: left; vertical-align: top; }
#LeftSideBar a { color: #0064A4; }
#LeftSideBar strong { color: #0064A4; font-weight: bold }
#LeftSideBar form { margin: 0; }
#LeftSideBar img { border: 0; }
#LeftSideBar .indent { margin-left: 10px; }
#LeftSideBar ul { padding: 0; padding-left: 30px; margin: 8px 0; }
#LeftSideBar ul li { list-style-image: url(/images/sidebar/bullet_sidebar.gif);
}

#LeftSideBar #noticeLargestText { font-size: 11px; line-height: 13px; margin-right: 5px; color: #0064A4; }

#LeftSideBar #searchForm { margin-top: 8px; padding-bottom: 7px;}
#LeftSideBar #searchForm input { vertical-align: middle }
#LeftSideBar #currencySelect { padding: 3px 0px 7px 3px; }
#LeftSideBar #currencySelect form { display: inline; }
#LeftSideBar #security { width: 91px; margin: 10px auto; }
#LeftSideBar #sidebarShoppingCart { background-color: #F2F2F2; }
#LeftSideBar #sidebarEmptyCart { font-size: 9px; line-height: 13px; color: #0064A4; font-weight: bold; text-align: center; padding: 12px 0; }
#LeftSideBar #editChekoutButtons { background-color: #DDDDDD; padding: 5px;}
#LeftSideBar #editChekoutButtons img { vertical-align: middle; }

#LeftSideBar table#sidebarCart { width: 150px; }
#LeftSideBar table#sidebarCart td { padding: 3px; }
#LeftSideBar table#sidebarCartTotals { width: 150px; }
#LeftSideBar table#sidebarCartTotals td { text-align: right; font-size: 9px; line-height: 13px; }
#LeftSideBar table#sidebarCartTotals td strong { font-size: 9px; line-height: 13px; color: #0064A4; }
#LeftSideBar table#sidebarCartTotals td strong.promo { color: #FF0000 }
#LeftSideBar table#sidebarCartTotals td strong.promoStrike { color: #BBBBBB; text-decoration: line-through }

/* Footer Bar (at base of all pages) */
table#FooterBar { width: 755px; background-color: #FF3C00; border-left: 3px solid #FFFFFF; border-right: 3px solid #FFFFFF; }
table#FooterBar td { vertical-align: top; color: #FFFFFF; padding: 3px 0; white-space: nowrap}
table#FooterBar td#left { text-align: left; padding-left: 10px; }
table#FooterBar td#right { text-align: right; padding-right: 10px; font-weight: bold; }
table#FooterBar a { color: #FFFFFF; text-decoration: none }
table#FooterBar strong { color: #FFFFFF; }

/* Content Footer (where accreditation stuff is) */
div#ContentFooter { width: 550px; margin: 0.5em 0; padding-top: 1em }
div#ContentFooter img#footerTitle { border: 0; margin-bottom: 0; }
div#ContentFooter p#textLinks { text-align: center; padding-bottom: 1.5em }
div#ContentFooter div#accreditationLogos { text-align: left; }
div#ContentFooter div#accreditationLogos #squaretrade { float: left; }
div#ContentFooter div#accreditationLogos img { margin-right: 10px; vertical-align: middle; border: 0; }

/* standard grey box */
div.stdRoundedBox { background: #EEEEEE url(/images/box_contentBG.gif) top right repeat-y; }
div.stdRoundedBox div.boxContent { padding: 0px 20px 0; }
div.stdRoundedBox div.boxContent img.label { display: block; padding-bottom: 3px; }
div.stdRoundedBox div.boxContent .column { float: left; width: 225px; padding-right: 12px; }

/* misc styles for subpages */
#policyUpdate { float: right; margin: 10px 0 10px 10px; padding: 0 10px; width: 200px; background-color: #FFEEBB; } /* return policy update box */

table.countryTable td.price { width:20%; text-align:center; } /* /international/index.php for table listing shipping prices */
table.countryTable td.country { white-space: nowrap } /* /international/index.php for table listing shipping prices */

.retail { text-decoration: line-through } /* retail price strike */
.sale { color: #FF0000; font-weight: bold; } /* bold red for sale prices */

.ErrorExplanation {
  width: 400px;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

.ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

.ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

.ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div#added_notice 
{
	background-color: #FE3C00;
	color: #FFFFFF;
	width: 560px;
	margin-bottom: 1em;
}
div#added_notice p
{
	padding: 7px 20px;
	margin: 0;
}
div#added_notice img#review_button
{
	float: right;
}


h1#title_welcome_home {
	margin: 0 15px;
	color: #23648D;
	font-size:1.6em;
	line-height: 1.8em
}

.top {
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-radius-top-right: 20px;
	-webkit-border-radius-top-left: 20px;
}

div.dotted {
	display: block;
	background: url(../images/underline.gif) repeat-x 0 0;
	border: 0;
	height: 7px;
	width: 100%;
	margin: 0 0 10px 0;
}

.left {
	float: left;
}

.family a{
	color: #FF3C00;
	font-size:1.2em;
	line-height: 1.8em;
}


h3.footer_your_guarantee {
	margin-top: 5px;
	color: #23648D;
	font-size: 1.4em;
	display: block;
	background: url(../images/underline.gif) repeat-x 0 20px;
	border: 0;
	height: 30px;
	width: 100%;
	clear: both;
}

h3.info_column_title {
	margin-top: 5px;
	margin: 0 5px 0 15px;
	color: #23648D;
	font-size: 1.3em;
	display: block;
	background: url(../images/underline.gif) repeat-x 0 20px;
	border: 0;
	height: 30px;
	width: 250px;
}

iframe#currency_box {
	width: 150px;
	height: 70px;
	padding: 0px;
	margin: 0px;
	border: none;
	overflow: hidden;
}

/* For the following 4 css classes, which elements are floated and how the content is div'ed is to move the content above the best product list for SEO, but make
	the list above the content visually. Changing the float properties is ill-advised */