/* GLOBAL RESET

-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;font-weight:inherit;font: 100% Trebuchet MS,sans-serif;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;
}

button { font-family:Trebuchet MS,sans-serif; font-size:75%; font-weight:bold; cursor:pointer;}

.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.bold { font-weight:bold;}
.boldlist { font-weight:bold; padding-bottom:5px;}
.blue { color:#172E74; font-weight:bold;}
.orange{ color:#D78532; font-weight:bold;}
.float-left { float:left;}
.float-right {float:right;}
.padd-left { padding-left:50px; font-weight:bold;}
.img-right { position:absolute; top:120px; left:380px;}
.text-right { text-align:right;}
hr { clear:both; height:1px; background-color:#ccc; margin-bottom:50px;}
em { font-style:italic;}
.price-small { color: #BF0000; font-size:175%; font-weight:bold;}
.price-detail { color: #BF0000; font-size:230%; font-weight:bold;}
.delivery-small { font-size:85%; font-weight:normal;}
.delivery-listing { font-size:100%; font-weight:bold;color:#172E74; float:right; clear:both; margin-top:5px;}
.terms { font-size:85%; font-weight:bold; margin-right:20px;}
.range { font-size:75%;}
.decimal { font-size:70%; font-weight: bold;}
.minus { position:relative; top:20px;}
a.update { font-size:70%; font-weight:normal;}
.over:hover { background-image:url(images/buttonblue_over.jpg);}
.pricebox { font-size:18px; }

/* MAIN LAYOUT
-----------------------------------------------------------------------------------*/

body{font: 100% Trebuchet MS, arial,sans-serif;text-align:center; background-color:#FFF;}
div#container{text-align:left; width:951px;margin:10px auto; z-index:900;}
div#header{position:relative;height:139px; background-image:url(images/banner.jpg); background-repeat:no-repeat; font-size:150%; color:#FFFFFF; font-weight:bold;}
div#header .logo{margin-top:24px; margin-left:13px;}
div#header .basket{ position:absolute;  width:408px; left:550px; top:48px;color:#000000; z-index:700;}
div#header .price{ position:relative; left:175px; padding-top:2px;font-size:50%; margin:0px; float:left;}
div#header .call{ font-size:14px; font-weight:bold; }
div#header .phone{ position:relative; left: 375px; bottom:55px; font-weight:bold; }
div#content{float:right;width:750px;}
div#content p{ padding-left:0px; padding-bottom:0px; padding-top:15px; margin-bottom:0px;}
div#contenthome{width:951px; margin-top:5px;}
div#contenthome .main{ background-image:url(images/bg_h1.jpg); background-repeat:no-repeat; background-position: center bottom; padding-bottom:8px;}
div#contenthome .main img{ float:left;}
div#includedprice{width:158px; font-size:80%; float:left; margin-top:15px;}
div#includedprice .top { width:158px; height:12px; margin:0px; background-repeat:no-repeat;}
div#includedprice .middle {width:158px;  padding:0px 0px 0px 0px; margin:0px;background-repeat:repeat-y; }
div#includedprice .middle ul{ border-bottom:none; list-style-type:none; color: #000000; width:140px; margin-top:0px;}
div#includedprice .middle ul li{ background-image:url(images/icon_tick.jpg); background-repeat:no-repeat; background-position:0px 7px; padding-top:7px; padding-left:20px; width:150px;  font-family:Trebuchet MS,Arial, Helvetica, sans-serif; font-weight:bold;}
div#includedprice .bottom { width:188px; height:12px; margin:0px;}
/* included in price for listing page-*/
div#includedprice2{width:745px; font-size:80%; float:left; margin-top:15px;}
div#includedprice2 .top { width:745px; height:12px; margin:0px; background-repeat:no-repeat; background-image:url(images/top.jpg);}
div#includedprice2 .middle {width:715px;min-height:90px;  padding:0px 15px 0px 15px; margin:0px;background-repeat:repeat-y; background-image:url(images/middle.jpg); background-repeat:repeat-y;}
div#includedprice2 .middle ul{ border-bottom:none; list-style-type:none; color: #000000; width:705px; margin-top:0px;}
div#includedprice2 .middle ul li{ background-image:url(images/icon_tick.jpg); background-repeat:no-repeat; background-position:0px 7px; padding-top:7px; padding-left:20px; width:155px; font-family:Trebuchet MS,Arial, Helvetica, sans-serif; font-weight:bold; float:left;}
div#includedprice2 .bottom { width:745px; height:12px; margin:0px; background-image:url(images/bottom.jpg);}

div#home-pricing { width:575px; margin-top:10px; float:right; font-weight:bold; position:relative;}
div#home-pricing a{ color:#172E74; font-weight:bold;}
div#home-pricing .rowtop { border-bottom:1px solid #ccc; padding:10px 0px 10px 0px; height:55px;}
div#home-pricing .row { border-bottom:1px solid #ccc; padding:10px 0px 10px 0px; height:40px;}
div#home-pricing .big{ font-size:150%; padding-bottom:0px; margin-bottom:0px; line-height:36px;}
div#home-pricing .col1 { float:left; height:30px; width:140px; color:#172E74; font-size:120%;font-weight:bold;line-height:26px;}
div#home-pricing .col2 { float:left; height:30px; position:relative; margin-left:10px; width:130px;  color:#172E74; font-size:170%;font-weight:bold;line-height:26px;}
div#home-pricing .col2 .pricesfrom{
	position:absolute;
	bottom:30px;
	font-size:40%;
	font-style:italic;
	left: 4px;
}
div#home-pricing .col2 .delivery {float:left; font-size:40%;}

div#home-pricing .col3 { float:left; height:30px; text-align:center; margin-left:10px; width:90px; color:#BF0000; font-size:150%; font-weight:bold; line-height:28px;}

#featured {width:951px;clear:both; height:260px; padding-bottom:20px; margin-left:3px; position:relative; padding-left:10px;}
#featured .image{ position:relative; left:40px;}
#featured p{ padding-left:0px;}
#featured a{color:#172E74; font-weight:bold;}
#featured .title{ font-size:130%;}
#featured .option{width:465px; height:262px; background-image: url(images/holding_bg.jpg); background-repeat:no-repeat; position:relative; float:left;}

#featured .option p{position:absolute;top:10px; right:20px; text-align:center; font-weight:bold; font-size:40px; display:block; width:210px; color:#172E74;}
#featured .option p.pricebox{position:absolute;top:156px; font-size:18px; padding-top:6px; }
#featured .option p.priceboxLeft{position:absolute;top:160px; font-size:18px; padding:0px; margin:0px; text-align:center;width:200px;}

#featured .option p.priceboxLeft .extra{ padding:0px; margin:0px; font-size:11px; width:250px; position:relative; top:-8px; }


#featured .option div{ margin:0px; padding:0;}
#featured .option div img{ margin:0px; padding:0;}
#featured .option .button {position:absolute; top:202px; right:25px; }



div#contentfull{float:right;width:951px;}
div#footer{color: #FFF;clear:both;width:100%; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; height:170px; position:relative;}
.daysoftcontacts{ position:relative; bottom:40px; left:20px;}
div#footer a{ color:#FFF;}
div#footer p{ color:#FFF; font-size:40px; display:block; width:460px; padding-top:40px; margin-left:10px}
div#footer ul{ list-style-type:none; font-size:75%; border-right: 1px dotted #fff; padding:0px 20px 0px 20px; margin-top:30px; height:130px;}
div#footer ul li{ list-style-type:none; line-height:10px;}
div#footer .gaurantee{ margin:38px 0px 0px 15px; float:left;}
div#footer img{ position:absolute; top:30px; right:20px;}

.smalltext{ font-size:75%;}
.smalltext a{ color:#333;}


/* MAIN NAV STYLES */
#navigation{position:absolute; width:950px; top:95px; left:13px;}
#navigation a{color: #fff;background: url(images/tab_left.gif) left top no-repeat;text-decoration: none;padding-left: 15px;}
#navigation a span{background: url(images/tab_right.gif) right top no-repeat;padding-right: 15px;font-size:100%;font-weight:bold;line-height:38px;}
#navigation a, #navigation a span{display: block;float: left;}
#navigation a, #navigation a span{float: none;}
#navigation a:hover{color: #172E74;background: url(images/tab_on_left.gif) left top no-repeat;padding-left: 15px;}
#navigation a:hover span{background: url(images/tab_on_right.gif) right top no-repeat;padding-right: 15px;}

ul#navigation li .on{color: #172E74;background: url(images/tab_on_left.gif) left top no-repeat;padding-left: 15px;}
ul#navigation li .on span {background: url(images/tab_on_right.gif) right top no-repeat; margin-left:0px; padding-left: 0px;}

.basket .open{ background-image:url(images/bg_drop.jpg); left:46px; width:160px; position:absolute; line-height:14px;top:2px; float:left; padding:0px; margin:0px;}
.open a{ color:#333333; font-size:50%; font-weight:normal;}

#popup{ visibility:hidden; float:left; width:160px; z-index:999; padding:0px 15px 15px 15px; position:relative;background-color:#2763A9; background-position:bottom; background-repeat:repeat-x; bottom:20px; right:107px; color:#FFFFFF;/**filter:alpha(opacity=95);opacity: 0.9;-moz-opacity:0.9;**/}
#popup .title {font-size:100%; color:#CCCCCC; padding:0px 0px 0px 0px}
#popup .close {position:absolute; left:152px; top:5px;}
#popup a{ color:#FFFFFF;}
#popup label{ font-size: 50%; font-weight:bold; padding-left:7px; padding-bottom:10px;}

#navigation ul{list-style: none;padding: 0;margin: 0px; z-index:999; position:absolute;}
#navigation li{float: left;list-style: none;margin: 0;padding-left:3px;} 

/* SUB NAV STYLES */
#navigation2{width:950px;right:5px; font-size:85%; position:relative; bottom:44px; float:right; width:578px;}
#navigation2 a{color: #fff;background: url(images/tab2_off_left.jpg) left top no-repeat;text-decoration: none;padding-left: 37px;}
#navigation2 .one {color: #fff;background: url(images/tab2_off_left_one.jpg) left top no-repeat;text-decoration: none;padding-left: 37px;}
#navigation2 .two {color: #fff;background: url(images/tab2_off_left_two.jpg) left top no-repeat;text-decoration: none;padding-left: 37px;}
#navigation2 .three{color: #fff;background: url(images/tab2_off_left_three.jpg) left top no-repeat;text-decoration: none;padding-left: 37px;}
#navigation2 .four {color: #fff;background: url(images/tab2_off_left_four.jpg) left top no-repeat;text-decoration: none;padding-left: 37px;}
#navigation2 a span{background: url(images/tab2_off_right.jpg) right top no-repeat;padding-right: 15px;font-size:100%;font-weight:bold;line-height:38px;}
#navigation2 a, #navigation2 a span{display: block;float: left;}
#navigation2 a, #navigation2 a span{float: none;}
#navigation2 a:hover{color: #172E74;background: url(images/tab2_on_left.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .one:hover{color: #172E74;background: url(images/tab2_on_left_one.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .one_on{color: #172E74;background: url(images/tab2_on_left_one.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .one_on:hover{color: #172E74;background: url(images/tab2_on_left_one.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .one_tick{color: #172E74;background: url(images/tab2_on_left2.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .one_tick:hover{color: #172E74;background: url(images/tab2_on_left2.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .two:hover {color: #172E74;background: url(images/tab2_on_left_two.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .two_on {color: #172E74;background: url(images/tab2_on_left_two.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .two_on:hover {color: #172E74;background: url(images/tab2_on_left_two.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .three:hover{color: #172E74;background: url(images/tab2_on_left_three.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .three_on{color: #172E74;background: url(images/tab2_on_left_three.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .three_on:hover{color: #172E74;background: url(images/tab2_on_left_three.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .four:hover {color: #172E74;background: url(images/tab2_on_left_four.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .four_on {color: #172E74;background: url(images/tab2_on_left_four.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 .four_on:hover {color: #172E74;background: url(images/tab2_on_left_four.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 a:hover .three{color: #172E74;background: url(images/tab2_on_left.jpg) left top no-repeat;padding-left: 37px;}
#navigation2 a:hover span{background: url(images/tab2_on_right.jpg) right top no-repeat;padding-right: 15px;}
#navigation2 li span.on {background: url(images/tab2_on_right.jpg) right top no-repeat;padding-right: 15px;}

#navigation2 ul{list-style: none;padding: 0;margin: 0px;}
#navigation2 li{float: left;list-style: none;margin: 0;padding-left:3px;} 



#breadcrumb { width:936px; background-image:url(images/bg_breadcrumb.jpg); background-repeat:no-repeat; margin-top:4px; font-size:75%; padding:10px 0px 10px 15px;}

/* LEFT COLUMN STYLES */
div#left_col{float:left;width:188px;}
div#left_col a{ text-decoration:underline;font-weight:bold; }
div#left_col a:hover{ text-decoration:none;}
div#left_col .on { color:#000066;}
div#left_col ul{ font-family:Arial, Helvetica, sans-serif; font-size:75%; font-weight:bold; color:#7F7F7F; border-bottom:1px dotted #666666; padding-bottom:10px; padding-top:10px;}
div#left_col ul li{ padding-left:10px;}
div#left_col ul li .premium{ padding-left:20px; background-image:url(images/bullet_premium.jpg); background-repeat:no-repeat; background-position:3px 2px;}
div#left_col ul li .high{ padding-left:20px; background-image:url(images/bullet_high.jpg); background-repeat:no-repeat;background-position:3px 2px;}
div#left_col ul li .standard{ padding-left:20px; background-image:url(images/bullet_standard.jpg); background-repeat:no-repeat;background-position:3px 2px;}


/* PRODUCT LISTING
-----------------------------------------------------------------------------------*/

#prodtable_premium { background-image:url(images/bg_tablestandard.jpg); width:750px; height:86px; text-align:center; margin:20px 0px 20px 0px; overflow:hidden; font-size:80%; font-weight:bold; line-height:12px;}
#prodtable_high { background-image:url(images/bg_tablehigh.jpg); width:750px; height:86px;text-align:center;margin:20px 0px 20px 0px; overflow:hidden;font-size:80%; line-height:12px;font-weight:bold;}
#prodtable_standard { background-image:url(images/bg_tablestandard.jpg); width:750px; height:86px; text-align:center;margin:20px 0px 20px 0px; overflow:hidden; font-size:80%; line-height:12px;font-weight:bold;}
.rowwhite { height: 43px; clear:both;font-weight:bold; line-height:12px; color:#FFF; line-height:12px; }
.rowblue { height: 43px; clear:both;font-weight:bold; line-height:12px; color:#172E74;line-height:12px;}
.column_one { float:left; width:248px; }
.column_two { float:left; margin-left:4px; width:121px;}
.column_one_small { float:left; width:119px; line-height:12px; }
.column_two_small { float:left; margin-left:1px; width:59px;line-height:12px;}
.rowblue .price { font-size:200%; font-weight:bold; line-height:38px;}

#prodlist {margin: 0px 0px 20px 0px; padding:10px 0px 0px 0px; font-size:75%; width:750px;background-image:url(images/bg_listing.jpg); background-repeat:repeat-y;}
#prodlist .title{font-size:150%; font-weight:bold; color:#172E74;display:block; position:relative;}
#prodlist .price{font-size:150%; position:absolute; right:0px; color: #BF0000; text-align:right;}
#prodlist .title a{ font-weight:bold;color:#172E74;}
#prodlist .rightlist{ margin-left:40px;}
.prodback {background-image:url(images/bg_listing.jpg);}
.range_stand{ height:17px; width:87px; margin-top:5px; color:#172E74; float:left; padding-left:5px; padding-right:5px; background-image:url(images/bg_standrange.jpg);}
.range_high{ height:17px; width:87px; margin-top:5px; color:#172E74; float:left; padding-left:5px; padding-right:5px; background-image:url(images/bg_highrange.jpg);}
#prodlist li{ list-style-type:none; height:293px; float:left; width:345px; padding-left:10px; margin-top:20px; border-bottom:2px solid #CCC;}
#prodlist img{ display:block;}
#prodlist .image{ border-bottom:2px dotted #ccc; padding-bottom:30px; margin-bottom:10px;}
#prodlist .magnify{ float:right; position:relative; bottom:40px;}
#prodlist .magnify a{ text-decoration:underline;}
.prodoptions{ clear:both; width:726px; height:30px;  padding:10px; background-image:url(images/bg_options.jpg); background-repeat:no-repeat; margin-top:10px; margin-bottom:10px;}
.prodoptions label{ float:right; font-weight:bold;}





/* PRODUCT DETAIL
-----------------------------------------------------------------------------------*/

#proddetail {width:951px;}
#proddetail .left{width:565px; float:left; border-right:2px dotted #ccc; min-height:300px; position:relative;}
#proddetail .right{width:360px; float:right;min-height:250px; position:relative;}
#proddetail .right div#includedprice{width:358px; font-size:80%; margin-top:15px;}
#proddetail .right span.price-detail { color: #BF0000; font-size:230%; font-weight:bold; line-height:30px;}
#proddetail .right div#includedprice .middle {width:328px; height:150px;  padding:0px 15px 0px 0px; margin:0px;}
#proddetail .right div#includedprice .middle ul{ border-bottom:none; list-style-type:none; color: #000000; width:150px; margin-top:0px;}
#proddetail .right div#includedprice .middle .one{ float:left; width:130px;}
#proddetail .right div#includedprice .middle .two{float:right; width:130px; position:relative; right:10px;}
#proddetail .right div#includedprice .middle ul li{ background-image:url(images/icon_tick.jpg); background-repeat:no-repeat; background-position:0px 7px; padding-top:7px; padding-left:20px; width:150px; font-family:Trebuchet MS,Arial, Helvetica, sans-serif; font-weight:bold;}
#proddetail .addtobasket{ clear:both; width:910px; height:30px; padding:10px; background-image:url(images/bg_addtobasket.jpg); background-repeat:no-repeat; margin-top:35px; margin-left:15px;}
#proddetail .addtobasket input{ margin-left:10px;}
#proddetail .addtobasket label{ font-size:80%;}
#proddetail span{ font-size:75%;}
#proddetail ul.prodrelated { display:inline; position:relative; top:20px; left:30px; width:951px;}
#proddetail ul.prodrelated li{ display:inline; height:58px;}
#proddetail ul.prodrelated li a{ border:1px solid #fff; padding:2px;}
#proddetail ul.prodrelated li a:hover{ border:1px solid #3C997D; padding:2px;}
#prodtable_standard_small { background-image:url(images/bg_tablestandardsmall.jpg); width:360px; height:95px; text-align:center;margin:20px 0px 20px 0px; overflow:hidden; font-size:80%;font-weight:bold; position:relative; top:50px;}
#prodtable_standard_small span{ line-height:12px; position:relative; top:10px;}
#prodtable_standard_small .price{font-size:160%;}

/* PRESCRIPTION
-----------------------------------------------------------------------------------*/
#prescription {width:951px; border-bottom:2px dotted #CCCCCC; clear:both; height:220px; padding-bottom:20px;z-index:1;}
#prescription img{ position:relative; top:3px;}
#prescription p{ padding-left:0px;}
#prescription .title{ font-size:130%;}
#prescription .option{width:270px; height:189px; z-index:1;background-image:url(images/option_off.jpg); padding:15px; position:relative; float:left; margin-left:10px;}
#prescription .option .tooltip{ font-size:80%;}

#prescription .option .select{ position:absolute; bottom:0px; width:270px; height:47px; padding-top:5px;}
#prescription .option:hover{background-image:url(images/option_on.jpg); cursor:pointer;}
#prescription .option_on{width:270px; height:189px; background-image:url(images/option_on.jpg); padding:15px; position:relative; float:left; margin-left:10px;}
#prescription .option_on .select{ position:absolute; bottom:0px; width:270px; height:47px; padding-top:5px;}
#prescription ul{ margin:0px; padding-left:20px; color:#333333;}
#prescription ul li{ list-style-type:disc; font-size:70%;}
#prescriptionreg{ border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; padding-bottom:15px;}
#prescriptionreg label{ font-size:80%; padding-left:15px; color:#333333;}
#prescriptionreg input{ width:195px; border:1px solid #333333; margin-left:10px;}
#prescriptionreg select{ width:50px; border:1px solid #333333; margin-right:10px;}
#prescriptionsize{ width:951px; margin-top:15px;border-bottom:2px dotted #ccc; height:180px;}
#prescriptionsize .row{ width:951px; clear:both;}
#prescriptionsize .rowborder{ width:951px; clear:both; border-bottom:1px solid #ccc; height:30px;}
#prescriptionsize .column{ width:145px; float:left; margin-right:10px;}
#prescriptionsize .column2{ width:175px; float:left;}
#prescriptionsize .column3{ width:195px; float:left;}
#prescriptionsize p{ color:#172E74; padding-left:0px;}
#prescriptionsize select{ width:112px;}
	

/* ----------------------CHECKOUT STYLES------------------------*/

div#checkout{float:right; width:955px; height:573px; color:#0C0C0C; }
div#checkout a{color:#3D883D; text-decoration:underline; }
div#checkout .title{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(images/bg_title.jpg); background-repeat:no-repeat; padding:5px 0px 5px 15px; clear:both;}
div#checkout .title2{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(images/bg_title2.jpg); background-repeat:no-repeat; padding:5px 0px 5px 15px; clear:both;}
div#checkout .title3{ text-transform:capitalize; font-weight:bold; color:#0C0C0C; background-image:url(images/bg_title3.jpg); background-repeat:no-repeat; padding:5px 0px 5px 15px; clear:both;}
div#checkout .left{width: 715px; float:left; }
div#checkout .price{ color:#BF0000; font-size:125%; font-weight:bold;}
div#checkout .price-delivery{ color:#BF0000; font-size:75%; font-weight:bold;}
div#checkout .left .title{ margin-bottom:30px; }
div#checkout .left .column-three{width: 345px; position:relative; float:left; margin-right:12px;  }
div#checkout .left .delivery{ position:relative; left:67px; top:5px;}
div#checkout .left .column-three label{width: 332px; display:block;margin-bottom:10px; padding-left:13px; clear:both; float:left; color:#333333; font-size:80%;}
div#checkout .left .column-three label span{ padding-left:13px;}
div#checkout .left .column-three label span span{ padding-left:0px;}
div#checkout .left .column-three input{ float:right; width:180px;}
div#checkout .left .column-three select{ float:right; width:185px;}
div#checkout .left .column-three .error{ position:absolute; left:190px; color:#A30909; width:300px; top:76px;}
div#checkout .left .column-three .error2{ position:absolute; left:190px; color:#A30909; width:300px; top:145px;}
div#checkout .top{height:165px; }
div#checkout .left .row{ width:720px; clear:both; padding-bottom:10px; float:left;}
div#checkout .left .rowborder{ width:720px; clear:both; margin-bottom:10px; margin-top:10px; border-top:1px solid #999999; padding-top:10px;}
div#checkout .left .row .col-one{text-align:right; width:108px; float:left; margin-left:15px; margin-right:15px;}
div#checkout .left .row .col-one-left{text-align:left; width:108px; float:left; margin-left:15px; margin-right:15px;}
div#checkout .left .row .col-two{width:175px;float:left;}
div#checkout .left .row .col-three{width:490px;float:left; margin-top:4px;}
div#checkout .right{width: 225px; float:right;}
div#checkout .right .rowprod{ padding:10px 0px 10px 0px; clear:both; border-bottom:1px solid #D1D1D1; width:225px; float:left;}
div#checkout .right .rowborder{ padding:10px 0px 10px 13px; clear:both; border-bottom:1px solid #D1D1D1; width:212px; float:left;}
div#checkout .right .row{ padding:10px 0px 10px 13px; clear:both; width:212px; float:left;}
div#checkout .right .total{ padding:2px 10px 5px 15px; background-image:url(images/bg_total.jpg); background-repeat:repeat-x; clear:both; width:200px; float:left; font-weight:bold; margin-top:10px; color:#FFFFFF;}
div#checkout .right .total p { color:#FFFFFF; font-size:110%;}
div#checkout .right .total p, div#checkout .right .row p, div#checkout .right .rowborder p, div#checkout .right .rowprod p { margin:0px; padding:0px;}
div#checkout .edit{ position:relative; left:140px;}
.required {color: #A00000;}
div#checkout .formfield-01 { width:60px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-02 { width:175px; border:1px solid #B2B2B2; margin:3px 0px 10px 0px;}
div#checkout .formfield-03 { width:175px; border:1px solid #B2B2B2; margin:0px;}
div#checkout .formfield-04 { width:490px; border:1px solid #B2B2B2; margin:0px;}
div#checkout p.floatleft{float:left;}
div#checkout p.floatright{float:right; text-align:right;}

#basket{  width:955px; position:relative; font-weight:bold; bottom:40px;}
div#checkout .basketrow{ clear:both; padding-bottom:20px; padding-top:4px; width:955px; float:left; font-size:125%; font-weight:bold; border-bottom:2px dotted #ccc; margin-bottom:10px;}
div#checkout .basketrow p{ font-weight:bold;}
div#checkout .basketrow a{ font-weight:bold;}
div#checkout .baskethead{ font-size:125%;}


div#checkout .baskettotal{ clear:both; padding-bottom:10px; padding-top:4px; width:955px; float:left; border-top:1px solid #D1D1D1;}
div#checkout .col-image{ float:left; width:250px; padding-top:20px; }
div#checkout .col-product{ float:left; width:250px; padding-top:50px;}
div#checkout .col-product a{ font-weight:bold;}
div#checkout .col-price{ float:left; width:60px; }
div#checkout .col-quantity{ float:left; width:150px; padding-top:20px;}
div#checkout .col-value{ float:left; width:100px;color:#D78532; font-size:150%; padding-top:30px;}
div#checkout .col-remove{ float:left; width:180px; text-align:right; padding-top:40px;}
div#checkout .quantity{ width:50px; text-align:right; margin-top:25px;}
div#checkout .totalprice{float:right; text-align:right; width:150px;height:30px; min-height:30px;
right: 160px; position:relative; font-size:150%; bottom:15px;}
div#checkout .totalprice2{float:right; text-align:right; width:150px;height:30px; min-height:30px;
right: 160px; position:relative; font-size:120%; bottom:10px;}
div#checkout .cards{ position:relative; left:580px;clear:both; float:left;}


div#checkout .total {width:100px; text-align:left; padding-left:650px; float:left;}




/* TYPOGRAPHY & BLOCK ELEMENTS
-----------------------------------------------------------------------------------*/

div#contenthome h1{ color:#333333; font-size:50px; font-weight:bold; margin-bottom:20px;}
#contentfull h1{font-size:200%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#1F3579; padding:0px 0px 5px 20px; margin-top:10px; border-bottom:7px solid #E2D32D;}
#proddetail .right h1{ border-bottom:none; padding-left:0px; padding-bottom:0px; margin-top:0px; padding-top:0px; margin-top:-7px;}

h2{font-size:38px; font-family:Trebuchet MS,Arial, Helvetica, sans-serif; color:#333333; font-weight:bold;}
h3{font-size:21px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#333;}
h3 a { text-decoration:underline;} 
h3 a:hover { text-decoration:none;} 
#content h3{font-size:21px; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#333; }
#proddetail h3 { padding-left:13px; padding-bottom:10px; padding-top:20px;}
h4{font-size:100%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#22387B;}
h5{font-size:112.5%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; color:#22387B;padding:24px 0px 24px 0px; color:#172E74; font-weight:normal; padding-left:13px;}
.title {color:#172E74; font-weight:bold; }
#prescription h4 { font-size:80%; font-weight:bold;}

p{margin:0px 0px 15px 0px; font-size:12px; padding-left:13px; color:#333333;}
a{color: #3C997D; text-decoration:none;}

a.tooltip { position:relative;}
a.tooltip span{ display:none; width:200px; z-index:999;}
a.tooltip:hover span, a.tooltip:focus span{ display:block; z-index:999; text-decoration:none; color:#333; position:absolute; top:0.3em; left:0.3em; padding:0.2em 0.6em; background-color: #FFFF99; width:150px;}




a:hover { text-decoration:underline;}

ul, ol {
	font-size:1.2em;
	line-height:1.8em;
}
ul, ol {
	margin:0px; padding:0px; list-style-type:none;
}
div#header ul{
	display:inline; font-size:16px; font-weight:bold;
}



/* Forms 
-----------------------------------------------------------------------------------*/
.basket select { width: 148px; color:#333; background:none; border:none; background-color:#fff; position:relative; bottom:8px; margin-left:5px; margin-top:5px;}
#header span.button2 {
    no-repeat scroll right top;
	font-size:40%;
	font-weight:normal;
    display: block;
    float: right;
    padding-right: 10px; /* sliding doors padding */
	position:relative;
	right:20px;
	bottom:0px;
}
#header span.button2 input.form_but {
    background: transparent url(images/button2_left.jpg) no-repeat;
    display: block;
    padding-right: 0;
    padding-left: 10px;
    white-space: nowrap;
    border: 0;
    margin: 0;
    height: 26px;
    line-height: 21px;
    text-decoration: none;
    font-family: Trebuchet MS, Arial, Helvetica, Geneva, sans-serif;
	font-size:125%;
    padding-top: 0;
    color: #fff;
}
#header span.button2:hover, span.button2 input.form_but:hover {
    cursor: pointer;
    color: #fff;
}
#header span.button2:active {
    background-position: right -35px;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}
#header span.button2 input.form_but:active {
    padding-top: 1px;
    background: url(images/button2_left.jpg) left -35px;
    outline: none;
}



.buttonblue span {font-size:150%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold;}
.buttonbluehome {font-size:150%; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; background-color:transparent; position:relative; right:30px;}
.buttonbluehome span{font-weight:bold;}







/* table styling */



/* button styling test */



a.rollover{
	display: block;
	position:relative;
	width: 274px;
	height: 40px;
	text-decoration: none;
	background: url(images/button_orange.jpg);
	text-decoration:none;
	}

a.rollover:hover {
	background-position: 0px -40px; color:#172E74;
	text-decoration:none;
	}
	
a.rollover:hover span{
	color:#172E74;
		text-decoration:none;
	}


a.rollover2 {
	display: block;
	position:relative;
	width: 274px;
	height: 40px;
	text-decoration: none;
	background: url(images/button_blue.jpg);
	}

a.rollover2:hover {
	background-position: 0px -40px; color:#172E74;
	}
a.rollover2:hover span{
	color:#172E74;
	}
	
a.rollover3 {
	display: block;
	position:relative;
	width: 73px;
	height: 26px;
	text-decoration: none;
	background: url(images/button_basket.jpg);
	}

a.rollover3:hover {
	background-position: 0px -26px; color:#172E74;
	}
a.rollover3:hover span{
	color:#172E74;
	}
	
a.rollover4 {
	display: block;
	position:relative;
	left:240px;
	width:105px;
	bottom:30px;
	height: 28px;
	text-decoration: none;
	background: url(images/button_views.jpg);
	}

a.rollover4:hover {
	background-position: 0px -28px; color:#172E74;
	}
a.rollover4:hover span{
	color:#172E74;
	}
	
a.rollover5 {
	display: block;
	position:relative;
	left:725px;
	width:186px;
	bottom:28px;
	height: 40px;
	font-size:150%;
	text-decoration: none;
	background: url(images/button_basket2.jpg);
	}

a.rollover5:hover {
	background-position: 0px -40px; color:#172E74;
	}
a.rollover5:hover span{
	color:#172E74;
	}
	
div#checkout a.rollover{text-decoration:none; }
div#checkout a.rollover2{text-decoration:none; }
	
	
.displace {position: absolute;left: 48px;top:6px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:125%;}
.displace2 {position: absolute;left: 25px;top:12px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:85%;}
.displace3 {position: absolute;left: 80px;top:6px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:125%;}
.displace4 {position: absolute;left: 80px;top:6px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:180%;}
.displace5 {position: absolute;left: 20px;top:4px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:125%;}
.displace6 {position: absolute;left: 25px;top:2px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:160%;}
.displace7 {position: absolute;left: 25px;top:10px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:250%;}
.displace8 {position: absolute;left: 45px;top:10px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:80%;}
.displace9 {position: absolute;left: 28px;top:6px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:125%;}
.displace10 {position: absolute;left: 11px;top:8px;cursor:pointer;color:#FFFFFF;font-weight:bold;font-size:110%;}

.displace:hover { color:#333399;}




/* slider */


#panel {
	background: #754c24;
	height: 200px;
	display: none;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	text-decoration: none;
}
.active {
	background-position: right 12px;
}