/* SITE STYLES */
body{padding:0px; margin:5px; font-size:100%; background:#fff }
#main{ font-size:65% ; color: #333; font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;}


table{font-size:100%;}
a{ color: #666; font-weight: bold;text-decoration: none;}
a:hover{ color: #666; text-decoration: underline;font-weight: bold;}

img{border:none;}
.left{float:left}
.right{float:right}
.note_text{font-size:75%; margin: 5px 10px}
.error_text{font-size:90%; color:#bb2020; padding:8px 10px}
.free_delivery{color: #bb2020; font-size:120%; font-weight: bold}
.strong{font-weight:bold}
.center{text-align:center}
.textright{text-align:right}
.smaller{font-size: 90%}
.button {border:1px solid #000;color:#ffffff; font-family:Verdana,San-Serif; font-size:100%;font-weight:bold;margin:1px; padding:0px 8px; cursor:hand}
.blue{color:#11357C	}
.lt_blue_bg{background-color:#3D53D8;}
.green_bg{background-color:#3DB621;}
.blue_bg{background-color:#11357C;}
.hidden{display:none}
.rrp{text-decoration: none; }
.our_price{color:#3DB621;font-weight:bold; font-size:130%}
.added_to_basket{color:#3DB621; font-weight:bold; font-size:110%; width:100%; text-align:center; margin:20px 0px; padding:10px 0px; border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; background: #e9ffe9}

#server_message{margin-top:10px; font-size:120%; color: #900; font-weight:bold}

h1{font-size:160%; font-weight:bold; padding:0px; margin:3px 0px 10px 0px; font-family:  Tahoma, sans-serif; letter-spacing: 1px; color:#000; }
h2{font-size:115%; font-weight:bold; color:#bb2020; font-family:verdana,aria, tahoma, sans-serif;padding:0px;margin:0px 0px 3px 0px; }
h3{font-size:125%; font-weight:bold; color:#11357C; font-family:verdana,aria, tahoma, sans-serif;padding:0px;margin:0px 0px 3px 0px; }

form{margin:0px; padding:0px;}
input{font-size:100%;}
select{font-size:90%;}

#page_header{ width:100%;margin-bottom:5px}
#quickNav{text-align:right; font-size:90%}

.green-corner{ background: url(../i/corner_green.gif) ; background-position: top left; background-repeat: no-repeat;}
.lt_blue_corner{ background: url(../i/corner_blue_lt.gif) ; background-position: top left; background-repeat: no-repeat;}
.search_strip{background: url(../i/green_bg.png) ; background-repeat: repeat;}


/* END SITE STYLES */

#header{height:75px; }
#header #basket{border:1px solid #aaaaaa; padding:7px; background: #f5f5f5; margin-right:7px; font-size:90%; width:100px}
#header #basket img{margin-right:5px}
#header #basket #view{margin-top:2px; text-align:center;}

#nav ul{font-size:100%; text-align:center; margin:0px; padding:0px; padding:6px}
#nav li{display:inline; background:#11357C url(../i/corner_blue2.gif); background-repeat: no-repeat; background-position: top left; margin-left:2px; padding:6px 4px 6px 12px;}
#nav li.selected{display:inline; background:#3DB621 url(../i/corner_green2.gif); background-repeat: no-repeat; background-position: top left; margin-left:2px; padding:6px 4px 6px 12px;}
#nav li.basket_tab{display:inline; background:#999 url(../i/corner_grey2.gif); background-repeat: no-repeat; background-position: top left; margin-left:2px; padding:6px 4px 6px 12px;}
#nav a{color:#fff; }
	
#search{font-size:110%; font-weight:bold; height:30px;padding:0px 0px 0px 0px; color: #fff; text-align: center; font-family: tahoma, arial; }
#search_corner{ float:left; margin:0px; padding:0px;}
#search .search_box{ border:1px solid #fff}
#search_form { padding:7px 0px 6px 0px;}
#search .go{ vertical-align:text-bottom;padding-left:10px;vertical-align:top;  }

#main_content{width:100%; }
#main_content td{vertical-align:top; margin: 0px; }

#main_content #banner_wrapper{width:100%;  text-align: center;}
#main_content #banner{/*width:500px; */ height:100px;  background-repeat: no-repeat; text-align:right; padding: 7px 10px 0px 0px; margin:5px auto 0px auto}

#main_content td#left_col{ width:140px; padding:5px 10px 5px 0px;}
#main_content td#right_col{ width:170px; padding:5px 0px 5px 10px;}
#main_content td .side_menu{margin-bottom:10px;}
#main_content td .side_header img{vertical-align:middle; margin-right:7px}
#main_content td .side_header{ color:#fff; height:15px;  font-weight:bold; padding:4px 5px 4px 12px; letter-spacing:1.8px; font-size:110%}
#main_content td .side_menu .content{ padding:0px; border-bottom:1px dashed #aaa;  border-left:1px dashed #aaa;  border-right:1px dashed #aaa; background: #f5f5f5;}
#main_content td .side_menu .content ul{ margin:0px 0px 0px 0px; padding:0px;}
#main_content td .side_menu .content ul li{ list-style: none; margin:0px; padding: 3px 0px; border-top:1px solid #fff;}
#main_content td .side_menu .content ul li a{padding:0px 0px 0px 13px; margin:0px; background:url(../i/side_bullet.gif); background-repeat:no-repeat; background-position:4px 2px; width:100%}
#main_content td .side_menu .content ul li.sub{ list-style: none; margin:0px; padding: 1px 0px}
#main_content td .side_menu .content ul li.sub a{padding:0px 0px 0px 15px; margin:0px;  width:100%;  background:url(../i/side_bullet_lt.gif); background-repeat:no-repeat; background-position:5px 2px; font-weight:normal}

#main_content td .side_menu .content .topSeller{color: #bb2020; font-weight:bold;height:20px; border-top:1px solid #fff; padding-top:4px;}

#main_content td .side_menu .content .login_line{height:20px; padding-top:5px; }
#main_content td .side_menu .content .password{text-align: center; margin-bottom: 5px}
#main_content td .side_menu .content .login_text{ width:55px; margin-left:5px; padding: 3px 5px 0px 0px; display: inline; float: left; text-align:right; }
#main_content td .side_menu .content .login_button{margin: 0px 0px 5px 0px; text-align:center}
#main_content td .side_menu .content input{height:17px; width:90px; font-size:100%}

#main_content td .side_menu .last5 { }
#main_content td .side_menu .last5 .content{ padding:5px 0px }
#main_content td .side_menu .last5 .item{  clear:both;}
#main_content td .side_menu .last5 img{ vertical-align:middle; margin:0px 0px 2px 2px; }

#main_content td#main_col{width:auto; }
#main_content td#main_col p{ margin:0px 0px 10px 0px; }

#footer_text{margin:20px 170px 20px 150px; color:#999; text-align: center}
#footer_wrapper{width:100%;text-align:center;margin-top:20px}
#footer{background:#f5f5f5; text-align:center; font-size:85%; letter-spacing: 0.1em; padding:2px; border-top: 1px solid #999; border-bottom: 1px solid #999; margin-top:10px}
#footer p{ margin:3px 0px;}
#footer #tel_text{color:#666}

/***** HOME PAGE STYLES ****/
#right_promo{margin:10px 0px; padding:5px 0px; border-bottom:1px dashed #aaa; border-top:1px dashed #aaa; text-align: center}
#right_promo .promo{ width:48%; display: inline}
/***** END HOME PGAE STYLES *****/


/* PRODUCT STYES */
#product{margin:10px 10px 10px 10px; }
#product #picture{ float:left; margin-right:5px; }
#product #title{font-size:140%; color:#11357C; margin-bottom:15px}
#product #details{margin-left:200px; text-align: left; height: 180px;}
#product .info{padding:0px 0px 10px 0px}
#product .line{ margin:0px; padding-top:4px}
#descriptions{margin-left:10px; clear:both}


#search_results {width:100%; }
#search_results .thumbnail{width:50px; height:50px}
#search_results .buttons{width:130px}

#search_results .price{width:80px}
#search_results tr.heading td{background:#f5f5f5; border-top: 1px solid #000; border-bottom: 1px solid #000; padding:5px 0px; font-size:110%}
#search_results tr.heading td a{color:#11357C;}
#search_results tr.heading td a:Hover{color:#11357C}
#search_results a.prod_name{font-size:120%; color:#11357C;}

	/*THESE ARE USED FOR ACCOUTN STYLE AS WELL */
	#related_products_wrapper{text-align:center; margin:auto; margin-top:20px; margin-bottom:20px}
	#related_products_header{text-align:center; width:95%; margin:auto; background: url(../i/blue_lt_bg.gif);}
	.related_products{border:#aaa dashed 1px;border-top:none; padding: 3px 5px; width:95%; text-align:left;margin:auto; margin-bottom:15px}
	#related_products_wrapper image{vertical-align:middle; margin:2px}
	
/* PRODUCT LANDING PAGES STYLES */


table#feature{width:100%;  margin: 0px 0px 20px 0px}
table#feature td{width:33%; color:#333;  padding:5px; vertical-align:top; text-align:center;}
table#feature .packshot{ height:90px}
table#feature img{}	
table#feature .product{font-size:100%; font-weight: bold; padding:2px 0px; }
table#feature .our_price{margin:0px; padding:0px; font-weight:bold; font-size:170%;}
table#feature .button{margin:0px 0px 15px 0px; padding:0px;}

/*END LANDING PAGES STYLES */

/* END PRODUCT STYES */


/*CHECKOUT STYLES */
#checkout{padding:8px 0px; margin:10px 0px 0px 0px;font-size:110%;font-weight:bold; }
#checkout .box{ padding:8px 5px 8px 8px;  display: inline; background:#ccc url(../i/corner_lt_grey.gif); background-repeat: no-repeat; background-position: top left; color:#666; margin:0px 3px 0px 0px}
#checkout .box a{color:#666;}
#checkout span{color:#bb2020;}
#checkout .selected{ padding:8px 5px 8px 8px; display: inline;background:#999 url(../i/corner_grey.gif); background-repeat: no-repeat; background-position: top left;  color:#fff; margin:0px 3px 0px 0px}
#checkout .selected a{color:#fff;}


#order{width:85%; }
#order tr#headings{background:#999; color:#fff; font-weight: bold}
#order td{border-right:1px solid #999; border-bottom: 1px solid #999; padding:5px }
#order td.first{border-left:1px solid #999}

#discount{width:85%; margin-top:20px; text-align: right}
#discount .button{ float: none}

/* END CHECKOUT STYLES */

/*USER FORMS */
.user_form{width:100%;border:1px dashed #aaa; padding:10px ; background:#f5f5f5; margin:10px }
.user_form .input_line{width:100%; margin:  2px 0 0 0; height:22px; padding:2px 5px ; float:left}
.user_form .input_name{ float:left; width:105px}
/* END USER FORMS */


/*START A-Z*/
#az  {height:100px;	background-color: #f5f5f5;	clear: both; width: 100%;	padding: 5px;	}
#az .box {width:21px; font-family: Tahoma; font-size: 90%;	float: left; 	border: 1px solid #99cc99;	margin-right: 6px;	margin-bottom: 5px; text-align: center;}
#az .box a {text-align: center;	background-color: #fff;	width:19px;height:18px; font-weight: bold;	text-decoration: none;	padding-top: 3px;}
#az .box a:hover {	background-color: #3DB621;	font-weight: bold;	color: #fff;	text-decoration: underline;}
/*END AZ*/


/*ACCOUNT STYLES */
	#orders_wrapper{ text-align: center; }
	.orders {background: #f5f5f5; margin: 10px auto 0px; width:95%; border: 1px solid #999 }
	.summary{width:37%;}
	.items{width:55%;}
	.view{width:8%;}
	ul.order_items{ margin:0px 15px; list-style-position: outside}
	ul.order_items li{ list-style-type: square; margin:0px}

	#order_details{ text-align: center; border: 4px solid #ccc; padding: 15px 10px 30px 10px; background: #f5f5f5;}
	table#address{width:95%; }
	table#address td{width:50%; }

	.account_order{width:95%;}
	.account_order tr#headings{background:#999; color:#fff; font-weight: bold}
	.account_order td{border-right:1px solid #999; border-bottom: 1px solid #999; padding:5px }
	.account_order td.first{border-left:1px solid #999}
	
/*END OF ACCOUNT */


/*PRESCRIPTIONS*/
.how_to{margin: 20px 20px;}
.how_to .fees{margin:0px 25px; }
.how_to .number{ background: #3DB621; width:20px; color:#fff; padding:2px 3px; display: inline; margin-right: 5px; font-weight: bold; }
.how_to img{ vertical-align: middle}
.how_to li{margin:10px 30px}

/*END PRESCRIPTIONS*/

.l1 {
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}
.l1 a:link{
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
.l1 a:visited{
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	}
.l1 a:hover{
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration : underline; 
	}
.l2 {
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	}
.l2 a:link{
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}
.l2 a:visited{
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	}
.l2 a:hover{
	font-family:Verdana, Tahoma, Arial Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #666666;
	text-decoration : underline; 
	}