/*** main body style ***/
body {font-family: Arial, Helvetica, Tahoma; font-size: 14px; font-style: normal; font-weight: normal; color: #666666; margin: 0px; padding: 0px; background-color: #FFFFFF; line-height: 16px; text-align: center;}


/* font styles */
P {font-family: Arial, Helvetica, Tahoma; font-size: 14px; font-style: normal; font-weight: normal; color: #666666;}
TD {font-family: Arial, Helvetica, Tahoma; font-size: 14px; font-style: normal; font-weight: normal; color: #666666;}

A:link {color: #f1a33b; text-decoration: none;}
A:visited {color: #f1a33b; text-decoration: none;}
A:hover {color: #C81818; text-decoration: none;}

A.white:link {color: #FFFFFF; text-decoration: none;}
A.white:visited {color: #FFFFFF; text-decoration: none;}
A.white:hover {color: #E88D23; text-decoration: none;}

A.blue:link {color: #0D2753; text-decoration: none;}
A.blue:visited {color: #0D2753; text-decoration: none;}
A.blue:hover {color: #E88D23; text-decoration: none;}

A.grey:link {color: #666666; text-decoration: none;}
A.grey:visited {color: #666666; text-decoration: none;}
A.grey:hover {color: #E88D23; text-decoration: none;}

A.red:link {color: #C81818; text-decoration: none;}
A.red:visited {color: #C81818; text-decoration: none;}
A.red:hover {color: #E88D23; text-decoration: none;}

A.orange:link {color: #f1a33b; text-decoration: none; font-size: 14px; font-weight:bold;}
A.orange:visited {color: #f1a33b; text-decoration: none; font-weight:bold;}
A.orange:hover {color: #C81818; text-decoration: none; font-weight:bold;}

UL {margin-top: 5px; margin-bottom: 5px; list-style-type: disc; list-style-position: outside; list-style-image: url(/images/bullet2.gif);}
LI {margin-left: -20px; padding-bottom: 1px;}

UL.news {margin-top: 0px; margin-bottom: 0px;}
LI.news {margin-left: -38px; margin-top: 2px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/bullet.gif) no-repeat /*down*/ 0px /*down*/ 3px; font-weight: normal; font-size: 13px; padding: 0 0 0 12px;}
LI.newsline {margin-left: -38px; margin-bottom: 3px; list-style-type: none; list-style-position: outside; list-style-image: none;}

LI.level1 {margin-left: -38px; margin-top: 2px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/bullet_butterfly.gif) no-repeat /*down*/ 0px /*down*/ 0px; font-weight: bold; font-size: 13px; padding: 0 0 0 22px;}
LI.level2 {margin-left: -38px; margin-top: 2px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/icons/dash.gif) no-repeat /*down*/ 0px /*down*/ 0px; font-weight: normal; font-size: 13px; padding: 0 0 0 12px;}

LI.level1 A:link {color: #0D2753; text-decoration: none;}
LI.level1 A:visited {color: #f1a33b; text-decoration: none;}
LI.level1 A:hover {color: #E88D23; text-decoration: none;}

LI.level2 A:link {color: #0D2753; text-decoration: none;}
LI.level2 A:visited {color: #f1a33b; text-decoration: none;}
LI.level2 A:hover {color: #0D2753; text-decoration: none;}


h1 {caption: Header 1 Text; font-size: 25px; font-style: normal; font-weight: normal; color: #FF6600; line-height: 19pt; padding: 0px; margin: 0px 0px 10px 0px;}
h2 {caption: Header 2 Text; font-size: 20px; font-style: normal; font-weight: normal; color: #666666; padding: 0px; margin:  0px 0px 10px 0px; line-height: 1.2em;}
h3 {caption: Header 3 Text; font-size: 15px; font-style: normal; font-weight: bold; color: #666666; padding: 0px; margin:  0px 0px 10px 0px; line-height: 1.2em;}

.large_bold {caption: body text (large - bold); font-size: 17px; font-weight: bold; line-height: 1.5em;}
.bigger {caption: body text (normal); font-size: 14px;}
.medium {caption: body text (medium); font-size: 13px;}
.smaller {caption: body text (smaller); font-size: 12px; line-height: 13px;}
.price_big {caption: Price text (big red);color: #C42026; font-size: 22px; font-weight: bold;}
.price_medium {caption: Price text (medium red);color: #C42026; font-size: 15px;}
.vat_medium {caption: Price text (medium red);color: #C42026; font-size: 15px; font-weight: bold;}
.price {font-size: 14px; color: #0D2753; font-weight: bold;}
.price_vat {font-size: 13px; color: #0D2753;}
.medium_grey {caption: body text (medium grey); font-size: 13px; color: #999999;}
.dark_grey {font-size: 12px; color: #818181;}
.bold {font-weight: bold;}
.special_offer {caption: Special offer text (medium red); color: #C42026; font-size:13px; font-weight: bold; }

.btredbold {font-weight: bold; color: #CC0000;}
.stg {font-size: 13px; color: #999999;}

.sectionhtml_body A:link {color: #0D2753; text-decoration: none;}
.sectionhtml_body A:visited {color: #0D2753; text-decoration: none;}
.sectionhtml_body A:hover {color: #E88D23; text-decoration: none;}

#phone {color: #456862; font-size: 16px; font-weight: bold; margin-top: 8px;}
.form {border-style: inset ; border-width: 0px; padding: 1px; font-size: 14px;}
.form_news {border-style: inset ; border-width: 1px; padding: 0px; font-size: 12px width: 133px;}
.searchform {border-style: inset ; border-width: 1px; padding: 0px; font-size: 13px; width: 117px; color: #666666;}
.newsform {border-style: inset ; border-width: 1px; padding: 0px; font-size: 13px; width: 90px; color: #666666;}
.form1 {border-style: inset ; border-width: 1px; padding: 1px; font-size: 14px; background-color: #EBF0F6; font-family: Arial, Helvetica, Tahoma; vertical-align: middle;}
.productguideform {border-style: inset; border-width: 1px; padding: 1px; font-size: 14px; background-color: #EBF0F6; font-family: Arial, Helvetica, Tahoma; vertical-align: middle; width: 180px;}

/* left hand menu styles */
UL.lhm {margin-top: 0px; margin-bottom: 0px;}
LI.lhm {padding: 3px 3px 3px 15px; margin-left: -40px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/dash.gif) no-repeat /*down*/ 0px /*down*/ 4px #dde5f3; font-size: 14px; border-bottom: 1px solid #a6b3cb;}
LI.lhm_on {padding: 3px 3px 3px 15px; margin-left: -40px; margin-bottom: 0px; list-style-type: none; list-style-position: outside; list-style-image: none; background: url(/images/dash2.gif) no-repeat /*down*/ 0px /*down*/ 4px #f1a33b; font-size: 14px; border-bottom: 1px solid #a6b3cb;}

/* top nav styles */
#menu_style {width: 740px; float: left; text-align: left; height: 32px; z-index: 100;}
.menu_style_hidden {display:none; z-index: -1;}

#top_menu {margin: 0px; padding: 0px; list-style-image: none; height: 23px; font-size: 12px;}
#top_menu li {display: inline; font-weight: normal; height: 22px; background: url(/images/spacer.gif) no-repeat; padding: 0px 8px 0px 8px;}

#top_menu li a, #top_menu li a:visited {color: #FFFFFF; text-decoration: none; padding: 5px; height: 23px ! important;}
#top_menu li a:hover {color: #FFFFFF; text-decoration: none; background: url(/images/top/nav/nav_bg_f2.gif) repeat-x; padding: 5px;}

#top_menu2 {margin: 0px; padding: 0px; list-style-image: none; height: 32px;}
#top_menu2 li {display: inline; text-transform:capitalize; vertical-align: middle; font-weight: bold; letter-spacing:0.2px; font-family: Arial; font-size:11px; height: 32px; background: url(/images/spacer.gif) no-repeat; padding:  0px 0px 0px 16px;}

#top_menu2 li a, #top_menu li a:visited {color: #f1a33b; vertical-align: middle; font-weight: bold; padding:  0px 8px 0px 8px;}
#top_menu2 li a:hover {color: #666666; vertical-align: middle; font-weight: bold; padding:  0px 8px 0px 8px; }

/*
.top1 a, .top2 a, .top3 a, .top4 a, .top5 a, .top6 a, .top7 a {text-decoration: none; background: url(/images/top/nav/nav_bg_f2.gif) repeat-x; height: 35px;}
.donate2 a {text-decoration: none; background: url(/images/top/donate_bg.gif) repeat-x; height: 35px;}*/


/* general layout styles */
form {display: inline;}
img {border: 0px;}
.img_align_mid {vertical-align: middle;}
.img_align_left {float: left;}
.img_align_right {float: right;}
.clear {clear: both; font-size: 0.1px; background-color: #FFFFFF;}
#clear_top {clear: both; font-size: 0.1px; margin-top: 0px;}
#clear_footer {clear: both; height: 10px; font-size: 0.1px; background-color: #FFFFFF;}
.white {color: #FFFFFF;}

.float_left {float: left;}
.float_right {float: right;}

.align_right {text-align: right;}
.align_center {text-align: center;}

#page_wrapper {text-align: center; background: #FFFFFF; width: 740px; padding: 10px; height: auto; margin-top: 5px; position: relative; margin-left: auto;	margin-right: auto;}

#top {height: 66px; text-align: left;}
#logo {float: left; height: 66px;}
#top_right {float: right; height: 66px; text-align: right;}
#misc {font-size: 12px; color: #999999; padding-top: 12px; padding-right: 10px;}
#top_nav {padding-top: 9px;}
#top_sections {height: 32px;}
#top_sections_old {height: 32px; background: url(/images/top/nav/nav_bg.gif) repeat-x; }
#search_area {background: url(/images/top/search/search_bg.gif) repeat-x; height: 29px;}
#welcome_back {float: left; width: 432px; padding-top: 16px; font-size: 12px; color: #999999; text-align: left;}
#search_box {float: right; width: 308px; height: 29px; background: url(/images/top/search/search_bg2.gif) repeat-x; text-align: left;}

#lhs {float: left; width: 174px; padding-top: 5px; text-align: left;}
.lh_dotted {height: 1px; font-size: 1%; background: url(/images/lhs/lh_dotted.gif) repeat-x;}
#lh_menu_header {background: url(/images/nav_header.gif) no-repeat; padding-left: 33px; color: #FFFFFF; font-weight: bold; padding-top: 5px; padding-bottom: 4px; margin-top: 10px;}
#trolley_box {height: 108px; background: url(/images/lhs/trolley/trolley_bg.jpg) no-repeat; background-position: bottom;}
#trolley_buttons {margin-left: 65px; padding-top: 6px;}
#newsletter_box {background: url(/images/lhs/newsletter_bg.gif) no-repeat; height: 100px; font-size: 13px; line-height: 14px;}
.newsletter_padding {padding-left: 10px;}
#contactus_box {background: url(/images/lhs/contactus_bg.gif) no-repeat; height: 116px; font-size: 13px; line-height: 14px;}
.contactus_padding {padding: 0px 10px 7px 10px;}
#lh_bottom {padding-bottom: 10px;}
.spacer3px {height: 3px; font-size: 1%;}

#product_listing_body {width: 510px; }
#body_area {float: right; width: 557px; margin-top: 0px; text-align: left; font-size: 14px; line-height: 1.2em;}
#title {padding-top: 2px;}
#copy {padding-left: 22px; padding-top: 0px; font-size: 14px;}
#breadcrumb {text-align: right; font-size: 12px; padding-top: 1px; color: #999999; text-align: right;}
#specialoffer_box {background: url(/images/homepage/hp_bg.jpg) repeat-x; height: 188px;}
#specialoffer_im {float: left; width: 246px;}
#specialoffer_info {float: right; width: 309px; height: 186px; border: 1px solid #C5CCD7; background: url(/images/homepage/save_money.gif) no-repeat; background-position: right bottom;}
#specialoffer_padding {padding: 20px 13px 13px 13px;}

.hp_product_box {float: left; width: 30%; text-align: center; padding: 7px;}
.hp_product_title {font-weight: bold; margin-bottom: 4px;}
.hp_product_info {font-size: 14px; line-height: 1.3em; margin-bottom: 4px;}

.padding_left_20 {padding-left: 20px;}

/* layout styles for the product pages */
.nextprevious {background-color: #f0f0f0; height: 24px; width:543px;}
.next {float: right;}
.previous {float: left;}
#pagenation {width: 543px; height: 24px; padding-right: 5px; background-color: #f0f0f0; font-size: 13px;}
#pagenation_left {float: left; width: 100px; height: 24px; padding-top: 6px;}
#pagenation_center {float: left; width: 343px; height: 24px; padding-top: 6px; text-align: center;}
#pagenation_right {float: right; width: 100px; height: 24px; padding-top: 6px; text-align: right;}
.pl_product_box {float: left; width: 175px; padding: 3px; text-align: center; vertical-align: top;}
.pl_product_box_right {width: 30%; text-align: center; padding-left: 5px;}
.pl_product_box_middle {width: 30%; text-align: center;}
.pl_product_title {font-weight: bold; width: 100%;}
.pl_special_offer {font-weight: bold; width: 100%;}
.horizontal_dotted_line {background-image: url(../images/horizontal_dotted_line.gif); float: right; width: 540px; padding-left: 10px;}
.vertical_dotted_line {background-image: url(/images/vertical_dotted_line.gif); float: left; height: 145px; width:1px; vertical-align:middle;}
.product_body {float: left; width: 100%; margin-top: 7px;}
.thumb_images {float:left; margin-right: 10px; margin-bottom: 10px; margin-top: 10px; border: 1px solid #CCCCCC;}
.zoom {float:right; postition:middle;}
.product_description {float: right; width: 250px; padding-top: 0px; text-align: left; padding-left: 8px;}
.form_box {padding:12px;}
.variationsform {font-size: 13px; width: 117px; color: #666666;}
.variation_box { width: 260px; float: right; margin-top:20px;}
.variation_box_top { background-image:url(/images/sizes_bg_top.gif); width: 260px; height:7px; background-repeat:no-repeat; line-height:7px; font-size:7px;}
.variation_box_bottom { background-image:url(/images/sizes_bg_bottom.gif); width: 260px; height:8px; background-repeat:no-repeat; line-height:8px; font-size:8px;}
.variation_box_middle { background-image:url(/images/sizes_bg_middle.gif); width: 260px; /*height: 116px; */}
.variation_form { padding-left: 15px; padding-right:15px; padding-top: 0px; /*height: 100px; */}
#variation_form_titles { width: 206px; margin-left: 15px; padding-top: 6px; font-size:12px;}
#product_image_large_position {float: left; width: 225px; height: 100%; padding-left: 10px;}
#variation_form_elements { width: 206px; margin-left: 50px; padding-top: 5px; font-size:12px;}
#variation_form_add_button { width: 206px; margin-left: 50px; padding-top: 5px; font-size:12px;}
#footer {background: url(/images/footer/footer_bg.gif) repeat-x; height: 23px;}
#features {float: left; width:230px; padding-left: 10px; padding-top: 10px; background-color:#f7f8fa;}
#features_dots {background-image: url(/images/horizontal_dotted_line.gif); float: left; width: 230px; height: 1px; padding-bottom:10 px; padding-left: 10px;}
.sub_nav {background-color: #dde5f3; padding-left: 9px; height:17px; padding-top: 3px; padding-bottom: 3px;}
.sub_nav_orange {background-color: #f1a33b; height:12px; padding-left: 9px; height:17px; padding-top: 3px; padding-top: 3px; color:#FFFFFF;}
.sub_nav_divider {background-color: #a6b3cb; height:1px}


.forgot_password {color: #f1a33b; text-decoration: none; font-size: 12px}
.small_blue_title {font-weight: bold;}
.orange_stars { color: #f19209;	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;}


/* layout styles for the checkout pages */
.quantity {height:24px; padding-left: 175px; text-align:right; vertical-align:super}
.description {width:475px; height:24px; float:left;}
#comment_box_position {float:right; padding-top:140px; width:150px; padding-right:35px;}

.checkout_title_left {text-align: left; font-size: 11px; font-weight: bold; line-height: 1.2em;}
.checkout_title_right {text-align: right; font-size: 11px; font-weight: bold; line-height: 1.2em;}
.checkout_title_center {text-align: center; font-size: 11px; font-weight: bold; line-height: 1.2em;}
.checkout_qty {border-style: inset ; border-width: 1px; padding: 1px; font-size: 14px; background-color: #EBF0F6; font-family: Arial, Helvetica, Tahoma; vertical-align: middle; width: 30px;}
#checkout_stages {height: 20px; width: 557px; margin-bottom: 10px;}


/* search styles */
.search_box {width: 543px;}
.search_no {float: left; width: 26px; padding-left: 6px;}
.search_title {float: right; width: 505px;}
.search_details {padding-left: 38px; padding-bottom: 10px; font-size: 14px; color: #818181;}
.page_numbers {padding-top: 10px; text-align: center;}


/* login Page styles */
.login_form { padding-left: 15px; padding-top: 10px; width: 230px; height: 110px; font-size: 12 px; color: #818181;}
#member_login_box {width: 255px; height: 127px; background-image:url(/images/register_box.gif); float: left;}
#registration_box {width: 225px; height: 110px; float: left; margin-top: 10px;}

#reason_box {float: right; width: 275px; text-align: left; padding-left: 3px;}
#reason_info {width:230px; padding: 10px; background-color: #f7f8fa;}
.features_dots {width: 250px; background-image: url(/images/horizontal_dotted_line.gif); height: 1px; font-size: 0.1%;}

/* registration page styles */
.registration_form {padding-left: 15px; padding-top: 10px; width:464px; height: 200px; float:inherit}
.registration_left {float: left; width: 120px;}
.registration_right {float: left;}
#register_box_checkout1 {width: 255px; height: 127px; background-image:url(../images/register_box.gif); float: left;}
.checkout_spacer {height: 2px;}


/*account pages styles */
.orangetab1 {background: url(/images/icons/taborange1.gif);}
.orangetab2 {background: url(/images/icons/taborange2.gif);}
.orangetabcolour {background-color: #F1A33B;}

.greytab1 {background: url(/images/icons/tabgrey1.gif);}
.greytab2 {background: url(/images/icons/tabgrey2.gif);}
.greytabcolour {background-color: #CACFD8;}

.border_bottom {border-bottom: 1px solid #E3E7EF; vertical-align: top;}
.border_bottom_center {border-bottom: 1px solid #E3E7EF; text-align: center; vertical-align: top;}

.checkout3errorbox {border: 1px solid #F1A53F; background-color: #FFF0DC; padding: 10px;}


.pop_bottomline {background-color: #C6CCD6; height: 8px;}
.pop_paddings {padding-left: 10px; padding-right: 10px;}
#pop_paddings {padding-left: 10px; padding-right: 10px;}


/* dept page styles */
.width_100 {width: 100%;}
#dept_left {float: left; width: 49%;}
#dept_right {float: right; width: 49%;}
.dept_corner {width: 7px; height: 8px;}
.dept_bordertop {border-top: 1px solid #C5CCD7; border-right: 1px solid #C5CCD7;}
.dept_borderbottom {border-bottom: 1px solid #C5CCD7; border-right: 1px solid #C5CCD7;}
.dept_borderleft {border-left: 1px solid #C5CCD7;}
.dept_borderright {border-right: 1px solid #C5CCD7;}

.dept_image {float: left; width: 132px;}
.dept_info {float: right; padding: 10px 8px 5px 2px; width: 120px;}

.abs_pos {position: absolute;}
.promo_bar {background: url(/images/dept/promo_bg.gif) repeat-x; color: #FFFFFF; font-weight: bold; font-size: 14px; height: 23px;}


.box_title {background: url(/images/top/nav/nav_bg.gif) repeat-x #0C2652; color: #FFFFFF; padding-top: 4px; padding-bottom: 2px;}
.padding_10px {padding: 10px;}
.popup_padding {padding: 15px 10px 10px 10px;}
.padding_top30px {padding-top: 30px;}

#pop_box {position: absolute; z-index: 99; top: 220px; left: 220px; border: 1px solid #0A2450; background-color: #FFFFFF; width: 450px;  visibility: show; background: url(/images/pop_bg.gif) repeat-x #DEE6F2;}
#pop_box_cookies {position: absolute; z-index:99; top: 120px; left: 90px; border: 1px solid #0A2450; width: 600px;  visibility: show; background: url(/images/pop_bg.gif) repeat-x #DEE6F2;}
#pop_box_small {position: absolute; z-index: 99; top: 220px; left: 300px; border: 1px solid #0A2450 outset; background-color: #FFFFFF; width: 300px;  visibility: show; background: url(/images/pop_bg.gif) repeat-x #DEE6F2;}

.message_box_width {width: 450px;}
hr {height: 1px; color: #E0E4EA;}
.padding_topbottom10px {padding-bottom: 10px; padding-top: 10px;}
.dotted_hr {background-image:url(/images/horizontal_dotted_line.gif); background-repeat: repeat-x; height: 1px;}

.darkblue_hr {background-color: #0A2450;}



#dropmenudiv {position:absolute; border: 1px solid #c5ccd7; border-bottom-width: 0; line-height:17px; z-index:100; font-family: Arial, Helvetica, Tahoma; font-size: 14px; font-style: normal; font-weight: normal; text-align: left; background-color: #f1a33b;}

#dropmenudiv a {width: 100%; display: block; border-bottom: 1px solid #c5ccd7; text-decoration: none; font-weight: normal; background-color: #dee3e8; color: #0D2753;}

#dropmenudiv a:hover {background-color: #f1a33b; color: #FFFFFF;}

.dropdownitem {padding: 2px 4px 2px 4px;}