/* COMMON */
html,body{
height: 100%;
margin: 0;
font-size: 14px;
font-family: arial,helvetica,verdana;
text-decoration: none;
}
#body_table{
margin: auto;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}
.container{
width: 980px;
margin: auto;
text-align: left;
}
.spacer{
clear: both;
margin: 0;
padding: 0;
line-height: 0;
}
.bold{
font-weight: bold;
}
a{
cursor: pointer;
outline: none;
}
img{
border: none;
}
strong{
font-weight: normal;
}
.centered{
text-align: center;
}
.left{
float: left;
}
.right{
float: right;
}
.nomargin{
margin: 0;
padding: 0;
}
.text_right{
text-align: right;
}

/* PAGE */
td.page{
border-left: 7px solid #FFFFFF;
border-right: 7px solid #FFFFFF;
}

/* COLUMNS */
.columns{
position: relative;
}
td.column_left,
td.column_right{
position: relative;
background-image: url('/images/common/column_left.gif');
background: none;
}
td.column_left{
padding-bottom: 214px; /* PADDING TO ALLOW FOR MULTI-BUY GRAPHIC TO SET AT BOTTOM OF COLUMN */
}

/* UPPERCONTENT */
/* LOWERCONTENT */
.uppercontent,
.lowercontent{
padding: 6px;
color: #000000;
line-height: 18px;
text-align: justify;
}
.uppercontent{
background-image: url('/images/common/upper_content_bg.gif');
background-position: left top;
background-repeat: repeat-x;
}
.uppercontent a,
.lowercontent a{
color: #010101;
}
.uppercontent img.lifestyle{
float: right;
margin-left: 10px;
}
.lowercontent{
padding-top: 24px;
}

/* H1 */
h1{
margin: 0;
padding: 0;
margin-top: 4px;
background-image: url('/images/common/h1_bg.gif');
background-position: right top;
background-repeat: no-repeat;
color: #4d4d4d;
font-size: 24px;
font-weight: bold;
text-align: left;
}
h1 span{
display: block;
padding-top: 4px;
padding-bottom: 4px;
}

/* H2 */
h2{
border-bottom: 2px solid #e0e0e0;
color: #4d4d4d;
font-size: 18px;
font-weight: bold;
}

/* H3 */
h3{
color: #4d4d4d;
font-size: 18px;
font-weight: normal;
}

/* CRUMBTRAIL */
#crumbtrail{
text-align: left;
}
.crumbtrail_inner{
margin-top: 8px;
}
#crumbtrail a{
display: -moz-inline-stack;
display: inline-block;
height: 22px;
background-image: url('/images/common/crumbtrail_a.gif');
background-repeat: no-repeat;
background-position: right center;
background-color: #ff921a;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#crumbtrail a span{
display: -moz-inline-stack;
display: inline-block;
height: 22px;
background-image: url('/images/common/crumbtrail_a.gif');
background-repeat: no-repeat;
background-position: left center;
padding-left: 6px;
margin-right: 6px;
line-height: 22px;
}

/* PROMOTIONS */
.promotions{
padding-top: 3px;
text-align: center;
}

/* SEARCH BASKET LINE */
.search_basket_line{
position: relative;
height: 31px;
margin-top: 1px;
background-color: #4c4c4c;
}

/* SEARCHBOX */
#searchbox{
display: table-cell;
float: right;
height: 23px;
width: 197px;
margin-top: 4px;
margin-right: 21px;
background-image: url('/images/common/searchbox.gif');
background-repeat: no-repeat;
background-color: #FFFFFF;
}
.searchbox_top{
display: none;
}
.searchbox_middle{
zoom: 100%;
position: relative;
left: 9px;
width: 181px;
}
.searchbox_string{
display: table-cell;
float: left;
width: 149px;
height: 12px;
margin-top: 1px;
padding-top: 4px;
border: 1px solid #FFFFFF;
background: transparent;
color: #4c4c4c;
font-size: 11px;
font-weight: bold;
}
.searchbox_submit{
display: table-cell;
float: right;
width: 26px;
height: 19px;
margin-top: 2px;
border: 1px solid #FFFFFF;
border: none;
background-image: url('/images/common/searchbox_submit.gif');
background-repeat: no-repeat;
color: #FFFFFF;
font-size: 0pt;
text-align: left;
cursor: pointer;
}

/* BASKETBOX */
#basketbox{
position: relative;
display: table-cell;
float: right;
width: 273px;
height: 31px;
background-color: #4c4c4c;
}
#basketbox .basketbox_top{
display: table-cell;
float: left;
width: 91px;
height: 31px;
background-image: url('/images/common/basketbox_top.gif');
background-repeat: no-repeat;
}
#basketbox .basketbox_top span{
display: none;
}
#basketbox a{
display: block;
color: #FFFFFF;
text-decoration: none;
}
#basketbox a span.basketbox_items,
#basketbox a span.basketbox_value{
display: block;
font-size: 12px;
text-indent: 14px;
}
#basketbox a span.basketbox_checkout{
position: absolute;
right: 0;
top: 6px;
right: 6px;
display: table-cell;
width: 72px;
border: 1px solid red;
border: none;
background-color: #4c4c4c;
color: #FFFFFF;
font-size: 10pt;
font-weight: bold;
text-transform: uppercase;
text-decoration: underline;
text-align: center;
cursor: pointer;
}

/* BANNER */
#banner{
padding-top: 28px;
position: relative;
}
#banner .logo{
position: absolute;
width: 308px;
height: 63px;
left: 336px;
top: 14px;
cursor: pointer;
}

/* NAV_EXTRA */
#nav_extra{
border-top: 30px solid #e0e0e0;
font-size: 0pt;
}
.nav_extra_top{
display: none;
}
#nav_extra a img{
border-top: 1px solid #FFFFFF;
}

/* NAV_BANNER */
#nav_banner{
padding-top: 8px;
padding-bottom: 8px;
text-align: right;
}
#nav_banner a{
color: #4c4c4c;
text-decoration: none;
}

/* NAV_LEFT */
#nav_left{
width: 170px;
}
.nav_left_top{
height: 43px;
border-top: 2px solid #FFFFFF;
background-image: url('/images/common/nav_left_top.gif');
background-repeat: no-repeat;
color: #4c4c4c;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.nav_left_top span{
display: block;
padding-top: 12px;
}
.nav_left_middle{
}
#nav_left a{
display: block;
width: 170px;
}
.nav_left_lvl1{
border-top: 1px solid #FFFFFF;
background-image: url('/images/common/nav_left_lvl1.gif');
background-position: left bottom;
background-repeat: repeat-x;
background-color: #52779a;
color: #FFFFFF;
text-decoration: none;
}
.nav_left_lvl1 span{
display: block;
padding: 8px;
padding-top: 10px;
padding-bottom: 10px;
}
.nav_left_lvl2{
}
.nav_left_lvl2 span{
}
.nav_left_lvl2:hover,
.nav_left_lvl2:hover span,
.nav_left_lvl2_selected,
.nav_left_lvl2_selected span{
}

/* NAV_HELP */
#nav_help{
width: 170px;
}
.nav_help_top{
height: 43px;
border-top: 15px solid #FFFFFF;
background-image: url('/images/common/nav_help_top.gif');
background-repeat: no-repeat;
color: #4c4c4c;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.nav_help_top span{
display: block;
padding-top: 12px;
}
.nav_help_middle{
}
#nav_help a{
display: block;
width: 170px;
}
.nav_help_lvl1{
border-top: 1px solid #FFFFFF;
background-image: url('/images/common/nav_help_lvl1.gif');
background-position: left bottom;
background-repeat: repeat-x;
background-color: #f49b65;
color: #2e2e2e;
text-decoration: none;
}
.nav_help_lvl1 span{
display: block;
padding: 8px;
padding-top: 10px;
padding-bottom: 10px;
}
#nav_help a.multibuy_left,
#nav_help a.coming_soon{
display: block;
border-top: 5px solid #FFFFFF;
}

/* NAV_FEEDBACK */
#nav_feedback{
width: 170px;
margin-top: 3px;
margin-right: 23px;
padding-bottom: 5px;
border: 1px solid #630460;
background-color: #ececec;
}
.nav_feedback_top{
width: 160px;
margin-left: 5px;
border-bottom: 1px solid #630460;
color: #630460;
font-size: 14px;
font-weight: bold;
}
.nav_feedback_top span{
display: block;
padding-top: 6px;
padding-bottom: 6px;
}
.nav_feedback_middle{
border-top: 4px solid #ececec;
color: #000000;
font-style: italic;
}
#nav_feedback .feedback{
margin-bottom: 10px;
padding-left: 4px;
padding-right: 3px;
text-align: right;
}
#nav_feedback .customer_name{
display: block;
font-weight: bold;
}

/* FOOTER */
#footer{
height: 200px;
margin-top: 4px;
padding-top: 20px;
padding-left: 20px;
border-top: 2px solid #1c4d7c;
background-color: #e0e0e0;
color: #4c4c4c;
}
#footer a{
color: #4c4c4c;
}
#footer .title{
margin-bottom: 8px;
border-bottom: 1px solid #6f6f6f;
font-weight: bold;
}

/* FOOTER: CONTACT DETAILS */
#footer .contact_details{
display: table-cell;
float: left;
width: 348px;
}
#footer .tel_email{
display: table-cell;
float: right;
text-align: right;
}

/* FOOTER: PAYMENT DETAILS */
#footer .payment_options{
clear: both;
display: table-cell;
float: left;
margin-top: 28px;
width: 348px;
}

/* NAV_DEPARTMENTS */
#nav_departments{
display: table-cell;
float: left;
width: 280px;
margin-left: 68px;
}
#nav_departments .nav_departments_top{
margin-bottom: 8px;
border-bottom: 1px solid #4c4c4c;
font-weight: bold;
}
#nav_departments a{
display: block;
margin-right: 14px;
margin-bottom: 4px;
}

/* FOOTER: SITE_BUILT_BY */
#footer .site_designed_by{
clear: both;
padding-top: 26px;
font-weight: bold;
}
#footer #nav_departments .site_designed_by a{
display: inline;
float: none;
margin-right: 0;
}

/* NAV_RIGHT */
#nav_right{
width: 170px;
font-size: 0pt;
}
#nav_right a img{
border-top: 6px solid #FFFFFF;
}

/* SUBSECTIONS */
.subsection{
width: 191px;
margin-top: 4px;
border: 1px solid #b2b2b2;
background-image: url('/images/common/home_sub_bg.gif');
background-position: left bottom;
background-repeat: repeat-x;
}
.subsection a.thumb_name{
display: block;
color: #565656;
text-decoration: none;
text-align: center;
}
.subsection a.thumb_name span{
display: block;
padding-top: 3px;
padding-bottom: 3px;
}
.subsection:hover{
border-color: #630460;
}
.subsection:hover a.thumb_name{
color: #630460;
}

/* PRODUCT THUMBS */
#products{
padding-top: 14px;
font-style: italic;
text-align: center;
}
.product{
width: 204px;
margin-top: 2px;
border: 1px solid #e0e0e0;
padding-top: 6px;
}
.product .inner{
}
#products .product_name{
display: block;
margin-top: 6px;
padding-left: 10px;
padding-right: 10px;
height: 48px;
color: #010101;
font-weight: bold;
}
#products .product_code,
#products .product_moreinfo{
display: table-cell;
float: left;
width: 49%;
margin-top: 12px;
color: #4c4c4c;
text-decoration: none;
text-transform: lowercase;
}
#products .product_moreinfo{
float: right;
text-decoration: underline;
}
#products .product_image{
display: block;
margin-top: 4px;
}
#products .product_price{
clear: both;
display: block;
border: 1px solid #FFFFFF;
border-top: 10px solid #FFFFFF;
background-color: #4c4c4c;
color: #FFFFFF;
font-size: 20px;
text-decoration: none;
text-align: right;
}
#products .product_price span{
display: block;
padding: 5px;
}
#products .product:hover{
border-color: #1c4d7c;
}
#products .product:hover .product_price{
background-color: #1c4d7c;
}

/* MAIN IMG */
#main_img{
margin-top: 6px;
margin-right: 20px;
}

/* GALLERY */
#gallery{
width: 370px;
margin-top: 14px;

}
.gallery_main{
display: block;
height: 370px;
background: url('/images/common/gallery_bg.gif') no-repeat center center;
text-align: center;
}
.gallery_main img{
margin-top: 10px;
}
/* GALLERY THUMBS */
.gallery_thumbs{
clear: both;
display: inline;
float: left;
width: 370px;
margin-top: 8px;
}
.gallery_thumbs,
.gallery_thumbs_inner{
background: url('/images/common/gallery_bg.gif') no-repeat left top;
text-align: justify;
}
.gallery_thumbs_inner{
margin-top: 18px;
padding-bottom: 18px;
padding-left: 18px;
padding-right: 18px;
background-position: left bottom;
}
.gallery_thumbs a{
display: -moz-inline-stack;
display: inline-block;
border: 6px solid #FFFFFF;
}
.gallery_thumbs a img{
border: 1px solid #e0e0e0;
}
.gallery_thumbs a:hover img{
border-color: #1c4d7c;
}

/* MAIN DESCRIPTION */
#main_description{
padding-top: 6px;
text-align: justify;
}

/* EXTRA DESCRIPTION */
.extra_description{
clear: both;
display: inline;
float: left;
width: 600px;
}
.extra_description,
.extra_description_inner{
background: url('/images/common/order_bg.gif') no-repeat left top;
text-align: justify;
}
.extra_description_inner{
margin-top: 18px;
padding-bottom: 18px;
padding-left: 18px;
padding-right: 18px;
background-position: left bottom;
}
.extra_description h1,
.extra_description h1 span{
margin: 0;
padding: 0;
background: none;
}
.extra_description h1{
margin-bottom: 10px;
}

/* ORDER */
#order{
clear: both;
display: inline;
float: left;
width: 600px;
margin-top: 10px;
margin-bottom: 18px;
border-bottom: 1px solid #FFFFFF;
background-image: url('/images/common/order_bg.gif');
background-repeat: no-repeat;
background-position: left top;
color: #272727;
}
#order .inner{
zoom: 100%;
margin-top: 18px;
padding-bottom: 18px;
padding-left: 18px;
padding-right: 18px;
background-image: url('/images/common/order_bg.gif');
background-repeat: no-repeat;
background-position: left bottom;
}
#order .order_product{
clear: both;
border-bottom: 1px solid #e0e0e0;
}
#order .order_product_bottom{
clear: both;
}
#order .order_product_common_name{
padding-bottom: 16px;
color: #5f0000;
font-weight: bold;
text-align: center;
text-decoration: underline;
}
#order .order_product_name{
display: inline;
float: left;
font-weight: bold;
}
#order .order_product_code{
display: inline;
float: left;
margin-left: 12px;
padding-top: 1px;
color: #808080;
}
#order .order_product_pricing{
display: block;
}
#order .order_product_rrp,
#order .order_product_price,
#order .order_product_vat{
display: inline;
float: left;
margin-top: 1px;
margin-bottom: 6px;
color: #272727;
color: #1c4c7c;
font-size: 16px;
font-weight: bold;
}
#order .order_product_rrp{
padding-right: 16px;
color: #1c4c7c;
text-decoration: line-through;
}
.out_of_stock{
padding-top: 14px;
font-weight: bold;
text-align: right;
}
#order .order_submit{
text-align: left;
margin-top: 12px;
height: 28px;
}
#order .order_button{
display: -moz-inline-stack;
display: inline-block;
float: left;
width: 122px;
height: 26px;
padding: 0;
padding-bottom: 1px;
border: 1px solid #FFFFFF;
border: none;
background: url('/images/common/order_button_bg.gif') left bottom no-repeat #1c4c7c;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}
#order .order_quantity{
display: -moz-inline-stack;
display: inline-block;
float: left;
margin-left: 4px;
line-height: 24px;
}
#order .order_quantity_input{
display: -moz-inline-stack;
display: inline-block;
float: left;
width: 26px;
height: 22px;
margin-left: 4px;
border: 1px solid #808080;
font-size: 14px;
font-weight: bold;
line-height: 24px;
text-align: center;
}

/* TECH SPEC */
table.tech_spec{
border-left: 1px solid #e3e3e3;
}
table.tech_spec th{
padding: 6px;
background-color: #1d4d7d;
color: #FFFFFF;
}
table.tech_spec td{
padding: 6px;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
table.tech_spec td.data{
font-style: italic;
}

/* OFFERS */
a.ishop_offer,
div.ishop_offer{
display: none;
}

/* MULTI-BUY */
.multibuy_promo{
clear: both;
width: 562px;
height: 119px;
background: url('/images/common/multi-buy_bg.gif') no-repeat;
color: #4d4d4d;
font-size: 16px;
font-weight: normal;
}
.multibuy_promo .inner{
padding-top: 40px;
padding-left: 10px;
line-height: 22px;
}
.multibuy_promo b{
display: block;
margin-top: 8px;
}

/* IMPORTANT */
.important{
border: 2px solid #bf191d;
background: url('/images/common/important_bg.gif') no-repeat center 6px;
font-size: 18px;
text-align: center;
}
.important_inner{
padding: 8px;
padding-top: 48px;
}

/* PRODUCT LEFT */
.product_left{
display: inline;
float: left;
width: 370px;
}
/* PRODUCT RIGHT */
.product_right{
display: inline;
float: right;
width: 600px;
margin-top: 14px;
}
/* PRODUCT BOTTOM */
.product_bottom{
clear: both;
}

/* PRODUCT RING */
#product_ring{
width: 944px;
height: 34px;
margin-left: 22px;
background-image: url('/images/common/product_ring_bg.gif');
background-color: #e3e3e3;
}
#product_ring a{
display: block;
width: 49%;
color: #000000;
font-size: 11px;
background-repeat: no-repeat;
}
#product_ring a span{
padding-top: 10px;
display: block;
padding-bottom: 10px;
}
#product_ring a.previous{
display: inline;
float: left;
text-align: left;
background-image: url('/images/common/product_ring_prev.gif');
background-position: left center;
}
#product_ring a.previous span{
padding-left: 30px;
}
#product_ring a.next{
display: inline;
float: right;
text-align: right;
background-image: url('/images/common/product_ring_next.gif');
background-position: right center;
}
#product_ring a.next span{
padding-right: 30px;
}
.product_ring_bottom{
clear: both;
}

/* CALLBACK REQUEST */
.callback{
display: inline;
float: left;
width: 630px;
height: 110px;
margin-top: 22px;
background: url('/images/common/callback_bg.gif');
}
.callback form{
margin: 0;
padding: 0;
margin-top: 20px;
margin-left: 4px;
}
.callback p{
display: inline;
float: left;
margin-left: 5px;
margin-right: 5px;
}
.callback p b{
display: block;
}
.callback p input{
width: 100px;
padding: 4px;
border: 1px solid #272727;
}
.callback .submit{
display: inline;
float: left;
width: 20px;
padding-top: 26px;
border: 1px solid red;
border: none;
background: transparent;
color: #272727;
font-size: 20px;
font-weight: bold;
cursor: pointer;
}
.callback .success{
padding-top: 12px;
font-size: 18px;
text-align: center;
}