@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; color:#fff; margin: 5px 0 0 0;}

/* 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:#fff;}
a:focus {outline:none;}

/* PAGE LAYOUT */

#main_container{ background: url(/images/bg.gif) repeat-y center; width: 99%; }
#page_container{ width: 980px; margin: 0 auto; border-bottom: 2px solid #bababa; background: url(/images/left_bg.jpg) no-repeat bottom left;   }
#left{ padding: 0 0 335px 0; width: 236px; text-align: left; font-size: 14px; float: left; position:relative; }
#right{ background: #0c0c0c url(/images/bg.gif) repeat-y top right; width: 744px; float: left; position:relative; }
#right img{ border: 2px solid #FFE21B; margin: 5px; }

#above_header{ width: 744px; height: 26px; background:  #333 url(/images/above_header.jpg) no-repeat top right; }
#header{ background: #333333 url(/images/header_image.jpg) no-repeat bottom left; width: 742px; height: 152px; font-size: 12px; color: #fff; border: 2px solid #bababa; border-width: 0 2px 0 0 }
#content_box{padding: 40px 20px 10px 20px; background: #0c0c0c url(/images/content_background.jpg) no-repeat; font-size: 12px; color: #fff; border: 2px solid #bababa; border-width: 0 2px 0 0 }

/* LEFT STYLES */

#left #top_logo{ width:236px; height:153px; background:url(/images/custom_transformers_logo.gif) no-repeat; }
#left #top_logo a{ display: block; width:236px; height:93px; text-indent:-9000px; }


/* MAIN NAVIGATION */
#left ul{ list-style-type:none; margin:0; padding:0; }
#left li{ list-style-type: none; margin:0; padding:0; }

#left li a{ font-size: 14px; position:relative; color: #000; padding: 4px 0 4px 15px; display: block; border-bottom: 1px solid #bababa; text-decoration: none; }
#left li a span{  background: #000; height: 4px; width: 9px; float: left; margin-right: 5px; margin-top: 6px; }

#left li a{ background: url(/images/nav_btns.gif) repeat-x 0 0; }
#left li a:hover{ background: url(/images/nav_btns.gif) repeat-x 0 -24px; }
#left li a:active{ background: url(/images/nav_btns.gif) repeat-x 0 -24px; }
#left li a.selected{ background: url(/images/nav_btns.gif) repeat-x 0 -48px; }

#left li a:hover span{ background: #fff; }

/* SUB NAVIGATION */

#left ul ul{ border-top: 2px solid #000; }

#left ul ul li a{ position:relative; color: #000; padding: 4px 0 4px 35px; display: block; border-bottom: 1px solid #bababa; text-decoration: none; font-size: 13px; }

#left ul ul li a{ background: url(/images/nav_btns_2.gif) repeat-x 0 0; }
#left ul ul li a:active{ background: url(/images/nav_btns_2.gif) repeat-x 0 -24px; }
#left ul ul li a:hover{ background: url(/images/nav_btns_2.gif) repeat-x 0 -24px; }
#left ul ul li a.selected{ background: url(/images/nav_btns_2.gif) repeat-x 0 -48px; }

#left ul ul li a span{ background: #000; height: 4px; width: 9px; float: left; margin-right: 5px; margin-top: 6px; }



/* RIGHT STYLES */

#right{ line-height: 18px;  }

#right ul{ list-style-type: none; margin: 3px 10px; padding:0; }
#right li{ list-style-type: none; margin: 0; padding: 3px 0 3px 20px; background: url(/images/bullet.gif) no-repeat 3px 5px; width: 80%; }

/* FOOTER STYLE */

#footer{ background: #333333 url(/images/footer_bg.gif) no-repeat left 5px; width: 960px; height: 32px; margin: 0 auto; padding: 5px 10px 0 10px; color: #fff; font-size: 11px; position:relative; }
div.fleft{ margin-top: 5px; }


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

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

/* PRODUCT CONTAINER BOXES for list and gallery views */
.product_container {width:100%; position:relative; margin:5px 0;}
.product {display:block; margin:5px 0; border:1px solid #dcecf0; background:#f6fafb;}
.product .imgholder {margin:0 0 5px 5px;}
.prod_list {width:100%;}
.prod_gallery {width:49%; max-height:185px; min-height:185px; overflow:hidden;}
.product_container .prod_gallery {}
.prod_title {margin-bottom:5px; display:block; width:100%; height:35px;}
.prod_title a {display:block; padding:4px; background:#DFECF0 url(/images/bg_prod_title.gif) repeat-x left bottom;}
.prod_price_row {margin-bottom:5px; display:block; margin:0 0 5px 0;}
.prod_desc {display:block; color:#333; max-height:90px; overflow:hidden; margin-right:5px;}	

/* THUBNAIL IMAGE CONTAINER */
.imgholder {width:132px; max-width:132px; height:132px; max-height:132px; 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:solid 1px #dcecf0; background:#fff}
.imgholder a:hover img {border:solid 1px #b1c8ce;}

/* 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 {color:#fff; vertical-align:middle; background: #2c2c2c; border: 1px solid #666; padding: 2px 0; }
label {vertical-align:middle;}
input.button {vertical-align:top;}
.button2 {vertical-align:top; margin:5px; display:block;}
select {color: #fff; font-size:1em; background: #2c2c2c; border: 1px solid #666; padding: 2px 0; width: 267px;}
textarea { color: #fff; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; background: #2c2c2c; border: 1px solid #666; padding: 2px 0;}
img.button {margin:5px;}
select.side {max-width:160px; width:160px;} /* 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:#FF6600;}
.price_now_inc {font-size:0.7em; color:#FF6600;}
/* VAT prices */
.price_exvat {color:#FF6600; font-weight:bold;}
.price_exvat_lrg {font-size:1.2em;}
.price_incvat {font-size:1em; color:#FFA647;}
/* Normal prices */
.price_preword {color:#FF6600;}
.price_postword {color:#FF6600;}

/*************************
* 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:#517089; 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 {background:#fff url(/images/product_sum_c.gif) repeat-x left bottom; border:1px solid #dbe3e6; border-bottom:none; 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; background:transparent url(/images/loading.gif) no-repeat center center; position:absolute; top:8px; left:8px;}
#prod_img a {color:#517089;}
#prod_img a:hover {text-decoration:none; color:#000;}
#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;}

/* PRODUCT PAGE OPTIONS - RADIO OPTIONS */
.radioopts .radiobut {border:1px solid #cfe2e6; 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:#000; width:100%; min-height:45px; margin-top:1px;}
.radioopts .radiobut label#clicked {background:#f5fafc;}
.radioopts .radiobut label:hover {cursor:pointer; cursor:hand; background:#fffcf6;}
.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:#517089; font-weight:bold; vertical-align:middle;}
#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:#517089; 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:#517089; font-weight:bold;}
#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;}
#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:#517089; text-decoration:none; text-align:center; display:block;}
.speach .tip {width:13px; height:12px; position:absolute; top:-12px; left:24px; background:url(/images/speach_tip.png);}
#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 {position:relative; clear:both;}
#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:30px; background:#DFECF0 url(/images/bg_header_bar7.gif) repeat-x; border:1px solid #ddd;}
#product_listing .searchbar_viewsort .view_as, #product_listing .searchbar_viewsort .sort_by {position:absolute; top:4px; height:20px; padding:2px 0 0 0;}
#product_listing .searchbar_viewsort .view_as {left:5px;}
#product_listing .searchbar_viewsort .sort_by {right:5px;}
#product_listing .searchbar_viewsort a:link, #product_listing .searchbar_viewsort a:visited, #product_listing .searchbar_viewsort a:active {border:1px solid #DFECF0; padding:2px;}
#product_listing .searchbar_viewsort a:hover {background:#fff; border:1px solid #b1c8ce; text-decoration:none;}
#product_listing .searchbar_viewsort a.selected {background:#fff; border:1px solid #b1c8ce;}
#product_listing .searchbar_refine {position:relative; display:block; background:#fff url(/images/bg_crumbs.gif) repeat-x top; height:25px;}
#product_listing .searchbar_refine .search_within, #product_listing .searchbar_refine .page_chooser {position:absolute; top:0px; height:20px;}
#product_listing .searchbar_refine .search_within {left:5px;}
#product_listing .searchbar_refine .search_within input.search_in {width:100px; border:1px solid #b1c8ce; line-height:12px;}
#product_listing .searchbar_refine .page_chooser {right:5px; padding:4px 0 0 0;}
#product_listing .searchbar_refine .page_chooser a {background:#fff; border:1px solid #DFECF0; padding:2px 5px;}
#product_listing .searchbar_refine .page_chooser a:hover {border:1px solid #b1c8ce;}
#product_listing .foot {background:#fff url(/images/bg_searchbar_foot.gif) repeat-x bottom; height:33px;}
#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 #cbdce1; border-width:1px 0px 0px 1px;}
.formtable td {border:1px solid #dcecf0; border-width:0px 1px 1px 0px; background:#fff; height:30px; padding:0 10px;}
.formtable .heading td {background:#DFECF0; border:1px solid #FFF; border-color:#fff #b1c8ce #b1c8ce #fff; font-weight:bold; height:35px;}
.formtable i {font-weight:normal; color:#517089;}
.formtable .highlight td  {background:#f6fafb; 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:#0c0c0c url(/images/error.gif) no-repeat 3px 2px; color: #cc0000; font-weight: bold; border:1px solid #cc0000; text-indent:22px; margin:5px 0; padding:3px; font-size:1.2em; position:relative; text-align:left;} 
div.confirm {margin:15px 10px 15px 0px; width:100%; font-size:0.8em; }