﻿tr {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
}

td {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
}

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 140%;
}

UL{

	LIST-STYLE-TYPE: none;

}
	

UL LI{
	text-indent:0px;
	padding: 0px 20px 2px 14px; 
	background-image:url(../images/arrowblue.gif);
	background-repeat: no-repeat;
}

h1 {
	color: #046CB6;
	font-weight: normal;
	font-size: 22px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
}
h2 {
	color: #e11e21;
	font-weight: bold;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
h4 {
	color: #e11e21;
	font-weight: normal;
	margin: 0px 0px -10px 0px;
	padding: 0px 0px 0px 0px;
}
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}	

a:link {color: #e11e21; text-decoration: underline;}
a:visited {color: #e11e21; text-decoration: underline;}
a:hover {color: #e11e21; text-decoration: none}
a:active {color: #e11e21; text-decoration: underline;}

.white {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
}

.small {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
}

.default {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #4f4f4f;
}

.green {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #1ea503;
}

.price {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 18px;
	color: #e11e21;
}

.ourPriceCanceled{
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #333333; font-variant:small-caps;
	text-decoration:line-through
}

.specialPrice {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 18px;
	color: #1ea503; font-variant:small-caps;
}


.totalPrice {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 20px;
	color: #e11e21;
}

.product{
	padding:8px 0px 8px 0px;
	margin: 0px 0px 0px 0px;
}	

.product a:link {color: #0b70b8; text-decoration: underline;}
.product a:visited {color: #0b70b8; text-decoration: underline;}
.product a:hover {color: #0b70b8; text-decoration: none}
.product a:active {color: #0b70b8; text-decoration: underline;}

.redFeature {
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 17px;
	color: #E11E21;
	font-weight: bold;
}

.small {
	font-size: 9px;
}
#topRight {
	color: #ffffff;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
}

.white {
	color: #ffffff;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
}

.white a:link {color: #ffffff; text-decoration: none}
.white a:visited {color: #ffffff; text-decoration: none}
.white a:hover {color: #ffffff; text-decoration: underline}
.white a:active {color: #ffffff; text-decoration: none}

/******* FORMS *******/
.errMsg {font-size: 8pt; font-family: Arial, Verdana, Arial, sans-serif; color: #e11e21;}
.onBlur1 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#555555;
	background-image: url('../images/tbox.gif');
	border: 0;
}
.onFocus1 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#555555;
	background-image: url('../images/tbox.gif');
	border: 0;
}
.onBlur2 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#555555;
	background-image: url('../images/tbox2.gif');
	border: 1px solid #7f9db9	
}
.onFocus2 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#555555;
	background-image: url('../images/tbox2.gif');
	border: 1px solid #046cb6;
}
.onError2{	border: 0px; font-size: 9pt;	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;	color: #FFFFFF; background-color: #e11e21;}
.onBlur3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #635646;
	width: 144px;
	height: 21px;
	border: 0px;
	padding: 0px 20px 0px 16px;
	background: none;
}
.onFocus3 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #e11e21;
	width: 144px;
	height: 21px;
	border: 0px;
	padding: 0px 20px 0px 16px;
	background: none;
}
.onBlur4 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color:#635646;
	width: 135px;
	height: 72px;
	border: 0px;
	padding: 0px 10px 0px 16px;
	background: none;

}
.onFocus4 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color:#e11e21;
	width: 135px;
	height: 72px;
	border: 0px;
	padding: 0px 10px 0px 16px;
	background: none;
	
}
.onBlur5 {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 10px;
	color:#555555;
	background-image: url('../images/tbox2.gif');
	border: 1px solid #7f9db9;
	width:200px;
}
.onDisabled {	
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color:#333333;
	border: 1px solid #7f9db9;
	background: #eeeeee;	
}
#formContact1 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 180px;
	height: 21px;
	color: #fff;
	background-image: url('../images/template/quickResponse-1.gif');
}
#formContact2 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 180px;
	height: 21px;
	color: #fff;
	background-image: url('../images/template/quickResponse-2.gif');
}
#formContact3 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 180px;
	height: 21px;
	color: #fff;
	background-image: url('../images/template/quickResponse-3.gif');
}
#formContact4 {
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	width: 180px;
	height: 80px;
	color: #fff;
	background-image: url('../images/template/quickResponse-4.gif');
}
#formContact5 {
	font-size: 11px;
	color: #635646;
	margin: 0px 0px 0px 18px;
	padding: 4px 0px 0px 0px;
	width: 180px;
	height: 23px;
}

#labels {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

.onError {
	font-family: Arial, Tahoma, Verdana, sans-serif; 
	font-size: 12px;
	color:#ffffff;
	border:1px solid #999999;
	background-color:#cc0000;
	padding: 1px 1px 0px 5px;
	background-image: url('../images/template/css-onerror.gif');
	background-repeat: no-repeat;
}

/*** Used in table Display ****/
.table_header_main {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	background-color:#046cb6;
	height:25px;
	padding-left: 7px;
	text-align:left;
}
.table_header {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f4f;
	text-decoration:none;
	background-color:#f4f5f9;
	height:25px;
	padding-left: 7px;
	text-align:left;
	font-weight:bold;
}
.table_rows {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4f4f4f;	
	text-decoration: none;
	font-weight: normal;
	padding:3px 3px 3px 7px;
	height:25px;
}


/******* CSS *******/
body {
	margin: 0px 0px; padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	background-color: #fff;
}

#wrapper {
	width: 972px;
	margin: 0px auto;
	text-align: left;
	background-color: #fff;
	background-image: url('../images/bg.gif');
}

#mainHeader {
	width: 972px;
	height: 196px;
	margin: 0px;
	padding: 0px;
}

#mainHeaderAdmin {
	width: 972px;
	height: 146px;
	margin: 0px;
	padding: 0px;
}

#middleWrap {
	clear: both;
	width: 972px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#menuCol {
	clear: both;
	width: 251px;
	height: 272px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}

#memberLogin {
	background-color: #e11e21;
	color: #ffffff;
	width: 248px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	background-image: url('../images/memberlogin-bg.gif');
}

#memberText {
	background-color: #e11e21;
	color: #ffffff;
	width: 215px;
	height: 80%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 36px;
	float: left;
	display: inline;
	background-image: url('../images/memberlogin-bg.gif');
}


#mainCol {
	width: 721px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	}

#mainText {
	width: 440px;
	margin: 20px 20px 20px 20px;
	padding: 0px;
	float: left;
	display: inline;
	vertical-align: top;
}

#mainText1 {
	width: 670px;
	margin: 20px 20px 20px 20px;
	padding: 0px;
	float: left;
	display: inline;
	vertical-align: top;
}
#productCol {
	border-bottom:1px solid #c0daed;
	width: 170px;
	margin: 0px 10px 0px 10px;
	padding: 20px 20px 20px 20px;
	float: left;
	display: inline;
	vertical-align: top;
}

#productImg {
	width: 150px;
	height: 180px;
	margin: 0px 0px 12px 0px;
	padding: 0px;
	float: left;
	display: inline;
	vertical-align: top;
}

#mainText2 {
	width: 640px;
	margin: 20px 20px 20px 20px;
	padding: 0px;
	float: left;
	display: inline;
}

#specialHomeBox {
	clear: both;
	width: 183px;
	margin: 9px 20px 8px 10px;
	padding: 10px 10px 10px 10px;
	float: left;
	display: inline;
	background-color: #ebf5e9;
	border:1px solid #8eca82;
	vertical-align: top;
}

#holidayTimesBox {
	clear: both;
	width: 194px;
	margin: 9px 10px 8px 10px;
	padding: 10px 10px 10px 10px;
	float: left;
	display: inline;
	background-color: #f4f5f9;
	border:1px solid #c1c6d9;
	vertical-align: top;
}

#specialBox {
	clear: both;
	width: 183px;
	margin: 9px 20px 8px 10px;
	padding: 10px 10px 10px 10px;
	float: left;
	display: inline;
	background-color: #f4f5f9;
	border:1px solid #c1c6d9;
	vertical-align: top;
}


.greenLink a:link {color: #1ea503; text-decoration: underline}
.greenLink a:visited {color: #1ea503; text-decoration: underline}
.greenLink a:hover {color: #8eca82; text-decoration: underline;}
.greenLink a:active {color: #1ea503; text-decoration: underline}


.noRedLink a:link {color: #4f4f4f; text-decoration: underline}
.noRedLink a:visited {color: #4f4f4f; text-decoration: underline}
.noRedLink a:hover {color: #90939b; text-decoration: underline;}
.noRedLink a:active {color: #4f4f4f; text-decoration: underline}

#definitionsLeft {
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	font-weight: bold;
}
#definitionsRight {
	width: 280px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	display: inline;
}

#greenCan {
	clear: both;
	width: 205px;
	height: 281px;
	margin: 0px 20px 8px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	background-image: url('../images/green-metal-can.jpg');
	vertical-align: top;
}

#brownCan {
	clear: both;
	width: 205px;
	height: 281px;
	margin: 0px 20px 8px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	background-image: url('../images/brown-can.jpg');
	vertical-align: top;
}

#purpleCan {
	clear: both;
	width: 205px;
	height: 281px;
	margin: 0px 20px 8px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	background-image: url('../images/purple-can.jpg');
	vertical-align: top;
}

#redCan {
	clear: both;
	width: 205px;
	height: 281px;
	margin: 9px 20px 8px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	background-image: url('../images/red-can.jpg');
	vertical-align: top;
}

#blueCan {
	clear: both;
	width: 205px;
	height: 281px;
	margin: 9px 20px 8px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
	background-image: url('../images/blue-can.jpg');
	vertical-align: top;
}

#topRight {
	width: 721px;
	height: 196px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	background-image: url('../images/top-right.jpg');
}


#topLeft {
	width: 251px;
	height: 196px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}



#slogan {
	width: 710px;
	height: 36px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}


#search {
	width: 545px;
	height: 28px;
	margin: 6px 0px 0px 76px;
	padding: 0px 0px 0px 0px;
	float: left;
	display: inline;
}

#searchBtn {
	width: 85px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	float: right;
	
}

#mainPhoto{
	float: right;
	margin: 0px 0px 0px 0px;
}

#mainMenu {
	clear: both;
	float: left;
	width: 158px;
	height: 240px;
	vertical-align: top;
	background-image: url('../menu/bg-menu.gif');
}

#mainContent {
	clear: both;
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#rightPanel {
	float: right;
	width: 130px;
	margin: 0px -25px 10px 15px;
	padding: 20px 10px 10px 10px;
	vertical-align: top;
	background-image: url('../images/template/bg-left-panel.gif');
}

#rightPanel ul {
	font-size: 12px;
	color: #635646;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#rightPanel li {
	margin: 0px 10px 0px -20px;
	padding: 0px 0px 0px 0px;
	display: block;
}

#rightPanel li a {
	color: #635646;
	text-decoration: none;
}

#rightPanel li a:hover {
	color: #e11e21;
	text-decoration: underline;
}

#leftColumn {
	float: left;
	width: 202px;
	height: 438px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
	background-image: url('../images/template/dtl-left-panel.gif');
}

#leftColumn h3 {
	font-weight: normal;
	color: #7c6c59;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 8px 16px;
}

#leftColumn h6 {
	font-weight: normal;
	color: #7c6c59;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 16px 0px 0px 16px;
}

#leftColumn h6 a {
	color: #7c6c59;
	text-decoration: none;
}

#leftColumn h6 a:hover {
	color: #7c6c59;
	text-decoration: underline;
}

#leftColumn input.imageField {
	margin: 8px 0px 0px 0px;
	padding: 0px 20px 0px 0px;
	width: 95px;
	height: 18px;
}

#bodyColumn {
	width: 503px;
	margin: 25px 10px 20px 30px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
	float: left;
}

#bodyColumn h3 {
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #7c6c59;
	font-weight: normal;
	font-size: 13px;
	margin: 0px 0px -10px 0px;
	padding: 20px 0px 10px 0px;
}

#bodyColumn ul {
	color: #887761;
	font-size: 12px;
	margin: -12px 0px 0px 0px;
	padding: 5px 0px 5px 40px;
}

#footer {
	clear: both;
	width: 972px;
	height: 41px;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	text-align: center;
	background-image: url('../images/footer.gif');
	float: none;
}

#footerCopyright {
	float: left;
	font-family: Arial, Arial, Verdana, sans-serif;
	font-size: 9px;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 15px;
}

#footerMenu {
	float: right;
	margin: 0px 0px 0px 0px;
	padding: 8px 15px 0px 10px;
}

#footerMenu ul {
	display: inline;
	font-family: Arial, Arial, Verdana, sans-serif;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #fff;
}

#footerMenu li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
}

#footerMenu li a {
	color: #fff;
	text-decoration: none;
}

#footerMenu li a:hover {
	background: #d95020;
	color: #fff;
	text-decoration: underline;
}

#specialHome {
	width: 517px;
	height: 153px;
	text-align: left;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url('../images/template/pht-meet-the-doctor.jpg');
}

#specialHome2 {
	text-align: left;
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 30px 160px 0px 35px;
}

#specialHome2 p {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

#specialHome2 h3 {
	text-transform: lowercase;
	text-align: left;
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	font-weight: normal;
	letter-spacing:5px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.cart_list_seperator
{
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 12px; 
	color: #444444; 
	text-decoration: none; 
	padding-left: 8px;
	padding-right: 8px;
}

.cart_column
{
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 12px; 
	color: #444444; 
	text-decoration: none; 
	padding-left: 8px;
	padding-right: 8px;
}

.cart_list
{
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 12px; 
	color: #444444; 
	text-decoration: none; 
	padding-left: 8px;
	padding-right: 8px;
}

.cart_header
{
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 12px; 
	color: #444444; 
	text-decoration: none; 
	padding-left: 8px;
	padding-right: 8px;
}

.cart
{
	font-family: Arial, Verdana, Arial, sans-serif;
	font-size: 12px; 
	color: #444444; 
	text-decoration: none; 
	padding-left: 8px;
	padding-right: 8px;
}

.cart_header {
	color: #ffffff;
	font-weight: bold;
	text-decoration:none;
	background-color:#046cb6;
	height:25px;
	padding-left: 7px;
	text-align:left;
}

.cart_footer {
	color: #FFFFFF;
	background-color:#ffffff;
	height:2px;
	text-align:left;
	border-bottom: 2px dotted #cccccc;
}
.cart_list {
	height:23px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.cart_list_seperator {
	height:1px;
	border-bottom: 1px dotted #cccccc;
}
.cart_column {
	height:23px;
	border-left: 1px dotted #cccccc;
	border-right: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}


/*******Used to display*******/
a.lidPos{
	position:relative;
	z-index:24;
	color: #00077E;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

a:hover.lidPos{
	text-decoration:none;
	z-index:125;
	background-color:#ffffff
}

a.lidPos span{
	display: none
}
a:hover.lidPos span{
	display:block;
	position:absolute;
	top:-167px;
	left:50px;
	border:1px solid #8A8E95;
	background-color:#ffffff;
	color:#333333;
	padding: 4px;
}
#msgBox{
	color: #ffffff;
	clear: both;
	width: 100%;
	height: 24px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*padding: 5px 15px 0px 25px;*/
	background-image: url('/images/bg-msg-box.gif');
	background-repeat: repeat-x;
}
.prodList {	
	text-indent:15px;
	list-style-image:url(/images/arrowblue.gif);
}

.green{color: #1ea503; font-weight:bold;}

#imageLayer{position:relative; z-index:10; padding:0px ; margin:0px; }

#specialLayer{position:absolute; z-index:11; height:64px; top:0px;}
#specialLayer2{position:absolute; z-index:12; height:16px; width:16px; left:-15px; background-image:url('/images/promo-sm2.gif'); background-repeat:no-repeat; margin-top:3px}
#specialLayerLid2{position:absolute; z-index:12; height:16px; width:16px; left:-20px; background-image:url('/images/promo-sm2.gif'); background-repeat:no-repeat; margin-top:3px}
#specialLayerLg{position: absolute; left:0px; top: 0px;  height:113px; width:112px; background-image:url('/images/promo-lg.gif'); background-repeat:no-repeat;}
#specialLayerLgLid{position: absolute; left:10px; top: 10px;  height:113px; width:112px; background-image:url('/images/promo-lg.gif'); background-repeat:no-repeat;}
#specialLayerAdmin{position:absolute; left:-20px; background-image:url('/images/promoAdmin.gif'); background-repeat:no-repeat; margin-top:3px;}

#specialsList {
	list-style-position: outside;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#specialsList li {
	background-repeat: no-repeat;
	list-style-type: none;
	padding: 0px 0px 3px 16px;
	margin: 0px;
	background-image: url('/images/promoAdmin.gif');
	background-position: 0px 4px;
}
.Promo {
	background-color:#E11E22;
}
