@charset "utf-8";
/* STANDARD CSS Only read by front end of website */
* { margin:0; padding:0;}
body { font:100% Arial, Helvetica, sans-serif; background:#333333 url(../images/bg.jpg) repeat-y center; background-attachment:fixed; text-align:center; color:#fff; margin: 0;}

#main_container{ width: 980px; margin:0 auto; text-align: left; }
#container {position:relative; display:block;}
#inner {width:980px; margin: 0; padding:0;}
#left {float:left; position:relative; width:213px; padding:0; background:url(../images/nav_bg.jpg) top left no-repeat; }
#right {float:right; position:relative; width:213px; background-color: #1B1B1B; }
#center {padding: 10px 10px 10px 20px; width:524px; position:relative; float:left; display:block; height:1%;}
#center ul { padding-left:20px;}

#center_shop { width:724px; margin: 0; padding: 10px 10px 30px 30px; position:relative; float:left; display:block; height:1%;}
#container_shop { position:relative; display:block;}

.head {display:block; height:120px; width:980px; background:url(../images/header.jpg) no-repeat; color:#fff;}
.foot {clear:both; position:relative;  background: url(../images/footer_bg.gif) repeat-x; height:36px; text-align:left; color:#fff; padding:2px 10px; font-size:0.9em;}
.foot p { margin:0; color:#ccc;} 
.foot ul { margin:0; padding:0; list-style:none;}
.foot li { margin:0; padding:0; display:inline;}
.foot li a { padding:3px; margin:0 10px 0 -3px; text-transform:uppercase; color:#777; text-decoration:underline; font-size:0.9em}
.foot li a:hover { color:#ccc;}

#shopping{ width:176px; height:45px; float:right; position:relative; margin: -64px 20px 0 5px; padding:35px 0 0 10px; cursor:pointer; }
#searchbar{ width:300px; height:34px; float:left; position:relative; background:url(../images/search_glow.gif) no-repeat top left; margin-top:-4px; padding:0 0 0 21px;}
#simpleSearch{ width:185px; height:18px; font-size:1.1em; background:url(../images/search_bg.gif) no-repeat top left; border:0; color:#FFF; padding:3px 5px 0 5px;}
#searchgobutton{ width:20px; height:25px; background:url(../images/b_go.gif) no-repeat; margin: 4px 0 0 5px;  border:0; cursor:pointer;}
#shopping_content{ padding:0; margin:0; }

/*NAVIGATION*/
#shop_nav_header{ background:url(../images/h_prod_cats.gif) no-repeat; width:213px; height:29px; float:left; position:relative;}
#pages_nav_header{ background:url(../images/h_info_pages.gif) no-repeat; width:213px; height:29px; float:left; position:relative;}
#left ul{ background:#1B1B1B; padding-bottom:10px;}
#left li{ padding:2px 0 2px 30px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; list-style:none;}
#left ul ul{ padding-bottom:0;}
#left li li { padding:2px 0 2px 10px; font-family:Arial, Helvetica, sans-serif; font-size:1.0em; list-style:none;}
#left li li a { color:#CCC;}
#left a#selected { text-decoration:underline; font-weight:bold;}
#shop_button{ width:213px; padding-bottom:20px;}
#contactdetails{ width:183px; padding:5px 0 10px 30px; margin:10px 0; background:#1B1B1B; color:#ccc; font-size:0.9em;}
#protx_banner{ width:213px;}

/*INDEX FEATURED PRODUCTS*/
#featured_header{ background:url(../images/h_featuredproducts.gif) top right no-repeat; width:213px; height:29px; float:right; position:relative;}
.featured_product{ width:168; margin:0 22px;}

#featuredprods { padding:10px 0;}
#featuredprods .prod { border:none; width:168px; overflow:hidden; background-color:#2C2C2C; border-bottom:1px solid #4a4a4a; margin:0 auto 15px auto; text-align:center;}
#featuredprods .desc {padding:0 10px;}
#featuredprods a { display:block; margin-bottom:5px;}
#featuredprods .price_exvat_lrg { margin-bottom:5px;}
#featuredprods img { margin-top:2px;}

#homenews { margin:35px 0; width:510px;}
#homenews ul { margin:10px 0 0 0; padding:0; list-style:none;}
#homenews li {  margin:0 0 10px 0; font-size:0.9em; color:#ccc;}
#homenews a { font-size:1.2em; border-bottom:1px solid #5a5a5a; margin-bottom:4px; display:block;}
#homenews span a { color:#E40000; font-size:0.8em; border:none; padding:0; margin-top:6px;}

/* FLOATING CLASSES */
.fleft{ float:left;}
.fright{ float:right;}
.clear { clear:both; height:0; line-height:0; font-size:1px;}

/* GENERAL LINK COLOURS fleft fright clear */
a:link {color:#fff; text-decoration:none; font-weight:bold;}
a:visited {color:#fff; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline;}
a:active {color:#e40000;}
a:focus {outline:none;}

/* GLOBAL IMAGE STYLES */
img {border:none;}
.middle {vertical-align:middle; border: none;}

/* PRODUCT CONTAINER BOXES for list and gallery views */
.product_container { position:relative; margin:5px 0;}
.product { position:relative; display:block; margin:5px 0; background:#2c2c2c;}
.product .imgholder {margin:5px;}
.prod_list {width:100%;}
.prod_gallery {width:49%; max-height:205px; min-height:205px; overflow:hidden;}
.product_container .prod_gallery {}
.prod_title {display:block; height:18px; padding:4px; font-size:1.4em; overflow:hidden;}
.prod_title a {display:block; padding:4px; background:#2c2c2c url(/images/footer_bg.gif) repeat-x left bottom; font-weight:bold;}
.prod_price_row {margin-bottom:5px; display:block; margin:10px 0 5px 0;}
.prod_desc {display:block; height:90px; width:155px; overflow:hidden; margin-right:5px; color:#CCC; line-height:14px;}	

/* THUBNAIL IMAGE CONTAINER */
.imgholder {width:170px; max-width:170px; height:170px; max-height:170px; display:block; position:relative; overflow:hidden; margin:0 auto 5px auto; z-index:2; text-align:center;}
.imgholder a:link img, .imgholder a:visited img, .imgholder a:active img {border:none; background:#2c2c2c}
.imgholder a:hover img {border:none;}

/* MORE INFORMATION AND VIEW BASKET BUTTONS */
div.button {display:block; height:24px; white-space:nowrap; margin-top:8px; margin-bottom:8px;}
div.button a:link, div.button a:visited {line-height:24px; color:#FFF;}
div.button a:active {color:#FD7A14;}
div.button span {display:block; position:relative; float:left; height:24px;}
span.button_l {background:#616161 url(/images/button_blue_l.gif) no-repeat; width:5px;}
span.button_c{background:#616161 url(/images/button_blue_c.gif) repeat-x; padding:0px 10px; display:inline; text-align:center;}
span.button_r {background:#616161 url(/images/button_blue_r.gif) no-repeat; width:5px;}
.margin {margin-left:20px;} /* Used for the buttons in the side nav */
.moreinfo_small {width:90px;} /* Used for gallery view */
.moreinfo {width:140px;} /* Used for list view */

/* FORM AND INPUT RELATED STYLES */
form {padding:0; margin:0;}
input {font-family:Arial, Helvetica, sans-serif; font-size:1.1em; vertical-align:middle;}
label {vertical-align:middle;}
input.button {vertical-align:top; background: none; border: none;}
.button2 {vertical-align:top; margin:5px; display:block; background: none; border: none;}
select {color:#444; font-size:1em;}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:1.1em;}
img.button {margin:5px;}
select.side {max-width:160px; width:160px; color:#000;} /* Side-nav select boxes */
fieldset.hidden {margin:0; padding:0; border:none;}
legend.hidden {margin:0; padding:0; display:none;}
.wide {width:300px}
.medium {width:200px;}
.narrow {width:120px;}

/* GLOBAL LIST STYLES others defined as and when used */
dl {margin:0;}
dt {padding:3px 0;}
dd {padding:0; margin:0;}
ol {margin:0 0 0 20px; padding:0;}
ol li {list-style:decimal;}

/* PRICE TEXT STYLES */
/* Special offer prices eg NOW £99 WAS £119 */
.price_was {color:#666666;}
.strike {text-decoration:line-through;}
.price_was_preword {color:#666666; text-decoration:line-through;}
.price_was_inc { font-size:0.7em; color:#666;}
.price_now_preword {color:#fff;}
.price_now_inc {font-size:0.7em; color:#fff;}
/* VAT prices */
.price_exvat {color:#fff; font-weight:bold;}
.price_exvat_lrg {font-size:1.3em; font-weight:bold;}
.price_incvat {font-size:1em; color:#fff;}
/* Normal prices */
.price_preword {color:#fff;}
.price_postword {color:#fff;}

/*************************
* product page classes
**************************/

/* PRODUCT PAGE STRUCTURE */
#productspage {font-size:1.2em; position:relative; margin:0 15px;}
#prod_c {background:#e7f0f3 url(/images/products_c.gif) repeat-x left top; position:relative; padding:10px; color:#999; min-height:333px; border:2px solid #fff; border-width:0 2px; margin:0 0 25px 0;}
#prod_c .ptl {width:12px; height:333px; position:absolute; top:0px; left:-2px; background:url(/images/products_tl.gif) no-repeat;}
#prod_c .ptr {width:12px; height:333px; position:absolute; top:0px; right:-2px; background:url(/images/products_tr.gif) no-repeat;}
#prod_c .pbl {width:12px; height:12px; position:absolute; bottom:0px; left:-2px; background:url(/images/products_bl.gif) no-repeat;}
#prod_c .pbr {width:12px; height:12px; position:absolute; bottom:0px; right:-2px; background:url(/images/products_br.gif) no-repeat;} 
#prod_c h1 {font-size:1.7em; margin:0 10px 7px 10px;}
#prod_summary {position:relative; padding:8px 8px 15px 270px;}
#prod_summary .stl {width:10px; height:10px; position:absolute; top:-1px; left:-1px; background:url(/images/product_sum_tl.gif) no-repeat;}
#prod_summary .str {width:10px; height:10px; position:absolute; top:-1px; right:-1px; background:url(/images/product_sum_tr.gif) no-repeat;}
#prod_summary .sbl {width:10px; height:14px; position:absolute; bottom:0px; left:-1px; background:url(/images/product_sum_bl.gif) no-repeat;}
#prod_summary .sbr {width:10px; height:14px; position:absolute; bottom:0px; right:-1px; background:url(/images/product_sum_br.gif) no-repeat;}
#prod_c #logo {position:absolute; top:10px; right:20px; float:none; z-index:10;}

/* PRODUCT PAGE MAIN IMAGE */
#prod_img {width:250px; text-align:center; float:right;}
#prod_img a {color:#999;}
#prod_img a:hover {text-decoration:none; color:#fff;}
#prod_img img#main_image {border:solid 1px #dcecf0; position:relative; min-height:100px; z-index:14;}
#prod_img a:hover img#main_image {text-decoration:none; border-color:#b1c8ce;}
#prod_img img#main_image_dis, #prod_img a:hover img#main_image_dis {text-decoration:none;border:solid 1px #dcecf0;}
#prod_img span#enlarge {display:block; margin:2px 0 0 0; height:18px; font-weight:normal; background:#1b1b1b;}

#prod_content { width:420px; float:left;}
#main_details { background:#1B1B1B; margin-bottom:20px; padding:10px; border:1px solid #1B1B1B;}
#main_details h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.6em;}
#main_details h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.4em; float: left; position:relative;}
#main_details .currency { float: left; position: relative; margin: 4px 0 0 0; }
#main_details #currency_price{ width: 100%; overflow:hidden; }


/* PRODUCT PAGE OPTIONS - RADIO OPTIONS */
.radioopts .radiobut {border:1px solid #555; border-width:0 0 1px 0; vertical-align:middle; position:relative; min-height:46px;}
.radioopts .radiobut input {margin:0 5px 0 0; position:absolute; top:16px; left:5px;}
.radioopts .radiobut a {margin:0 10px 0 0; position:absolute; top:7px; left:26px;}
.radioopts .radiobut b {margin:0 0 0 70px; padding:5px 0; display:block;}
.radioopts .radiobut label {display:block; color:#ff9900; width:100%; min-height:45px; margin-top:1px;}
.radioopts .radiobut label#clicked {background:#444;}
.radioopts .radiobut label:hover {cursor:pointer; cursor:hand; background:#444;}
.radioopts .radiobut label#clicked {cursor:default;}
.radioopts .rad_disabled label {color:#999;}
.radioopts .rad_disabled label:hover {cursor:default; background:#fff;}

/* PRODUCT PAGE OPTIONS - SELECT BOX */
#product_options {margin:20px 0 10px 0;}
#product_options label.big {font-size:1.3em; color:#CCC; font-weight:bold; vertical-align:middle; background:#333;}
#product_options select {width:215px; font-size:1.2em;}
#product_options .ofocus{ border:1px solid #FF9900;}
#product_options .norm{ border: 1px solid #A5ACB2; }

/* PRODUCT PAGE EXTRA INFO BOX */
#product_extra {margin:10px 0; font-size:0.9em;}
#product_extra ul{margin:0; padding:0; list-style-type:none;}
#product_extra li {margin:0 7px; float:left; position:relative; line-height:16px;}
#product_extra li.attrib {margin:0 5px 0 0;}
#product_extra a:link, #product_extra a:visited, #product_extra a:active {color:#999; font-weight:bold; text-decoration:underline;}
#product_extra a:hover {color:#000;}

/* PRODUCT PAGE ADD TO BASKET */
#addtobasket {margin: 10px 0 0 0; height:40px; position:relative;}
#addtobasket #qtybox label.big {position:absolute; left:0px; top:8px; font-size:1.4em; color:#CCC; font-weight:bold; background:#333;}
#addtobasket #qtybox input {position:absolute; left:30px; top:8px; width:33px; border:1px solid #A5ACB2; font-size:1.2em; font-weight:bold; text-align:center; background:#fff;}
#addtobasket input {position:absolute; left:70px; top:5px;}

/* PRODUCT PAGE TAB NAVIGATION */
#product_tabs {z-index:1; position:relative;}
#product_tabs ul {margin:0; padding:0; list-style-type:none;}
#product_tabs li {margin:0; padding:0; display:inline;}
#product_tabs .tab, #product_tabs .tabtext, #product_tabs .tableft, #product_tabs .tabright {float:left; position:relative;} 
#product_tabs .tab {background:#E7EEF0 url(/images/tab_bg.gif) repeat-x; display:inline; margin-right:1px;}
#product_tabs .tab img {vertical-align:middle; margin-top:7px;}
#product_tabs .tabtext {margin:6px 6px 0 2px; display:inline;}
#product_tabs .tableft {background:#E7EEF0 url(/images/tab_left.gif) no-repeat; height:27px; width:4px;}
#product_tabs .tabright {background:#E7EEF0 url(/images/tab_right.gif) no-repeat; height:27px; width:4px;}
#product_tabs .tabicon {margin:0 4px;}
#product_tabs a.tablink:link, #product_tabs a.tablink:visited, #product_tabs a.tablink:active {display:block; color:#232323; cursor:pointer; cursor:hand;}
#product_tabs a.tablink:hover {cursor:pointer; cursor:hand; text-decoration:underline;}
#product_tabs #active .tab {background:#fff url(/images/tab_active_bg.gif) repeat-x; font-weight:bold;}
#product_tabs #active .tableft {background:#fff url(/images/tab_active_left.gif);}
#product_tabs #active .tabright {background:#fff url(/images/tab_active_right.gif);}

/* PRODUCT PAGE TAB CONTENT */
#tab_content {width:99.5%; display:block; border:solid 1px #b1c8ce; margin-top:-1px; background:#fff; z-index:0; color:#000;}
#tab_content #desc_area {border:5px solid #fff;}
#tab_content .desc_area_content {padding:10px;}
#tab_content object, #tab_content embed { background:url(/images/bg_loading.gif) no-repeat center center; display:block;}
#tab_content embed {}
#tab_content .review {padding:10px; border:1px solid #DAE3E7; border-width:1px 3px 3px 1px; background:#fdffff; position:relative; margin:0 0 10px 0;}
#tab_content .review .reviewdate {float:right; position:relative; color:#92A7B7;}
#tab_content #product_review {width:98%; border:1px solid #b1c8ce;}

/* PRODUCT PAGE MORE IMAGES ALT TEXT VIEWER */
.speach {background:#fff url(/images/speach_bg.gif) repeat-x left bottom; border:1px solid #B1C8CE; border-width:1px 2px 2px 1px; padding:3px 6px; position:relative; font-size:11px; font-weight:normal; color:#999; text-decoration:none; text-align:center; display:block;}
.speach .tip {width:13px; height:12px; position:absolute; top:-12px; left:24px;}
#extra_images { width:168px; float:right; margin:20px 0; color:#ccc;}
#extra_images strong { background:#1b1b1b; display:block; padding:3px;}
#extra_images .imgholder .alttext {display:none; position:absolute; left:0px; bottom:0px; text-decoration:none; margin:10px;}
#extra_images .imgholder a:hover .alttext {display:block; cursor:pointer; cursor:hand;}
#tab_content dd { position:relative;}
#tab_content .alttext {display:none; position:absolute; left:0px; bottom:20px; text-decoration:none; margin:0px; z-index:100;}
#tab_content a:hover .alttext {display:block; cursor:pointer; cursor:hand;}


/* SEARCH BOXES HEADER */
.searchresults {font-size:1.2em; font-weight:normal;} /* eg 1 to 14 products displayed out of 14 */
#product_listing {clear:none;}
#product_listing h2 {margin:10px 0 0 0;}
#product_listing .results {font-size:1.2em; font-weight:normal; position:absolute; right:0px; top:-7px;}
#product_listing .searchbar_viewsort {position:relative; display:block; height:24px; padding:6px 8px 2px 8px; background:#1B1B1B; margin:-3px 0 20px 0;}
#product_listing .searchbar_viewsort .view_as, #product_listing .searchbar_viewsort .sort_by { float:left; margin-right:10px; height:20px; padding:2px 0 0 0;}
#product_listing .searchbar_viewsort .view_as {left:5px;}
#product_listing .searchbar_viewsort .sort_by {left:5px;}
#product_listing .searchbar_viewsort a:link, #product_listing .searchbar_viewsort a:visited, #product_listing .searchbar_viewsort a:active {border:1px solid #444; padding:2px;color: #999;}
#product_listing .searchbar_viewsort a:hover {background:#444; border:1px solid #555; text-decoration:none;}
#product_listing .searchbar_viewsort a.selected {background:#444; border:1px solid #555; color:#ffffff;}
#product_listing .searchbar_refine {position:relative; line-height:20px; text-align:right; display:block; font-size:0.9em; color:#ccc;}
#product_listing .searchbar_refine .page_chooser { float:left;}
#product_listing .searchbar_refine .page_chooser a {background:#444; color:#FFF; border:1px solid #555; padding:2px 5px;}
#product_listing .searchbar_refine .page_chooser a:hover {border:1px solid #666;}
#product_listing .searchbar_viewsort .currency{ float:right; position:relative; width:160px;}
#product_listing .foot {background:#333 url(/images/bg_searchbar_foot.gif) repeat-x bottom; height:30px; width:700px;}
#product_listing .foot .page_chooser {top:0px;}
#noresults {margin:0; text-align:left;}
#noresults p {font-weight:bold; margin-top:0; text-align:left;}
#noresults img {vertical-align:middle;}
#noresults li {margin:5px 0; text-align:left; font-weight:normal;}

/* TABLE STYLING mainly used in basket and checkout pages */
.formtable {border:1px solid #666; border-width:1px 0px 0px 1px;}
.formtable td {border:1px solid #555; border-width:0px 1px 1px 0px; background:#333; height:30px; padding:0 10px;}
.formtable .heading td {background:#444; border:1px solid #FFF; border-color:#666 #333 #333 #666; font-weight:bold; height:35px;}
.formtable i {font-weight:normal; color:#999;}
.formtable .highlight td  {background:#444; font-weight:bold;}0
.formtable td.right {text-align:right; padding:0 10px 0 0;}
.formtable .noborder td {border:none; padding:0;}

/* ALERT BOXES Standard error/confirm message box colours*/
div.alert {background:#fefbea url(/images/error.gif) no-repeat 3px 2px; border:1px solid #e40000; text-indent:22px; margin:5px 0; padding:3px; font-size:1.2em; position:relative; text-align:left; color:#333;} 
div.confirm {margin:15px 10px 15px 0px; width:100%; font-size:0.8em; }