/* colors 

*/

/*------------------------------------------------------------STRUCTURE------------------------------------------------------------*/


* {margin:0px; padding:0px;}
body {font-family:Arial, Helvetica, sans-serif; font-size:0.8em; background:url(../_img/bg.jpg) repeat-x ;}
.clear {clear:both; }
P {line-height:120%}
a {color:#ff6600}
a:focus {outline-style:none}
A img {border:none}
blue {color:#60bbf0}
strong {color:#fc9931;font-size:1.5em;line-height:1.6em;}

#content {padding-left:13px; margin-top:17px; margin-bottom:17px; color:#333333}
#leftnav {float:left; width:149px;}
#leftnav UL {width:129px; border-bottom:1px solid #eaf2f7; }
#leftnav UL LI {border-top:#CCCCCC; border-top:1px solid #eaf2f7; padding-bottom:10px; padding-top:10px; list-style:none}
#leftnav UL LI A {display:block; background:url(../_img/bullet.jpg) no-repeat; padding-left:20px; color:#333333; font-weight:bold; text-decoration:none}
#leftnav UL LI A:HOVER {color:#FF6600; }
#mainpanel {float:left; width:819px;}
#leftcol {float:left; width:576px; padding-top:10px;}
#rightcol {float:right; width:231px; }
#rightcol .quote {padding:5px 13px 0px; }
#canvas {width:991px; margin-left:auto; margin-right:auto; background:url(../_img/bg_content.jpg) repeat-x #ffffff; position:relative;}
#header {width:991px; height:165px; background:url(../_img/header.jpg) no-repeat;}

#footer {width:991px; background:#e5f1f7 no-repeat; color: #0274B4; font-size:0.9em; margin-bottom:20px}
#footer P {color:#0274B4; padding:10px; font-weight:bold;}
#footer a {display:block; color:#0274B4; background: #D5E1F7; text-decoration: none; font-weight:bold; width:100%;}
#footer a:hover {background: #f60; color: #fff;}
#footer ul {list-style:none; padding:10px;}
#footer ul ul {padding:0px;}
#footer ul ul li {display:block; width:30%; margin: 5px 10px; float:left;}
#footer ul ul li a {border-bottom:#bdc7d0 1px solid; background: transparent;}
#footer ul ul ul {padding: 10px 0px;}
#footer ul ul ul li {width:100%; margin: 0px;}
#footer ul ul ul li a {border:none;}

.title {width:819px; height:32px; background:url(../_img/bg_title.gif) no-repeat; }
.title H1 {font-size:1.2em; padding-top:8px; padding-left:12px; color:#d1e5f1; font-weight:normal  }
.title H1 A {color:#FFFFFF; font-weight:normal; text-decoration:none }
.title H1 A:HOVER {color:#000000}

.titleright {width:231px; height:31px; background:url(../_img/bg_title_right.jpg) no-repeat; }
.titleright H1 {font-size:1.2em; padding-top:8px; padding-left:12px; color:#d1e5f1; font-weight:normal  }

ul#nav.main {float:left;width:991px;list-style-type:none; position:relative; top:125px; background:url(../_img/bg_nav.jpg) repeat-x; height:40px; text-align:right}
ul#nav.main li {float:right; height:40px; border-right:solid 1px #b4c4d4; border-left:solid 1px #ffffff;  }
ul#nav.main li a {padding:10px 20px; color:#0274b4; font-weight:bold; font-size:1.2em; text-decoration:none; display:block }
ul#nav.main li a:hover, ul#nav.main li a.hover {color:#FF6600;background: url('/_img/trans90.png');}

.button A.addtobasketlg {display:block; width:205px; height:31px; background:url(../_img/button_add_to_basket.png) no-repeat 0px 0px; text-indent:-3000px }
.button A.addtobasketlg:HOVER {background:url(../_img/button_add_to_basket.png) no-repeat 0px -40px; }
.button A.askforquotelg {display:block; width:205px; height:31px; background:url(../_img/button_ask_for_quote.png) no-repeat 0px 0px; text-indent:-3000px }
.button A.askforquotelg:HOVER {background-position:0px -40px; }
a.checkout {display:block;width:86px; height:31px;background:url(../_img/button_checkout.png) no-repeat 0px 0px; text-indent:-3000px }
a.checkout:hover {background-position:0px -40px;}
a.search {display:block;width:71px; height:31px;background:url(../_img/button_search.png) no-repeat 0px 0px; text-indent:-3000px }
a.search:hover {background-position:0px -40px;}
a.update {display:block;width:86px; height:31px;background:url(../_img/button_update.png) no-repeat 0px 0px; text-indent:-3000px }
a.update:hover {background-position:0px -40px;}
a.no {float:right;display:block;width:150px; height:22px;background:url(../_img/button_no_sml.png) no-repeat 0px 0px; text-indent:-3000px }
a.no:hover {background-position:0px -29px;}
a.continue {float:left;display:block;width:85px; height:22px;background:url(../_img/button_continue.png) no-repeat 0px 0px; text-indent:-3000px }
a.continue:hover {background-position:0px -29px;}
a.login {display:block;margin:5px 0px;float:left;width:77px; height:22px;background:url(../_img/button_register.png) no-repeat 0px -29px; text-indent:-3000px }
a.login.submit {background:url(../_img/button_login.png) no-repeat 0px -29px;width:42px;}
a.login:hover {background-position:0px 0px;}
a.sendform {float:left;display:block;width:150px; height:22px;background:url(../_img/button_submit.png) no-repeat 0px 0px; text-indent:-3000px }
a.sendform:hover {background-position:0px -29px;}
a.reset {float:left;display:block;width:94px; height:22px; margin:0px 0px 0px 5px; background:url(../_img/button_reset.png) no-repeat 0px 0px; text-indent:-3000px }
a.reset:hover {background-position:0px -29px;}

.button A.moredetails {display:block; width:150px; height:23px; background:url(../_img/button_more_details.png) no-repeat 0px 0px; text-indent:-3000px }
.button A.moredetails:HOVER {background:url(../_img/button_more_details.png) no-repeat 0px -29px; }

#newsletter {width:231px; height:108px; background:url(../_img/bg_newsletter.jpg) no-repeat}
#newsletter P {color:#FFFFFF; padding-left:15px; padding-top:35px;}
#newsletter INPUT {background:#FFFFFF; border:none; width:200px; padding:4px; font-size:1.2em; color:#333333 }

#search_box {position:absolute;left:275px;top:50px;width:350px;height:30px;background:#24557d;color:#2dcffe;padding:12px;}
#search_box .advanced {position:absolute;top:-20px;right:5px;}
#search_box .advanced a {color:#fff;text-decoration:none;font-weight:bold;}
#search_box input {padding:5px 5px 6px;float:left;}
#search_box .search {float:left;margin-left:10px;}

#basket_info {position:absolute;right:30px;top:50px;width:260px;height:30px;background:#24557d;color:#2dcffe;padding:12px;}
#basket_info .advanced {position:absolute;top:-20px;right:5px;}
#basket_info .advanced a {color:#fff;text-decoration:none;font-weight:bold;float:none;}
#basket_info a, #basket_info p {float:left;}
#basket_info p {margin:7px 0px;width:170px;}
#basket_info .number {color:#fff;font-size:1.1em;font-weight:bold;}

/*--------------------------------------------------- PRODUCT ----------------------------------------------------------------------*/

#product #producthold {width:819px;}
#product #producthold #rightcol .purchase {padding:10px; padding-top:20px; background:url(../_img/bg_rightcol.jpg) repeat-x;}
#product #producthold #rightcol .purchase .quantityhold {margin-bottom:20px;}
#product #producthold #rightcol .purchase P.stock {font-weight:bold; margin-bottom:10px; color:#3ab940; margin-top:10px}
#product #producthold #rightcol .purchase P.saving {font-size:1.1em; font-weight:bold; margin-bottom:10px;}
#product #producthold #rightcol .purchase P.saving SPAN {text-decoration:line-through; margin-right:5px;}
#product #producthold #rightcol .purchase P.price {font-size:2.1em; font-weight:bold; margin-bottom:10px; color:#FF6600}
#product #producthold #rightcol .purchase P.price SPAN {font-weight:normal; font-size:0.8em}
#product #producthold #rightcol .purchase P.price SPAN.VAT {font-size: 0.6em;}/*display: block; float: right; */
#product #producthold #rightcol .purchase select {width:205px;margin:10px auto;}
#product #producthold #leftcol .productpic {float:left; width:326px;position:relative;}
#product #producthold #leftcol .productpic #preview {width:495px;height:250px;position:absolute;top:0px;right:-493px;background:#f00;background-position:center;background-repeat:no-repeat;}
#product #producthold #leftcol .productpic img {width:297px;}
#product #producthold #leftcol .productdescription {float:left; width:250px;}
#product #producthold #leftcol .productdescription UL {margin-top:10px}
#product #producthold #leftcol .productdescription LI {float:left; width:200px; display:block; background:url(../_img/bullet_blue.jpg) no-repeat; padding-left:20px; padding-bottom:5px; color:#333333; font-weight:bold; list-style:none}
#product #producthold #leftcol .iconhold {width:100%; }
#product #producthold #leftcol .iconhold .item {float:left; margin-right:10px; margin-bottom:15px;}
#product #producthold #leftcol .iconhold .item img {height:54px;}
#product #producthold #leftcol .freegifthold {width:576px; height:136px; background:url(../_img/bg_freegift1.jpg) no-repeat;color:#f60; }
#product #producthold #leftcol .freegifthold .text {float:left; color:#FF6600; font-size:1em; font-weight:bold; text-transform:uppercase; padding-top:13px; padding-left:16px; padding-right:10px;}
#product #producthold #leftcol .freegifthold .text SPAN {font-size:3.8em; letter-spacing:-4px}
#product #producthold #leftcol .freegifthold ul {margin:0px 0px 0px 180px;padding:5px 0px; }
#product #producthold #leftcol .freegifthold .item {float:left; padding-top:13px; padding-right:10px;}
#product #producthold #leftcol .freegifthold.small .item {float:left; padding-top:13px; padding-right:1px;}
#product #producthold #leftcol .freegifthold .item img {border:1px solid #d1e4ed; background:#fff;}
#product #producthold #leftcol .freegifthold .item img:HOVER {border:1px solid #ff6600; }
#product #producthold #leftcol .freegifthold .plus {float:left; color:#FF6600; font-size:2em; font-weight:bold; text-transform:uppercase; padding-top:36px; padding-right:10px;}
#product #producthold #leftcol .freegifthold.small .plus {float:left; color:#FF6600; font-size:1.5em; font-weight:bold; text-transform:uppercase; padding-top:36px; padding-right:1px;}
#product #producthold #leftcol .freegifthold .description {float:left; color:#333333; padding-top:13px; width:120px;}
#product #producthold #leftcol .freegifthold .description span {float:left; color:#ff6600; font-size:2em; font-weight:bold}

.promo {margin-top:10px;}
#relatedproducts {margin-top:10px;}
#relatedproducts .hold .item {clear:both;}
#relatedproducts .hold .item A {width:231px; height:83px; background:url(../_img/bg_related.jpg) no-repeat 0px 0px; display:block; text-decoration:none }
#relatedproducts .hold .item A:HOVER {width:231px; height:83px; background:url(../_img/bg_related.jpg) no-repeat 0px -91px; display:block }
#relatedproducts .hold .item .pic {float:left; padding:0px 5px 0px 1px;}
#relatedproducts .hold .item .description {float:left; width:125px; padding-top:5px}
#relatedproducts .hold .item .description H2 {color:#333333; font-size:0.9em; margin:0px;}
#relatedproducts .hold .item .description P {color:#333333; font-size:0.9em}
#relatedproducts .hold .item .description P.price {color:#FF6600; font-weight:bold; font-size:1.05em}
#relatedproducts .hold .item .description P.price span.rrp {color:#333333; text-decoration:line-through; font-weight:normal; padding-right:5px;}

#product .overviewleft {float:left; width:293px; border-right:1px solid #367fb6; margin-top:10px; margin-bottom:10px; }
#product .overviewleft P {padding:30px;}
#product .overviewright {float:right; width:273px; margin-top:10px; margin-bottom:10px;  }
#product .overviewright h2 {padding:30px; color:#FF6600}
#product .images {padding:30px}
#product .images .item {float:left; padding-right:5px; padding-bottom:5px;}
#product .images .item a {width:78px;height:78px;display:block;background:#fff;}/*border:1px solid #d1e4ed;
#product .images .item a:hover {border:1px solid #ff6600;}*/
#product .images .item img {border:1px solid #d1e4ed; }
#product .images .item img:HOVER {border:1px solid #ff6600; }
#product .downloads {padding:30px}
#product .downloads .item {width:100%; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #d1e4ed;}
#product .downloads .item span.icon {float:left; padding-right:20px;}
#product .downloads .item span.downloaddescription {float:left; padding-top:3px; }
#product .downloads .item span.downloaddescription A {color:#333333; text-decoration:none}
#product .downloads .item span.downloaddescription A:HOVER {color:#ff6600}
#product .accessories {padding:5px;}
#product .accessories .item {float:left;}
#product #fancybox-wrap .accessories .item {clear:left;margin:5px 0px;}
#product .accessories .item A {width:275px; height:83px; background:url(../_img/bg_accessories.jpg) no-repeat 0px 0px; display:block; text-decoration:none }
#product .accessories .item A:HOVER, #product .accessories .item A.selected {width:275px; height:83px; background-position: 0px -91px; display:block }
#product .accessories .item .pic {float:left; padding:0px 5px 0px 1px;}
#product .accessories .item .pic img {background:#fff;}
#product .accessories .item .description {float:left; width:125px; padding-top:5px}
#product .accessories .item .description H2 {color:#333333; font-size:0.9em}
#product .accessories .item .description P {color:#333333; font-size:0.9em}

/*--------------------------------------------------- TABS ----------------------------------------------------------------------*/

#product .tabhold h2.tab {padding:0px;margin:0px;}
#product .tabhold h2.tab a {background: url("../_img/bg_tab.png") no-repeat scroll 0 -37px transparent; color: #0a1624;display: block; float: left; font-size: 0.8em; font-weight: normal; height:31px; margin-right:1px; text-align: center; text-decoration: none; width: 143px; z-index: 50;}
#product .tabhold h2.tab a.off:hover {background: url("../_img/bg_tab.png") no-repeat scroll 0 -37px ; color: #0a1624;}
#product .tabhold h2.tab a.off {background: url("../_img/bg_tab.png") no-repeat scroll 0px 0px transparent; color: #FFFFFF;}
#product .tabhold {width:576px;}
#product .tabcontent {background:url("../_img/bg_tabhold.jpg") repeat-y; position:relative; width:576px; border-bottom:solid 1px #bbd7e5}

/*--------------------------------------------------- HOME ----------------------------------------------------------------------*/

#mainpanelhome {float:left; width:968px;}
#mainpanelhome #leftcol {width:721px; padding-top:0px; position:relative;}
#mainpanelhome #leftcol .title, #offers .title {width:721px; background-image:url('/_img/bg_title_left.jpg');}
#mainpanelhome #leftcol .title strong, #offers .title strong {color: #D1E5F1;font-size: 1.2em;}

#special {height:264px; width:721px; position:relative; border-bottom:#b3d0ee 1px solid; margin-bottom:10px;}
#special .belt {position:absolute;}
#special .belt .panel {height:264px; width:721px; font-weight:bold;}
#special .belt .panel .pic {float:left;margin:auto 10px;}
#special .belt .panel h2 {font-size:2em; margin: 10px 10px 0px; }
#special .belt .panel .description ul {list-style-type:none;}
#special .belt .panel .price {float:right;}
#special .belt .panel .price .rrp {margin:10px 200px 0px 0px;font-size:1.5em;display:block;}
#special .belt .panel .price .now {background:#f60;color:#fff;padding:15px 100px 15px 15px;font-size:2em;display:block;}
#special #step_nav {position:absolute;bottom:10px;left:150px;z-index:50;}
#mainpanelhome #leftcol .left, #mainpanelhome #leftcol .right {height:264px;width:150px;position:absolute;top:32px;z-index:50;}
#mainpanelhome #leftcol .left, #offers .left {background:url('/_img/step_left.gif') no-repeat left center;left:0px;}
#mainpanelhome #leftcol .right, #offers .right {background:url('/_img/step_right.gif') no-repeat right center;right:0px;}

#categories .cat {width:231px;margin:5px 0px 5px 14px;float:left;}
#categories .cat.rowstart {margin-left:0px;clear:left;}
#mainpanelhome #leftcol #categories .cat .title, #categories .cat .title {background:url('/_img/bg_title_cat.jpg');color:#42607a;width:100%}
#mainpanelhome #leftcol #categories .cat .title h2, #categories .cat .title h2 {padding:10px 0px 0px 30px; font-size: 1em;}
#categories .cat .pic {border:#b3d0ee 1px solid;}
#producthold #categories .cat {width:181px;}
#producthold #categories .title h2 {font-size: 0.8em;}

/*--------------------------------------------------- PRODUCTLIST ----------------------------------------------------------------------*/

#productlist .brand {border:#B3D0EE 1px solid;width:150px;height:80px;margin:10px;padding:10px;float:left;text-align:center;border-radius:10px;-moz-border-radius:10px;}
#offers {position:relative;}
#offers .title {width:576px;}
#offers #special.carousel {width:576px;height:400px;}
#offers #special .belt .panel {width:576px;}
 #offers .left, #offers .right {height:400px;width:150px;position:absolute;top:32px;z-index:50;}

#productlist .productitem {width:100%; margin-bottom:5px;}
#productlist .productitem .producttitle {width:100%; background:url(../_img/bg_title_product_list.jpg); height:32px; }
#productlist .productitem .producttitle H2 {font-size:1.1em; color:#333333; padding-top:10px; padding-left:10px;}
#productlist .productitem .productcentre {width:576px; background:url(../_img/bg_product_list_centre.jpg); border-bottom:1px solid #c4dae7}
#productlist .productitem .productcentre .pic {float:left; padding-right:10px; padding-left:10px;}
#productlist .productitem .productcentre .description {float:left; width:220px}
#productlist .productitem .productcentre .description UL {margin-top:10px}
#productlist .productitem .productcentre .description LI {float:left; width:200px; display:block; background:url(../_img/bullet_blue.jpg) no-repeat; padding-left:20px; padding-bottom:5px; color:#333333; font-weight:bold; list-style:none}
#productlist .productitem .productcentre .description P {padding:10px 10px 10px 0px;}
#productlist .productitem .productcentre .purchaselist {float:left; width:194px; background:url(../_img/bg_purchase_list.jpg) no-repeat; margin-top:10px; font-size:1.1em;}
#productlist .productitem .productcentre .purchaselist .hold {padding:20px}
#productlist .productitem .productcentre .purchaselist p.price {color:#FF6600; font-weight:bold; font-size:1.6em; margin-top:5px; margin-bottom:5px;}
#productlist .productitem .productcentre .purchaselist p.rrp {color:#333333; text-decoration:line-through; font-weight:normal;}

#productlist #producthold #leftcol .freegifthold {width:572px; height:116px; margin:auto; background:url(../_img/bg_freegift2.jpg) no-repeat;color:#f60; }
#productlist #producthold #leftcol .freegifthold .text {float:left; color:#FF6600; font-size:1em; font-weight:bold; text-transform:uppercase; padding-top:13px; padding-left:16px; padding-right:10px;}
#productlist #producthold #leftcol .freegifthold .text SPAN {font-size:3.8em; letter-spacing:-4px}
#productlist #producthold #leftcol .freegifthold ul {margin:0px 0px 0px 180px;padding:5px 0px; }
#productlist #producthold #leftcol .freegifthold .item {float:left; padding-top:13px; padding-right:10px;}
#productlist #producthold #leftcol .freegifthold.small .item {float:left; padding-top:13px; padding-right:1px;}
#productlist #producthold #leftcol .freegifthold .item img {border:1px solid #d1e4ed; background:#fff;}
#productlist #producthold #leftcol .freegifthold .item img:HOVER {border:1px solid #ff6600; }
#productlist #producthold #leftcol .freegifthold .plus {float:left; color:#FF6600; font-size:2em; font-weight:bold; text-transform:uppercase; padding-top:36px; padding-right:10px;}
#productlist #producthold #leftcol .freegifthold.small .plus {float:left; color:#FF6600; font-size:1.5em; font-weight:bold; text-transform:uppercase; padding-top:36px; padding-right:1px;}
#productlist #producthold #leftcol .freegifthold .description {float:left; color:#333333; padding-top:13px; width:120px;}
#productlist #producthold #leftcol .freegifthold .description span {float:left; color:#ff6600; font-size:2em; font-weight:bold}

#productlist #search_form .item {width:110px;height:70px;padding:0px 10px;float:left;}

/*--------------------------------------------------- SEARCH ----------------------------------------------------------------------*/

#search_form {padding: 10px; margin:0px 5px; background: #E1F5FF;}
#search_form label {display:block; float: left; width: 130px; margin: 2px 0px; clear: left;}
#search_form input, #search_form select {display:block; float: left; margin: 2px 1px; padding: 2px; width:100%; border: #D1E5F1 1px solid; cursor: pointer;}
#search_form .num {width: 45%; }

#order_form {padding: 10px; margin-bottom:10px; background: #E1F5FF;}
#order_form .results {float:right;}

.selected {background: #ccc;}

/*--------------------------------------------------- PAGE ----------------------------------------------------------------------*/

h2 {margin:0px 10px 10px;}

.downloadsblock .item {clear:left;margin:5px 0px;}
.downloadsblock .icon, .downloadsblock .description {float:left;}
.downloadsblock .description {padding:5px;}

.blockcentre {margin:10px 0px;}
.textimageblock img, .blockcentre img {margin:0px 10px 0px 0px}

/*--------------------------------------------------- CHECKOUT/QUOTE ----------------------------------------------------------------------*/

#cart {width:100%;border:#b3d0ee 1px solid;margin:5px auto;}
#cart td {border-bottom:#b3d0ee 1px solid;padding:3px;}

p.readonly {color:#ccc;}
form p {padding:2px 0px;clear:both;}
form p label {float:left;width:120px;}
form p select {width:155px;}
form p.checkbox label, #basket form p.radio label {width:260px;}
form p.longtext label {width:100%;}
form p textarea {font-family:Arial, Helvetica, sans-serif;font-size:0.9em;width:20%;height:5em;}
#basket #delivery {width:815px;border:#b3d0ee 2px solid;margin:0px 0px 10px;}
#basket #delivery .block {padding:5px;line-height:2em;}
#basket .checkout {float:right;}

#order_details, #order_type {float:left;width:60%;margin:0px 20% 0px 20%;}
#basket #order_details p, #basket #order_type p {margin:10px 0px;background:#f8f8ff;padding:5px;}
#basket textarea#notes {width:50%;}

/*--------------------------------------------------- ADDRESSES ----------------------------------------------------------------------*/

.address {display:block;float:left;width:33%;margin:10px 0%;}

/*--------------------------------------------------- LOGIN ----------------------------------------------------------------------*/

#login {background:#f63;color:#fff;padding:10px;}
#login a {color:#fff;}

.login:before {content:'['}
.login:after {content:']'}
.login.submit {margin-right:10px;}

#descript_box {padding:10px;background:#fff;color:#000;border:#ccc 1px solid;}