/*
********************************************
UCW - Default CSS Stylesheet
Created on: 15/02/2009
Version: 2.0
Edited By: Atif Paracha
Email: atifparacha@gmail.co.uk
********************************************
*/

/* Common tag elements */
* {padding: 0; margin: 0}
html { height:100%; margin:0; padding:0; }  
body { background-color:Black; height:100%; color:#ffffff; text-align:left; font-family: Arial, Verdana, Tahoma, Helvetica; src:url(http://www.universalcontourwrap.com/library/style/font/UNI0533.eot); font-size: 100%; font-weight:normal; height:100%; margin:0; padding:0; }
h1 { font-size: 170%; margin: 0 0 0.5em 0; color:#CCD890; line-height: 1.4em; padding:0; font-weight:normal}
h2 { font-size: 100%; margin:0 0 0.1em 0; color:#CCD890; padding:5px 0 5px 0px; }
h3 { font-size: 80%; margin:0 0 0.1em 0; color:#CCD890; padding:5px 0 5px 0px; }
p { font-size: 80%; line-height: 145%; margin: 0.1em 0 1em 0; }
a:link, a:visited { color:#ffffff; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
img  { border: none;}
ul {margin:0 0 0.5em 1em;}
li {font-size: 80%; list-style-type:none; padding:0.30em 0 0.30em 0; margin:0}
label { display: block; text-align: right; float: left; width: 130px; padding:0 1em 0 0;}
input { font-size:100%; }
select { font-size:100%; }
fieldset { border: none; margin: 0; padding: 2px 0 3px 0;}
legend { display:none; }
table { border-collapse:collapse; width:100%; font-size:80%; margin:0 0 5px 0; }
td { padding:4px 0 4px 7px; vertical-align:top; }
th { font-weight:normal; padding:7px 0 7px 7px; font-weight:bold; vertical-align:top;}
caption { display:none; }
thead { background-color:#DCF4F8; }
form { height:100%; margin:0; padding:0; }
tbody { padding:0; margin:0; }
hr { padding:0 0 2px 0; margin:0; height:1px; position:relative; }
strong { padding:0; margin:0; }

/* Changes related classes */
.change_buttons { margin:0 10px 0 10px; padding: 1px 2px 1 px 2 px; border:dotted 2px #FFFFFF; color:Black}

/* Common CSS classes */
.hide { position:absolute; left:-9000px; top:0; z-index:20; }
.display-show { display:inherit; }
.display-hide { display:none; }
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
.auto { width:auto; }
.nowrap { white-space:nowrap; }
.center { text-align: center; }
.border-none { border:none; }
.transparent { background-color:transparent; }
.align-right { text-align:right; }
.align-left { text-align:left; }
.bold { font-weight:bold; }
.normal { font-weight:normal;}
.underline { text-decoration:underline; }
.strike-out { text-decoration: line-through; }
.required { background-color: #FFFF9F; border:solid 1px gray; }
.hi-light { color: red; }
.black { color:black; }
.padding-off { padding:0;}
.padding { padding:10px; }
.padding-left { padding-left:10px; }
.padding-right { padding-right:10px; }
.padding-top { padding-top:10px; }
.padding-bottom { padding-bottom:10px; }
.padding-image { padding-top:2px; padding-bottom:6px; }
.margin-off { margin:0; }
.margin-top { margin-top:10px; }
.margin-bottom { margin-bottom:10px; }
.error-msg { color:#000000; padding:1px 10px 0 20px; background-image:url(../images/icon_warning.gif); background-position:0px 0px; background-repeat:no-repeat; display:inline-block; }
.extlnk { position:relative; font-weight:bold; padding:0 12px 0 0; background-image: url('../images/icon_external.gif'); background-position: right top; background-repeat:no-repeat; }
.lnkmore { padding-right:12px; padding-left:10px; font-weight:bold; background-image: url(../images/double_arrows.gif); background-position:right center; background-repeat:no-repeat; }
.lnkinfo { display:block; padding:2px 0 2px 30px; background-image: url(../images/icon_info.gif); background-position:left center; background-repeat:no-repeat; }
.lnk { padding-right:12px; font-weight:bold; background-image: url(../images/icon_external.gif); background-position:right top; background-repeat:no-repeat; }
.content-page { min-height:250px; background-image: url(../images/vertical_dots.gif); background-position:215px 0px; background-repeat:repeat-y;  }
.clearfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Handles the Alpha Transparacy for PNG graphics in IE5.5/IE6 */
* html .png img, * html .png { behavior: url(/library/javascript/iepngfix.htc); }
 
/* Site Structure */
#parent { position:relative; margin:0 auto 0 auto; width:995px; height:100%; text-align:left; padding:0; background-color:#037ABC }
#banner { height:268px; background-color:#ffffff; background-image: url(../images/bg/bg_banner.gif); background-position:left bottom; background-repeat:repeat-x; }
#banner-none { height:20px; background-color:#037ABC; background-image: url(../images/bg/bg_banner.gif); background-position:left bottom; background-repeat:repeat-x;  }
#content { background-color:#B14B1B; margin:0; height:auto; padding:0 0 90px 0; }
#content-main { font-size:10pt; float:left; width:500px; margin:10px 0 10px 52px; padding:5px; }
#content-main a { text-decoration:underline; }
.wysiwyg-content ul { margin:10px 0 10px 7px; }
.wysiwyg-content li { list-style-type:disc; padding:0.10em 0 0.10em 0; font-size:100%; margin:0 0 0 10px; }
#fade { margin:0; padding:0; height:6px; background-image: url(../images/bg/bg_fade.png); background-position:left top; background-repeat:repeat-x; }
#edge-left { position:absolute; left:-10px; width:10px; overflow:hidden; top:0px; height:100%; margin:0 auto; padding:0; background-color:red }
#edge-right { position:absolute; left: 995px; width:10px; overflow:hidden; top:0px; height:100%; margin:0 auto; padding:0; background-color:green }
.bg_light { background-image: url(../images/bg/bg_light.jpg); background-position:center top; background-repeat:repeat-y; }
.bg_dark { background-image: url(../images/bg/bg_dark.jpg); background-position:center top; background-repeat:repeat-y; }
.bg_picture { background-image: url(../images/bg/bg_picture.jpg); background-position:center top; background-repeat: no-repeat; }

/* Header */
#header { position:relative; background-color:#037ABC; height:107px; padding:0; margin:0; background-image: url(../images/bg/bg_header.gif); background-position:left top; background-repeat:repeat-x; }
.topfade { position:absolute; top:0px; width:100%; margin:0; padding:0; background-image: url(../images/bg/bg_fade.png); background-position:left top; background-repeat:repeat-x; }
#logo { position:relative; margin:20px 0 0 35px; }

/* Footer */
#footer { position:relative; font-size:9pt; margin:0; background-color:#037ABC; padding: 7px 0 7px 0; }
#bar { position:relative; height:12px; width:100%; }
#nav_footer { float:left; text-align:right; width:478px; padding-left:174px; padding-right:20px; }
#nav_footer ul { margin:4px 0 0 0; padding:0; }
#nav_footer li { margin:0; padding:0; display:inline; list-style-type:none; } 
#nav_footer a { border-right:solid 1px #f2f2f2; padding:0 4px 2px 3px; display:inline-block; } 
#nav_footer a.last { border-right:none; } 
#nav_country { float:left; font-size:10px; text-align:left; width:220px; vertical-align:top;}
#nav_country img { padding:0 0 0 4px; vertical-align:bottom; }
#nav_country select { margin:1px 0 0 0; }

/* Second Footer */
#footer2 { position:relative; font-size:9pt; margin:0; background-color:#037ABC; padding: 7px 0 7px 0; }
#bar2 { position:relative; height:12px; width:100%; }
#nav_footer2 { float:left; text-align:right; width:478px; padding-left:188px; padding-right:20px; }
#nav_footer2 ul { margin:4px 0 0 0; padding:0; }
#nav_footer2 li { margin:0; padding:0; display:inline; list-style-type:none; } 
#nav_footer2 a { border-right:solid 1px #f2f2f2; padding:0 4px 2px 3px; display:inline-block; } 
#nav_footer2 a.last { border-right:none; } 
#nav_country2 { float:left; text-align:left; width:220px; vertical-align:top; }
#nav_country2 img { padding:0 0 0 4px; vertical-align:bottom; }
#nav_country2 select { margin:1px 0 0 0; }

/* Navigation */
#navigation { position:absolute; bottom:3px; left:200px; font-size:9pt; text-transform:uppercase; z-index:98; }
#nav-left { position:relative; float:left; width:180px; font-size:9pt; padding:15px 0 8px 40px; margin:0; text-transform:uppercase; }
#nav-right { position:relative; float:left; width:150px; font-size:9pt; padding:20px 0 0 30px; margin:0; }

/*
#nav-left { position:absolute; left:0px; width:180px; font-size:9pt; padding:15px 0 8px 40px; margin:0; text-transform:uppercase; background-color:Red; }
#nav-right { position:absolute; left:782px; top:380px; width:150px; font-size:9pt; padding:20px 0 0 30px; margin:0; background-color:green; }
#content-main { position:relative; left:220px; font-size:10pt; width:500px; margin:10px 0 10px 52px; padding:5px; background-color:Yellow; }
#content-main a { text-decoration:underline; }
*/

/* Homepage */
#homepage { margin:45px 0 0 0; }
#quickfind { text-align:right; float:left; width:275px; padding:28px 0 0 0; }
#quickfind li { padding:0 0 5px 0; }
#quickfind label { font-family:Arial; font-size:28px; float:none; text-align:right; width:100%; margin:0; padding:0; }
#campaign { position:relative; font-size:9px; color:#cccccc; width:597px; height:89px; background-image: url(../images/bg/bg_campaign.jpg); background-position:left top; background-repeat:no-repeat; float:left; padding:0; margin:0 0 0 15px; }
#campaign p { font-family:Arial; font-size:11px; padding:1px 5px 0 0; line-height:100%; color:#8F8F8F; padding-left:15px; line-height:13px; }
#campaign h2 { font-family:Arial; font-size:11px; padding:4px 0 0 0; font-weight:bold; color:#0479BE; padding-left:15px; text-transform:uppercase; }
#campaign img { position:absolute; bottom:18px; right:10px;  }
#campaign .l { position:absolute; left:20px; top:8px; width:174px; height:80px; padding:0; margin:0; }
#campaign .m { position:absolute; left:193px; top:8px; width:198px; height:80px; margin:0 0 0 10px; }
#campaign .r { position:absolute; left:400px; top:8px; width:184px; height:80px; margin:0 0 0 10px; }
#campaign .bottombar { position:absolute; bottom:4px; left:0px; width:100%; font-size:9px; padding:1px 0 1px 0; margin:0; background-color:#D36B2C; text-align:right; }
#campaign .bottombar a { text-decoration:none; background-image: url(../images/bg/bg_hp_arrow_right.gif); background-position:0px 3px; background-repeat:no-repeat; display:inline-block; padding:0px 10px 1px 9px; margin:0; }
#campaign .l .bottombar { left:-15px; width:188px; }
#campaign .l p { padding-left:6px; }
#campaign .l h2 { padding-left:6px; }

/* Content pages */
.heading { font-size:10pt; line-height:130%; z-index:0;}
.heading p { font-size:100%; line-height:130%; z-index:0; }

/* Search pages */
.search-list { margin:0; padding:0; text-align:right; width:476px; }
.search-list label { font-weight:bold; margin:0 0 0 25px; padding:0; }
.search-list select { float:right; width:240px; margin:0 20px 0 0; padding:0; }
.search-list li { margin:0; padding:0 0 20px 0; }
.search-list li li { margin:0 0 10px 0; padding:0; }
.search-list li li label { font-weight:bold; margin:0 0 0 20px; padding:2px 0 0 0; }
.search-list ul { margin:0; padding:0; font-size:130%; }
.search-list a:link { text-decoration:none; }
.search-list .textbox-city { float:left; width:230px; margin:0 0 0 7px; padding:0; }
.search-list .textbox-postcode { float:left; width:80px; margin:0 0 0 7px; padding:0; }
.search-list .radio { float:left; width:20px; margin:0 0 0 2px; padding:0 8px 0 8px; text-align:center; }
.search-list .btn { float:left; text-decoration:none; font-size:9px; margin:0 0 0 24px; border:solid 2px #CCD890; padding:2px 5px 2px 5px; }
.search-list .button { float:left; font-size:8px; margin:0 0 0 26px; color:#ffffff; padding:0 3px 0 2px; width:auto; overflow:visible; border:solid 2px #CCD890; background-color:#8BA213; }
.search-list .one { height:57px; width:476px; padding:20px 0 0 0; background-image: url(../images/bg/bg_search1.gif); background-position:left top; background-repeat:no-repeat; }
.search-list .two { height:57px; width:476px; padding:20px 0 0 0; background-image: url(../images/bg/bg_search2.gif); background-position:left top; background-repeat:no-repeat; }
.search-list .three { height:97px; width:476px; padding:20px 0 0 0; background-image: url(../images/bg/bg_search3.gif); background-position:left top; background-repeat:no-repeat; }
.search-list .search-err { clear:both; display:block; color:#ffffff; text-align:left; margin: 2px 0 2px 195px; padding:0 10px 0 20px; background-image:url(../images/icon_warning.gif); background-position:0px -1px; background-repeat:no-repeat; }

/* Search Results */
#search-results { position:relative; }
#search-results h1 { border-bottom:solid 2px #CCD890; padding-bottom:3px; }
#search-results .search-again { margin:0 auto; padding:5px 0 0 0; text-align:center; border-bottom:dotted 2px #CCD890; }
#search-results .search-again ul { width:100%; padding:15px 0 15px 0; margin:10px 0 0 0; border-top:dotted 2px #CCD890; }
#search-results .search-again li { display:inline; margin:0 0 0 10px; }
#search-results .search-again a { font-size:9px; text-decoration:none; border:solid 2px #CCD890; padding:2px 5px 2px 5px; }

/* Salon Details */
.salon-details { border:solid 2px #CCD890; padding:0; margin:20px 0 0 0; }
.salon-details ul { padding:0; margin:0; }
.salon-details li { padding:0; margin:0; }
.salon-details .heading { padding:0; margin:0; height:27px; background-color:#8EA614; }
.salon-details .heading h2 { position:absolute; left:0px; color:#ffffff; width:290px; padding:5px 0 5px 20px; margin:0 0 0 20px; border-left: solid 2px #99B11B; }
.salon-details .heading a { font-size:10px; text-decoration:none; float:right; padding:5px 20px 5px 20px; margin:0; }
.salon-details .l { float:left; width:160px; padding:5px 0 5px 41px; }
.salon-details .m { float:left; width:140px; padding:5px 0 5px 0; }
.salon-details .r { float:right; width:100px; padding:5px 15px 5px 0; }
.salon-details .main { position:relative; border-bottom:solid 0px #B3C555; padding:1px 0 5px 0; }
.salon-details .main .m ul { position:absolute; bottom:8px; }
.salon-details .main .r table { border-collapse:separate; width:110px; position:absolute; bottom:0px; }
.salon-details .main .r td { background-color:#8EA614; border:solid 1px #99B11B; margin:0; padding:3px; text-align:center; vertical-align:middle; }
.salon-details .footer { padding:1px 0 5px 0; font-size:9px; }
.salon-details .footer .l { padding:10px 0 5px 41px; }
.salon-details .footer .m { width:135px; padding:4px 0 0 0; }
.salon-details .footer .m a { text-decoration:underline; }
.salon-details .footer .m li { font-size:130%; float:left; padding:5px 8px 5px 8px; margin:0 5px 0 0; background-color:#8EA614; }
.salon-details .footer .r { float:right; width:150px; padding:10px 5px 5px 0; }
.salon-details .footer .r a { color:#696969; }

/* Salon Offers Details */
.salon-offer-details { margin:0 0 20px 0; }

/* No Salon In Your Area */
#search-contact h1 { border-bottom:solid 2px #CCD890; padding-bottom:3px; }
#search-contact label { font-weight:bold; text-align:left; padding:3px 0 0 0; }
#search-contact input { width:335px; height:16px; }
#search-contact ul { border-top:dotted 2px #CCD890; margin:0; padding:15px 0 0 0; }
#search-contact li { margin:0; padding:5px 0 5px 0; }
#search-contact { border-bottom:dotted 2px #CCD890; padding: 5px 5px 16px 10px; width:475px; }
#search-contact .title { float:left; margin:0 35px 0 0; width:53px; }
#search-contact .firstname { width:265px; }
#search-contact .title-txt { width:45px; }
#search-contact .firstname-txt { width:65px; padding-right:2px; }
#search-contact .error-wrap { padding:4px 0 0 130px; }
#search-contact-town { background-color:#8BA213; padding:5px 5px 15px 5px; width:480px; margin:5px 0 0 0; }
#search-contact-town label { font-weight:bold; text-align:left; padding:3px 5px 0 0; }
#search-contact-town input { width:335px; height:16px; }
#search-contact-town ul { margin:0; padding:15px 0 0 0; }
#search-contact-town li { margin:0; padding:5px 0 5px 0; }
#search-contact-town .lnk_checkout { background-image: url(/library/images/plus_white.gif); background-position:5px 5px; background-repeat:no-repeat; margin:6px 7px 0 0; padding-left:15px; }
#search-contact-town .error-wrap { padding:4px 0 0 135px; }


/* Products */
.products { margin:0 0 20px 0; }
.products .image { float:left; width:150px; }
.products .image img { border:solid 4px #C2D989; margin:0; }
.products .content { float:left; width:350px; }
.products .content h2 { color:#ffffff; margin:0; padding:0; }
.products .content hr { margin:0; padding:0; }
.products .content .lnkinfo { font-size:8pt; padding:5px 0 5px 30px; text-decoration:none; }
.products .content .qty { float:left; width:25px; margin:0; padding:0; }
.products .content .btn { float:left; font-size:9px; text-decoration:none; border:solid 2px #CCD890; margin:1px 0 0 15px; padding:2px 5px 2px 5px; }
.products .content .btnremove { float:left; background-image: url(/library/images/cross.gif); background-position:5px 5px; background-repeat:no-repeat; font-size:9px; text-decoration:none; border:solid 2px #CCD890; margin:1px 0 0 15px; padding:2px 5px 2px 15px; }
.products .content .error { padding:6px 0 0 0; margin:0; color:#ffffff; }
.products .content .shortdesc { line-height:130%; padding-bottom:3px; }

/* Product Details */
#product-details { margin:0 0 20px 0; }
#product-details .image { float:left; width:150px; }
#product-details .image img { border:solid 4px #C2D989; margin:0; }
#product-details h1 { margin:0; font-size:110%; color:#f8f8f8; font-weight:bold; padding:5px 0 14px 0; }
#product-details h2 { margin:0; padding:5px 0 7px 0; color:#f8f8f8; font-size:90%; }
#product-details h3 { margin:0; padding:5px 0 0 0; color:#f8f8f8; font-size:90%; }
#product-details .qty { float:left; width:25px; margin:0; padding:0; }
#product-details .btn { float:left; font-size:9px; text-decoration:none; border:solid 2px #CCD890; margin:1px 0 0 15px; padding:2px 5px 2px 5px; }
#product-details .error-msg { padding:4px 10px 4px 20px; margin:0; color:#ffffff; font-size:80%; }
#product-details .product-price { padding:5px 0 0 0; }
#product-details .product-price h2 { float:left; padding:2px 26px 0 0; }
#product-details li { list-style-type:square; padding:0.10em 0 0.10em 0; font-size:80%; margin:0 0 0 10px; }
#product-details hr { position:relative; border-top:dotted 1px white; }
#product-details #emailtofriend { padding:0px 0 25px 0; margin:0; }
#product-details #emailtofriend .btn { margin:0; background-image: url(/library/images/icon_mailtofriend.gif); background-position:right top; background-repeat:no-repeat; font-size:9px; text-decoration:none; border:solid 2px #CCD890; padding:2px 37px 2px 8px; }
#product-email { font-size:80%; width:310px; background-color:#8CA219; border:solid 2px #C2D989; padding:10px 5px 0 5px; margin: 0px 0 15px 0; }
#product-email ul { padding:0; margin:0; }
#product-email li { padding:0 0 2px 0; margin:0; list-style:none; }
#product-email label { width:80px; padding:0 10px 0 0; }
#product-email input { width:200px; }
#product-email .error-wrap { margin-left:90px; padding:1px 0 1px 0; font-size:130%; }
#product-email #emailtofriend-btn { padding:8px 16px 8px 0; margin:0; }
#product-email #emailtofriend-btn .btn  { float:right; margin:0; background-image: url(/library/images/icon_mailtofriend.gif); background-position:right top; background-repeat:no-repeat; font-size:9px; text-decoration:none; border:solid 2px #CCD890; padding:2px 37px 2px 8px; }

/* Basket Summary */
#basket-summary { background-color:#8BA213; margin:25px 6px 30px -40px; padding:0; }
#basket-summary h2 { font-size:9px; color:#ffffff; padding: 10px 0 10px 0; margin:0 0 10px 0; width:100%; text-align:center; border-top: dotted 1px #ffffff; border-bottom: dotted 1px #ffffff; }
#basket-summary ul { padding:0; margin:10px 0 0 0; width:100%; text-align:center; border-top: dotted 1px #ffffff; border-bottom: dotted 1px #ffffff; }
#basket-summary li { font-weight:bold; float:left; width:49%; padding: 5px 0 5px 0; margin:0; text-align:center; border-right: dotted 1px #ffffff; }
#basket-summary p { width:154px; padding:0 0 5px 0; margin:0; text-align:right; }
#basket-summary .border-none { border:none; background:none; }
#basket-summary .discount { font-weight:bold; }
#basket-summary .total { font-weight:bold; }
#basket-summary .total_line { border-bottom:solid 1px #A5C258; padding-bottom:4px; }

/* Basket Summary */
#billing-note { background-color:#8BA213; margin:25px 6px 30px -40px; padding:0; border-bottom: dotted 1px #ffffff; }
#billing-note h2 { font-size:9px; color:#ffffff; padding: 10px 0 10px 0; margin:0 0 10px 0; width:100%; text-align:center; border-top: dotted 1px #ffffff; border-bottom: dotted 1px #ffffff; }
#billing-note p { width:90%; padding:0 0 5px 0; margin:0 0 0 10px; text-align:justify; font-variant:normal; }


/* Checkout */
#checkout { padding:20px 0 0 0; }
#checkout .checkout-vouchers { width:496px; border-bottom:solid 2px #CCD890; text-align:right; }
#checkout .checkout-vouchers li { padding:0 0 8px 0; }
#checkout .checkout-vouchers label { width:250px; font-weight:bold; padding-top:3px; }
#checkout .checkout-vouchers input { width:40px; height:14px; vertical-align:top }
#checkout .checkout-vouchers .lnk_checkout { margin:1px 0px 0 9px; text-decoration:none; padding:2px 5px 2px 5px; width:73px; text-align:center; }
#checkout .checkout-vouchers .divider {  border-right: solid 2px #CCD890; padding:0 5px 0 0; display:inline-block; }
#checkout .checkout-vouchers .promo_code2 { margin:0 0 0 3px; }
#checkout .checkout-vouchers .error { margin:0; padding:4px 0 0 0; }
#checkout .checkout-products { border-bottom:dotted 1px #CCD890; }
#checkout .checkout-products table { margin: 15px 0 5px 0px; width:500px; }
#checkout .checkout-products td, #checkout .checkout-products th { font-weight:normal; padding: 0px 0 4px 0px; margin:0; vertical-align:top; text-align:right; }
#checkout .checkout-products .error { margin:0; padding:0;  }
#checkout .checkout-products .col1 { width:195px; text-align:left; padding-top:3px; }
#checkout .checkout-products .col2 { width:50px; padding-top:3px; font-weight:bold; }
#checkout .checkout-products .col3 { width:255px; }
#checkout .checkout-products .col3 .error-wrap { margin:0; padding:4px 0 0 20px; text-align:left; }
#checkout .checkout-products .col3 .qty { position:relative; margin:0 10px 0 20px; padding:0; width:20px; height:14px; float:left; }
#checkout .checkout-products .col3 .lnk_checkout { float:left; position:relative; }
#checkout .checkout-products .col3 .lnk_remove { float:left; margin:0 0 0 12px; }
#checkout .checkout-totals { position:relative; padding:0 0 0 8px; margin:0; }
#checkout .checkout-totals ul {  padding:0; margin:0; }
#checkout .checkout-totals li { clear:both; padding:10px 0 10px 0; margin:0; }
#checkout .checkout-totals .desc { display:block; text-align:right; float:left; width:175px; }
#checkout .checkout-totals .total { display:block; float:left; width:60px; text-align:right; font-weight:bold; }
#checkout .checkout-totals .lnk_payment { float:left; display:inline-block; background-position:5px 5px; width:83px; text-align:center; margin: 0 0 0 21px; }
#checkout .checkout-totals #img_creditcards { position:absolute; left:249px; margin:-45px 0 0 15px; }
#checkout .lnk_remove { display:inline-block; background-image: url(/library/images/cross.gif); background-position:5px 5px; background-repeat:no-repeat; font-size:9px; text-decoration:none; border:solid 2px #CCD890; margin:0 0 0 10px; padding:2px 5px 2px 15px; }
#checkout .lnk_payment { display:inline-block; background-color:#8BA213; background-image: url(/library/images/plus_white.gif); background-position:5px 5px; background-repeat:no-repeat; font-size:9px; text-decoration:none; border:solid 2px #CCD890; margin:0 0 0 10px; padding:2px 5px 2px 15px; }
.lnk_checkout { display:inline-block; font-size:9px; text-decoration:none; border:solid 2px #CCD890; margin:0; padding:2px 5px 2px 5px; }

/* Payment */
#payment h1 { border-bottom:dotted 2px #CCD890; width:485px; padding:0 0 8px 0; }
#payment ul { margin:0; padding:0; }
#payment li { margin:0; padding:5px 0 5px 0; }
#payment label { font-weight:bold; text-align:left; padding:3px 0 0 0; }
#payment input { width:348px; height:16px; }
#payment .payment-contact { border-bottom:dotted 2px #CCD890; padding: 5px 0 16px 0; width:485px; }
#payment .payment-contact .title { float:left; margin:0 35px 0 0; width:53px; }
#payment .payment-contact .firstname { width:278px; }
#payment .payment-contact .title-txt { width:45px; }
#payment .payment-contact .firstname-txt { width:67px; }
#payment .payment-contact .error-wrap { padding:4px 0 0 130px; }
#payment .payment-card { padding:15px 0 5px 0; } 
#payment .payment-card .cardexpdate select { width:53px; margin:0 10px 0 0; }
#payment .payment-card .csvnumber { width:53px; }
#payment .payment-card .cardtype img { padding:0 0 0 20px; }
#payment .payment-card .cardtype select { padding:0; margin:8px 0 0 0; width:135px; float:left; }
#payment .payment-card .csv { font-weight:bold; margin:0; padding:0 0 0 7px; }
#payment .payment-card .error-wrap { padding:4px 0 0 130px; }
#payment .payment-card-address li { clear:both; margin:0; padding:0; }
#payment .payment-card-address h2 { padding:15px 0 7px 0; margin-bottom:10px; border-bottom:dotted 2px #CCD890; width:485px; } 
#payment .payment-card-address .postcode { width:50px; margin:0 10px 0 0; float:left; }
#payment .payment-card-address .select_address { margin-right:16px; }
#payment .payment-card-address .error-wrap { padding:4px 0 0 130px; }
#payment .payment-card-address .error-wrap-left { padding:4px 0 0 0; }
#payment .payment-delivery-address li { clear:both; margin:0; padding:0; }
#payment .payment-delivery-address h2 { padding:15px 0 7px 0; margin-bottom:10px; border-bottom:dotted 2px #CCD890; width:485px; } 
#payment .payment-delivery-address .postcode { width:50px; margin:0 10px 0 0; float:left; }
#payment .payment-delivery-address .select_address { margin-right:16px; }
#payment .payment-delivery-address .recipient { padding:5px 0 10px 0; } 
#payment .payment-delivery-address .recipient label { width:200px; } 
#payment .payment-delivery-address .recipient input { width:278px; } 
#payment .payment-delivery-address .payment-address label { width:180px; float:left; }
#payment .payment-delivery-address .payment-address input { width:25px; float:left; margin:2px 0 0 0; }
#payment .payment-delivery-address .error-wrap { padding:4px 0 0 130px; }
#payment .payment-terms { margin:20px 0 0 0; text-align:right; border:dotted 2px #CCD890; padding:5px 0 5px 0; width:480px; }
#payment .payment-terms li { padding:8px 10px 8px 0; }
#payment .payment-terms .terms label { width:200px; float:right; text-align:right; }
#payment .payment-terms .terms input { width:25px; float:right; margin:2px 0 0 0; }
#payment .payment-terms .terms a { text-decoration:underline; }
#payment .payment-terms .total { text-decoration:underline; font-weight:bold; }
#payment .payment-terms .lnk_checkout { padding-left:15px; background-image: url(/library/images/plus_white.gif); background-position:5px 5px; background-repeat:no-repeat; margin:0 0 0 10px; }
#payment .payment-terms .error-wrap { padding:4px 0 0 130px; }
#payment .payment-thankyou h1 { border-bottom:none; margin:0; }
#payment .payment-thankyou .wrap { font-weight:bold; border:dotted 2px #CCD890; padding:5px 0 5px 10px; margin:20px 0 15px 0; }
#payment .payment-thankyou .print { text-align:right; }
#payment .address_wrap { border:solid 2px #CCD890; width:480px; margin:10px 0 10px 0; padding:0; }
#payment .address_wrap select { width:480px; border:none; margin:0; padding:0; background-color:#8BA213; color:#ffffff; }
#payment .lnk_checkout { margin:0; padding:2px 5px 2px 5px; }
#payment .no-msg { padding:5px 0 0 0; display:block; font-weight:bold; }
#payment .message { padding:5px 0 0 0; display:block; font-weight:bold; }
#payment .changeaddress { padding:5px 20px 0 0; font-weight:normal; text-align:right; }

/* View basket */
#view-basket { position:relative; }
#view-basket h1 { border-bottom:solid 2px #CCD890; padding-bottom:3px; }

/* Contact Page */
#contact { position:relative; }
#contact h1 { border-bottom:solid 2px #CCD890; padding-bottom:3px; }
#contact .contact-list {left:-25px;}
#contact .contact-list li { margin:0; padding:0 0 10px 0; }
#contact .error-wrap { padding:4px 0 0 140px; }
#contact .lnk_checkout { padding:2px 5px 2px 5px; }
/*  */
#contact p { padding:0 0 2px 7px}
.contactfix:after {content: "."; display: block; height: 0; margin:0; padding:0; clear: both; visibility: hidden;}
.contactfix {display: inline-block;}
.rightPadding {padding-right:30px; width:112px}


/* TOP Navigation Styling 
   Tier 1  */
.nav-menu ul.AspNet-Menu { width:792px; /*width: 13em;  This is more than (6em x 2) because we want to leave room for borders around the <li> elements that are selected */ }

/* Tier 2 */
.nav-menu ul.AspNet-Menu ul { top: 100%; left: -1px; font-size:130%; padding-top:4px; background-color:#ffffff; border-bottom: solid 1px #037ABC; border-left: solid 1px #037ABC; border-right: solid 1px #037ABC; }

/* Tier 3+ */
.nav-menu ul.AspNet-Menu ul ul { top: -0.5em; left: 6em; }

/* all list items */
.nav-menu li { background: transparent; padding:0; margin:0 0 0 2px; }

/* list items being hovered over */
.nav-menu li li:hover, .nav-menu li li.AspNet-Menu-Hover { background: #5EB6E6 url(../images/plus-white.gif) 11px 8px no-repeat; }

/* all anchors and spans (nodes with no link) */
.nav-menu a, .nav-menu span { color: #ffffff; padding: 4px 14px 4px 14px; background: transparent; }

/* leaves */
.nav-menu li.AspNet-Menu-Leaf a, .nav-menu li.AspNet-Menu-Leaf span { background-image: none !important; padding-left: 20px; }

/* hovered text */
.nav-menu li:hover a, 
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover a,
.nav-menu li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.nav-menu li:hover li:hover li:hover a,
.nav-menu li:hover li:hover li:hover span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{ color: #ffffff; text-decoration:none; background: transparent url(../images/tl-corner.gif) left top no-repeat; }

/*added*/
.nav-menu li:hover a, /* current hovered text */
.nav-menu li:hover span,
.nav-menu li.AspNet-Menu-Hover a,
.nav-menu li.AspNet-Menu-Hover span
{ padding-bottom:5px; margin-bottom:-5px; color: #037ABC; background: white url(../images/tl-corner.gif) left top no-repeat; }

/* all Tier 2 list items */
.nav-menu li li { width: 16em; clear:both; background:#ffffff url(../images/plus-blue.gif) 11px 8px no-repeat; padding:0; margin:0; }

 /* the tier above this one is hovered */
.nav-menu li:hover li a,
.nav-menu li:hover li span,
.nav-menu li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li span,
.nav-menu li:hover li:hover li a,
.nav-menu li:hover li:hover li span,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a,
.nav-menu li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{ padding-bottom:5px; margin-bottom:0px; color: #037ABC; background: transparent url(../images/tl-corner.gif) left top no-repeat;}

/* this tier is selected */
.nav-menu .AspNet-Menu-Selected { color: #037ABC !important; background: white url(../images/tl-corner.gif) left top no-repeat;  }

/* a tier below this one is selected */
.nav-menu .AspNet-Menu-ChildSelected { color: #037ABC !important; background: white url(../images/tl-corner.gif) left top no-repeat !important;  }

/* a tier above this one is selected */
.nav-menu .AspNet-Menu-ParentSelected { /* border: solid 1px #0000ff !important; */ }

/* a child of a parent selected */
.nav-menu .AspNet-Menu-Leaf .AspNet-Menu-Selected { z-index:98; color: #ffffff !important; background:#5EB6E6 url(../images/plus-white.gif) 11px 8px no-repeat !important; }
.nav-menu .AspNet-Menu-WithChildren { padding-bottom:5px !important; margin-bottom:-4px; }


/* This style sheet is intended to contain RARELY CHANGED rules used when the Menu control adapter is enabled. */
ul.AspNet-Menu { position: relative; } ul.AspNet-Menu, ul.AspNet-Menu ul { margin: 0; padding: 0; display: block; }
ul.AspNet-Menu li { position: relative; list-style: none; float: left; }
ul.AspNet-Menu li a, ul.AspNet-Menu li span { display: block; text-decoration: none; }
ul.AspNet-Menu ul { position: absolute; visibility: hidden; z-index:98; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul, ul.AspNet-Menu li.AspNet-Menu-Hover ul ul { visibility: hidden; }

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{ visibility: visible; }

/* LEFT Navigation 

#nav-left ul li { margin:0 0 15px 0; padding:0; font-weight:bold; }
#nav-left ul ul { margin:5px 0 0 0; }
#nav-left ul ul li { margin:2px 0 2px 0; font-size:80%; font-weight:normal; }*/
.nav-left-menu div.AspNet-TreeView ul { padding: 0px 0 2px 0px; margin:0;}
.nav-left-menu div.AspNet-TreeView ul li { padding: 2px 0 10px 0; margin:0; }
.nav-left-menu div.AspNet-TreeView ul ul li { padding: 1px 0 1px 0; margin:0; }
.nav-left-menu div.AspNet-TreeView ul ul { padding: 7px 0 4px 0px; margin:0; font-size:9pt; font-weight:normal; }
.nav-left-menu div.AspNet-TreeView ul ul ul { padding: 2px 0 2px 0px; margin:0; font-size:9pt; }
.nav-left-menu div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 2px 0 0; }
.nav-left-menu div.AspNet-TreeView li a { text-decoration: none; display:inline-block; padding:0 0 6px 0; margin:0; background: url(../images/horizontal_dots.gif) 0px 15px repeat-x; }
.nav-left-menu div.AspNet-TreeView li li a { text-decoration: none; padding:0 15px 0 0; margin:0; background:none; }
.nav-left-menu div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 0px; padding-left:15px; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-Collapse { background: url(../images/minus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-Expand { background: url(../images/plus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-left-menu div.AspNet-TreeView .AspNet-TreeView-Selected { background:none !important; }
.nav-left-menu div.AspNet-TreeView ul ul .AspNet-TreeView-Selected { position:relative; font-weight:bold; background: url(../images/selected_arrow_white.gif) 6px 5px no-repeat !important; }
.nav-left-menu div.AspNet-TreeView ul .AspNet-TreeView-Selected { position:relative; font-weight:bold; background:none; }
.nav-left-menu .AspNet-TreeView-ChildSelected { background-color: transparent !important; }
.nav-left-menu .AspNet-TreeView-ParentSelected { background-color: transparent !important; }

/* RIGHT Navigation
#nav-right ul { margin:0; padding:0; }
#nav-right li { float:left; width:30px; padding:0 0 0 2px; margin:0; }
#nav-right a { display:block; width:30px; height:30px; padding:2px 0 0 5px; margin:0; color:#ffffff; background-image: url(../images/bg/bg_box.gif); background-position:left top; background-repeat:no-repeat; }
#nav-right span { display:none; }
#nav-right .selected { background-image: url(../images/minus_white.gif); background-position:8px 14px; background-repeat:no-repeat; }
*/
.nav-right-menu div.AspNet-TreeView ul { margin:0; padding:0; }
.nav-right-menu div.AspNet-TreeView ul li { float:left; width:30px; padding:0 0 0 2px; margin:0; }
.nav-right-menu div.AspNet-TreeView ul ul li { padding: 1px 0 1px 0; margin:0; }
.nav-right-menu div.AspNet-TreeView ul ul { padding: 12px 0 2px 0px; margin:0; font-size:9pt; font-weight:normal; }
.nav-right-menu div.AspNet-TreeView ul ul ul { padding: 2px 0 2px 0px; margin:0; font-size:9pt; }
.nav-right-menu div.AspNet-TreeView ul li img { border: none; vertical-align: middle; margin: 0 2px 0 0; }
.nav-right-menu div.AspNet-TreeView li a { text-decoration:none; display:block; width:20px; height:25px; padding:2px 0 0 5px; margin:0; color:#ffffff; background-image: url(../images/bg/bg_box.gif); background-position:left top; background-repeat:no-repeat; }
.nav-right-menu div.AspNet-TreeView li li a { text-decoration: none; padding:0; margin:0; }
.nav-right-menu div.AspNet-TreeView li.AspNet-TreeView-Leaf { margin-left: 0px; padding-left:0px; }
.nav-right-menu div.AspNet-TreeView .AspNet-TreeView-ClickableNonlink { cursor: pointer; }
.nav-right-menu div.AspNet-TreeView .AspNet-TreeView-Collapse { background: url(../images/minus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-right-menu div.AspNet-TreeView .AspNet-TreeView-Expand { background: url(../images/plus_white.gif) 1px 3px no-repeat; width: 15px; float:left; cursor: pointer; }
.nav-right-menu div.AspNet-TreeView span { display:none; }
.nav-right-menu .AspNet-TreeView-NextNode { background: url(../images/selected_arrow_white.gif) 13px 14px no-repeat !important; }
.nav-right-menu .AspNet-TreeView-Selected { font-weight:bold; background: url(../images/minus_white.gif) 6px 13px no-repeat !important; }
.nav-right-menu .AspNet-TreeView-ChildSelected { background-color: transparent !important; }
.nav-right-menu .AspNet-TreeView-ParentSelected { background-color: transparent !important; }

/* This style sheet is intended to contain RARELY CHANGED rules used when the TreeView control adapter */
.AspNet-Menu-Vertical ul.AspNet-Menu li { width: 100%; }
div.AspNet-TreeView { margin: 0; padding: 0; }
div.AspNet-TreeView ul { list-style: none; margin: 0; padding: 0; }
.AspNet-TreeView-Show {}
.AspNet-TreeView-Hide { display:none; }