/* Screen Stylesheet */

/* Text */
h1 { font-size: 1.5em; }
h2,legend { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h1,h2,h3,h4,h5,h6,h7 { margin-bottom: 10px; }
h1 *,h2 *,h3 * { font-size: inherit; }
strong,b { font-weight: bold; font-style: inherit; }
em,i { font-weight: inherit; font-style: italic; }
p,ul,ol,table,dl { margin-bottom: 10px; line-height: 150%; }
a {text-decoration:none;}
a:hover {text-decoration:none;}
#ui-datepicker-div { display: none; }

.hide {display:none;}

/* Page Body */
.body h4 {font-weight:bold;font-size:1.1em;}
.body {padding-bottom: 20px}


/* Send To Friend */
#sendtofriend { padding: 20px; background: #fff; text-align: left; }
#sendtofriend legend { color: #333 !important; font-size: 1.25em; padding: 8px 0 5px; }
#sendtofriend .submit { margin-top: 10px; }
#sendtofriend .message {background: #fff; clear: both}

/* Forms */
label { font-weight: bold; }
legend { color: #333 !important; }
.subfieldset label { font-weight: normal; }
.subfieldset legend { font-weight: bold; }
form .submit { margin-bottom: 0; }

/* Text Icons */
.back { background: url(https://www.computimedirect.co.uk/images/icons/icon-arrow_left.png) 0 50% no-repeat; padding-left: 12px; }
.bullet1 { background: url(https://www.computimedirect.co.uk/images/icons/icon-bullet_1.png) 0 50% no-repeat; padding-left: 14px; }
.bullet2 { background: url(https://www.computimedirect.co.uk/images/icons/icon-bullet_2.png) 0 50% no-repeat; padding-left: 12px; }
.bullet3 { background: url(https://www.computimedirect.co.uk/images/icons/icon-bullet_3.png) 0 50% no-repeat; padding-left: 12px; }

/* Canvas */

body.page-home { font-family: arial; font-size: 12px; text-align: center; background: url(https://www.computimedirect.co.uk/images/skin/main-bg.gif) repeat-x 55% 1%!important; color: #333; }
body { font-family: arial; font-size: 12px; text-align: center; background: url(https://www.computimedirect.co.uk/images/skin/main-bg.gif) repeat-x 55% -252px; color: #333; }
body a { color: #333333; font-weight: bold; }
.wrapper { width: 980px; margin: 0 auto; text-align: left; overflow: hidden; }

.page-home .quarter { width: 220px!important; padding-left: 10px; }
.quarter { width: 220px!important; /* padding-left: 10px; */ }
.page-home .threequarters { width: 720px!important;padding-right: 10px; }
.threequarters { width: 720px!important;/* padding-right: 10px; */ }
.content-wrapper-left {float:right;width: 200px; }
.content-wrapper-left img {float: right; max-width: 200px; overflow: hidden;}
.content-wrapper-right {float:left;width: 515px; }

.content-wrapper-right .grey {width: 495px;}

/* Header */
#header { background: transparent; }
#header .wrapper { position: relative; height: 114px; overflow: hidden; }
#header .jump { display: none; }
#header .logo { position: absolute; top: 20px; left: 0; width: 300px; height: 68px; overflow: hidden; }
#header .phonedetails {position: absolute; width: 230px; height:50px; left: 345px; top: 33px}
#header .strapline { position: absolute; left: 600px; top: 11px; }

#header .contact-details { position: absolute; left: 740px; bottom: 10px; margin: 0; font-size: 1em; width: 240px }
#header .contact-details .title { font-weight: bold; width: 60px; float: left; }
#header .contact-details .details { color: #999; }
#header .contact-details a.details { color: #446666; font-weight: bold; }

#header .contact-details th {background: #333; color: #fff;padding: 3px; padding-left: 10px; }
#header .contact-details td {background: #F3F3F3; padding: 5px 10px; text-align: left;}
#header .contact-details img {display: inline; vertical-align: middle;}
#header .contact-details h3 {display: inline; margin-left: 10px; vertical-align: middle;}
#header .contact-details a.righty img { margin: 0 7px 0 0; padding: 0;}


/* Pri Nav */
#nav { background: transparent; margin: 2px 0 0; }
#nav .wrapper { position: relative; }
#prinav { font-size: 1.3em; margin-bottom: 0; background: url(https://www.computimedirect.co.uk/images/skin/nav-bg.jpg) repeat-x top left; border-bottom: 1px solid #75B10A;}
#prinav li { float: left; font-weight: normal; }
#prinav li a { color: #fff; padding: 5px 20px; display: block; text-decoration: none; border-right: 1px solid #75B10A;}
#prinav li a:hover, #prinav .selected a { background: #000/* url(https://www.computimedirect.co.uk/images/skin/nav-hover.jpg) repeat-x top left; color: #fff */; padding: 5px 20px; }
#prinav .first a { }

#nav .searchsite { height: 24px; width: 235px; position: absolute; right: 10px; top: 6px; }
#nav .searchsite legend, #nav .searchsite label { display: none; }
#nav .searchsite ul { position: relative; margin: 0; width:100%; }
#nav .searchsite li { position: absolute; margin: 0; }
#nav .searchsite .input { left: 0px; top: 0px; }
#nav .searchsite .input .text { width: 198px; height: 16px; padding: 3px 6px; border: 0 none; background: #fff; color: #999999; }
#nav .searchsite .submit { right: 0px; top: 0px }

/* Body Area */
#body { background: transparent; }
#body .wrapper { padding-top: 0; padding-bottom: 15px; background: #fff url(https://www.computimedirect.co.uk/images/skin/content-bg.png) repeat-y; border-left: 1px solid #ccc; border-right: 1px solid #ccc}
.page-home #body .wrapper { background: #fff;}

#fullwidth #body .wrapper {background:#fff; }

#content-area { padding: 10px; background: transparent; min-height: 534px; }
.page-home #content-area { padding: 0px; background: none; }


.sidenav {width: 210px;}
.sidenav .title { font-size: 1em; margin-bottom: 23px; }
.sidenav .nav { font-size: 1em; }

.sidenav li { font-weight: normal; }
.sidenav li a { background: url(https://www.computimedirect.co.uk/images/skin/nav-midgrey-arrow.png) no-repeat 3% 50%; color: #666; padding: 4px 20px; display: block; font-weight: normal;border-bottom: 1px solid #ccc; }
.sidenav li a:hover { background: #D8D8D8 url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 3% 50%; color: #333; padding: 4px 20px; display: block; font-weight: normal;border-bottom: 1px solid #ccc; }

.sidenav li.selected a {background: #D8D8D8 url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 3% 50%;}


.sidenav ul li ul {display:none;}
.sidenav ul li.selected ul {display:block;}


/* Sidenav Second Level */
.sidenav li ul.sublevel { margin-bottom: 0;}
.sidenav li.selected ul.sublevel li.selected a {padding-left: 25px;color: #333;font-weight: normal;background: #E1E1E1 url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 6% 50%;}
.sidenav li.selected ul.sublevel li a {color: #8a8a8a; font-weight: normal;padding-left: 25px;display:block; background: #f7f7f7 url(https://www.computimedirect.co.uk/images/skin/nav-midgrey-arrow.png) no-repeat 6% 50%;}
.sidenav li.selected ul.sublevel li a:hover {color: #333; font-weight: normal;padding-left: 25px;display:block; background: #E1E1E1 url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 6% 50%;}


/* Sidenav Third Level */
.sidenav ul li ul.sublevel li ul.sublevel {display:none;}
.sidenav ul li.selected ul.sublevel li.selected ul.sublevel {display:block;}
.sidenav ul li ul.sublevel li ul.sublevel { margin-bottom: 0;}
.sidenav ul li.selected ul.sublevel li.selected ul.sublevel li.selected a {padding-left: 35px;color: #333;font-weight: normal;background: #E5E5E5 url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 9% 50%;}
.sidenav ul li.selected ul.sublevel li.selected ul.sublevel li a {color: #8a8a8a; font-weight: normal;padding-left: 35px;display:block; background: #f7f7f7 url(https://www.computimedirect.co.uk/images/skin/nav-midgrey-arrow.png) no-repeat 9% 50%;}
.sidenav ul li.selected ul.sublevel li.selected ul.sublevel li a:hover {color: #333; font-weight: normal;padding-left: 35px;display:block; background: #E5E5E5 url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 9% 50%;}




.visual { text-align: right; }
#content .visual { float: right; margin: 0 0 20px 20px; width: 409px; }
#content .visual img { max-width: 100%; }
.page-title { font-size: 1.333em; margin-bottom: 15px; font-weight: bold; }
.page-summary { font-size: 1.1667em; font-weight: bold; line-height: 150%; margin-bottom: 25px; color: #333; }



/* Home Page */
#flash-panel { padding: 0px !important;  width: 980px !important; height: 299px !important; position: relative; border-bottom: 2px solid #ccc; margin: 0 0 20px; }
#flash-panel .slide { position: absolute; left: 0px !important; top: 0px !important; width: 980px !important; height: 250px !important; oveflow: hidden; }
#flash-panel .slide-text { position: absolute; left: 40px; top: 30px; width: 300px; padding: 0px; color: #333; font-size: 1.333em; }
#flash-panel .slide-link { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; text-indent: -9999px; display: block; background: url(https://www.computimedirect.co.uk/images/skin/flash-link-bg.png); }





#flash-panel .tabs {width: 100%; clear: both; float:left; height: 50px; padding: 0; margin: 0; background: #DDDDDD}
#flash-panel .tabs li { float: left; margin: 0 0 0 -1px!important; border: 1px solid #ccc; border-right: 0; }
#flash-panel .tabs li a {height: 50px; background: url(https://www.computimedirect.co.uk/images/buttons/btn-flastab-off.png) repeat-x 0% 0%; display: block; overflow: hidden; }
#flash-panel .tabs .selected a, #flash-panel .tabs li a:hover {background: url(https://www.computimedirect.co.uk/images/buttons/btn-flashtab-on.png) repeat-x 0% 0%; } 
#flash-panel .tabs img {vertical-align: middle; float:left; padding: 10px 20px;}
#flash-panel .tabs strong {display:block; padding-top: 8px;}
#flash-panel .tabs span {font-weight: normal; display:block; padding: 0; margin:0;}

#flash-panel h2 { font-size: 1.666em; font-weight: bold; margin-bottom: 15px; }
#flash-panel .slide-text ul {  }
#flash-panel .slide-text ul li { background: url(https://www.computimedirect.co.uk/images/skin/bullet.png ) no-repeat left 6px; padding: 0 0 0 20px; }

.promo-wrapper { background: #fff; width: 698px; height: 180px; padding: 10px; position: relative; z-index: 9; margin-bottom: 20px; border: 1px solid #CCCCCC; }
.promo-wrapper li { text-align: left; padding: 5px 10px; width: 328px!important; line-height: 1.222em; }
.promo-wrapper li.normal { background-position: 150px -22px; background-repeat: no-repeat; display: block; border-right: 1px solid #CCCCCC; }
.promo-wrapper li.five { background-image: none; }
#content-area .promo-wrapper h3.promopanel-title { font-family: Arial, Helvetica, sans-serif; font-size: 1.16em; line-height: 1.3em; color: #000000; margin: 0; float:left; bottom: 10px;}
.infocontainer { float:left;width: 160px; margin-left: 15px;  height:160px; position: relative;}
.promo-wrapper h3.promopanel-title span { color: #666666}
.promo-wrapper h3.promopanel-title a { color: #000000; }
.promo-wrapper a.promopanel-visual {float: left; margin-top: 15px; width: 150px; }

.promo-wrapper ul.controls { width: 100%; }
.promo-wrapper ul.controls li.next a { width: 31px; height: 29px; text-indent: -99999em; position: absolute; right: -15px; top: 70px; background: url(https://www.computimedirect.co.uk/images/skin/homepage-product-panel-controls.png); background-position: 100% 0%; background-repeat: no-repeat; z-index: 9999999; }
.promo-wrapper ul.controls li.previous a { width: 31px; height: 29px; text-indent: -99999em; position: absolute; left: -15px; top: 70px; background: url(https://www.computimedirect.co.uk/images/skin/homepage-product-panel-controls.png); background-position: 0% 0%; background-repeat: no-repeat; z-index: 9999999; }
.promo-wrapper ul.controls li.next a:hover { background: url(https://www.computimedirect.co.uk/images/skin/homepage-product-panel-controls.png); background-position: 100% 100%; background-repeat: no-repeat; }
.promo-wrapper ul.controls li.previous a:hover { background: url(https://www.computimedirect.co.uk/images/skin/homepage-product-panel-controls.png); background-position: 0.5% 100%; background-repeat: no-repeat; }
h2.featured-title {margin: 0; padding:3px 0;}
.grey {background: url(https://www.computimedirect.co.uk/images/skin/featured-title_bg.png) repeat-x top left; padding:5px 10px; width:700px; color: #fff}
.view-details {position: absolute; bottom: 0; left: 0;}
.infocontainer .summary {clear: both; float:left; margin-top: 10px; width: 160px!important; }
.infocontainer .pricing {clear: both; float:left; margin-top: 10px; }

.offer-sticker { position: absolute; left: 10px; top: 10px; }

.featured-pages { margin-top: 15px; padding-bottom: 25px; }
.featured-pages .featured-title { display: none; }
.featured-pages .featured-item { float: left; width: 303px; height: 255px; margin-right: 15px; }
.featured-pages div.end { margin-right: 0; }
.featured-pages .featured-item .thumbnail { padding: 10px; background: #fff; width: 283px; height: 155px; position: relative; margin-bottom: 12px; }
.featured-pages .featured-item .thumbnail > a { width: 283px; height: 155px; display: block; overflow: hidden; text-align: center; }
.featured-pages .featured-item .thumbnail img { vertical-align: middle; max-width: 283px; max-height: 155px; }
.featured-pages .featured-item .title { position: absolute; left: 10px; bottom: 10px; width: 273px; margin-bottom: 0px; padding: 5px; background: url(https://www.computimedirect.co.uk/images/skin/featured-title_bg.png); }
.featured-pages .featured-item .title a { color: #fff; text-transform: lowercase; padding: 5px; text-decoration: none; display: block; font-weight: normal; }
.featured-pages .featured-item .summary { color: #666; }
.featured-pages .featured-item .more { font-weight: bold; }
.featured-pages .featured-item .more a { color: #006699; }

.newsletter-red {width: 200px; background: #AA2C28; padding: 10px; }
.subscribe {float: right; margin: 0!important; }
.newsletter-red input { border: 2px solid #CB1C1F; font-size: 0.916em; padding: 2px; width: 192px; }
.subscribe input { border: 0 none; width: auto; }

#contain-info {position: relative;float:left; background: #F0F0F0 url(https://www.computimedirect.co.uk/images/skin/desc-bg.png) repeat-x top left; padding: 20px; width:690px;}

.testimonials {  }
.testimonials p.summary { font-size: 1.5em; margin-bottom: 15px; font-weight: bold; line-height: 120%; }
.testimonials p.name { font-size: 1.333em; font-weight: bold; margin-bottom: 5px; }
.testimonials p.more { margin-bottom: 35px; } 
.testimonials p.more a { color: #666666; font-size: 1.166em; }
.testimonials p.more a:hover { text-decoration: underline; }

/* Footer */
#footer { color: #CCCCCC; font-size: 0.91667em; background: url(https://www.computimedirect.co.uk/images/skin/footer-bg.jpg) repeat-x top left; }
#footer a { color: #ccc; }
#footer h3.title { color: #fff; font-size: 1.5em; margin-bottom: 14px; font-weight: bold; }
#footer input {padding: 5px 0}
#footer .wrapper { padding: 30px 10px 0; width: 960px; min-height: 240px; }
#footer .footer-copy { float: left; width: 100%; padding-bottom: 20px; }
#footer .copyright-info { float: left; width: 246px; margin-right: 60px; }
#footer .other-links { float: left; width: 102px; margin-right: 60px; }
#footer .social { float: left; width: 128px; margin-right: 60px; }
#footer .social li.icon { float: left; margin: 0 12px 12px 0; }
#footer .social li { margin-bottom: 8px; }
#footer .social .facebook iframe { height: 25px !important; border: 0 none !important; overflow: hidden !important; }
#footer .newsletter { width: 304px; float: left; }
#footer .newsletter label { float: left; margin: 2px 10px 0 0; width: 80px; }
#footer .newsletter input { width: 204px; border: 0 none; padding: 4px; }
#footer .newsletter .subscribe input { width: auto; }

/* Listings */
.listing .end { border: none; margin-bottom: 0 !important; }
.listing .date { font-size: small; font-style: italic; margin-top: -10px; margin-bottom: 0; }
.listing .thumbnail { float: left; width: 100px; height: 100px; overflow: hidden; margin-right: 25px; }

/* Article Listing */
.listing .article { position: relative; padding: 10px; background: #E9E9E9 url(https://www.computimedirect.co.uk/images/skin/desc-bg.png) repeat-x top left; margin-bottom: 10px; }
.listing .article .thumbnail { margin:0px 20px 0px 0px; float: left; width: 150px; height: 150px; text-align: center; }
.listing .article .thumbnail a { height: 150px; line-height: 150px; }
.listing .article .thumbnail p { margin-top:5px; font-weight:bold; }
.listing .article .thumbnail img { vertical-align: middle; max-height: 150px; max-width: 150px; }
.listing .article .title a {color: #444;}

.listing .article .view-more {position: absolute; bottom:10px; right: 10px;}

/* News Article Listing */
.listing .news-article {  }

/* Product Listing 
.listing .product { width: 168px; height: 260px; overflow: hidden; float: left; margin: 0px 20px 16px 0; }
.listing .rowend { margin-right: 0; margin-bottom: 16px!important; }
.listing .product .thumbnail { float: none; width: 150px; height: 150px; background: #FFF; margin: 0px auto 10px; text-align: center; }
.listing .product .thumbnail a { height: 150px; line-height: 150px; }
.listing .product .thumbnail img { vertical-align: middle; max-height: 140px; max-width: 140px; }
.listing .product .title,.listing .product .summary,.listing .product .price { padding-left: 0; }
.listing .product .title { font-size: 1.333em; }
.listing .product .title a { color: #333; }
.listing .product .summary { display: none; }
.listing div.price p { float: left; margin-right: 8px; color: #333; }
.listing div.price p.currency { margin-right: 2px; }
.listing div.price p.wasprice { text-decoration: line-through; }
.listing div.price p.price { font-weight: bold; }
.listing .product #add-to-basket { width: 100%; float: left; }*/

/* Product Listing */
.products { width: 700px; float:left; }
.listing .product { width: 97%; overflow: hidden; float: left; padding:10px; margin-bottom:20px; background: #E9E9E9 url(https://www.computimedirect.co.uk/images/skin/desc-bg.png) repeat-x top left; }
.listing .product.rowend { border:0px none; }
.listing .product .thumbnail { margin:0px 20px 0px 0px; float: left; width: 150px; height: 160px; text-align: center; }
.listing .product .thumbnail a { height: 150px; line-height: 150px; }
.listing .product .thumbnail p { margin-top:5px; font-weight:bold; }
.listing .product .thumbnail img { vertical-align: middle; max-height: 150px; max-width: 150px; }
.listing .product .title, .featured-products .product .price { padding-left: 0; font-size: 1.166em; margin:10px 0; }
.listing .product .price { font-weight: bold; }
.listing .product h2 { font-size:1em; font-weight:bold; }
.listing .product h2 a { color:#000000; }
.listing .product .summary { height: auto; overflow: hidden; line-height: 150%; margin-bottom: 2px; }
.listing .product .expander-button { width: 570px; background: url(/img/buttons/btn-expander.png) no-repeat 50% 100%; text-indent: -9999px; height: 18px; float: right; } 
.listing .product a.open { background-position: 50% 0% }
.listing .product .summary p { line-height:150%; }
.listing .product .more { float: right; width: 570px; font-weight: bold; color: #000; margin-bottom: 10px; }
.listing .product .more a { color: #342D27; } 
.listing .product .price_basket { float:right; width:570px; margin-top: 15px; }
.listing .product div.price { width:270px; float:left; height:40px; }

.listing .product form .quantity { float:left; line-height:30px; margin-top:5px; margin-right: 15px;}
.listing .product form .dropdownlist { margin-top:5px; float: left; margin-right: 15px; }
.listing .product form .dropdownlist label { font-weight: bold; display: block; line-height: 100%; }
.listing .product form .dropdownlist .dropdown { display: block; margin-top: 5px; max-width: 250px; }
.listing .product div.price p { height:40px; line-height:40px; }
.listing .product form ul { height:40px; line-height:40px; clear: both;}
.listing .product form li { display:inline; }
.listing .product form li.submit { float:right;  height:40px; margin:5px; }
.listing .product form li.checkout_link { float:right; margin:5px 0px 5px 5px; width: auto;  }
.listing .product form li.addsubmit {float:left; margin:5px 0; width: auto;  }

.relation .related {float:left;}
.relation .related .thumbnail { border: 1px solid #ccc; margin:0px 8px 5px 0; float: left; width: 80px; height: 81px; text-align: center;}
.relation .related .thumbnail a { height: 80px; line-height: 80px; }
.relation .related .thumbnail p { margin-top:5px; font-weight:bold; }
.relation .related .thumbnail img { vertical-align: middle; max-height: 80px; max-width: 80px; }

.related-items .relation .end .thumbnail {margin:0;}


.add-to-basket {clear: both; float:left; width:100%;}
.listing .product .view-more {display: block; float:right; margin-bottom:0px;}

.tcscontainer {border: 1px solid #ccc; border-top: none; padding: 10px 10px 5px 10px; clear: both; width:97.3%; background:#eee;} 

.tcscontainertc {padding:0 0 0 0;margin:0; clear:both;}
.tcscontainertc .checkout-tcs {margin:0; padding:7px 0 0 0;}

.tcscontainertc .checkout-tcs .fields {margin:0; height: auto!important; line-height: 14px!important;}

/* Site Map */
.sitemap a { padding-left: 12px; background: url(https://www.computimedirect.co.uk/images/icons/icon-arrow_right.png) 0 50% no-repeat; }
.sitemap ul ul { margin-left: 30px; }
.sitemap ul ul li { margin: 5px 0 !important; }
.sitemap ul ul a { padding: 0px; display: inline; margin: 0; background: none; }

/* Messages */
ul.messages { clear: left; border: 1px dotted #5FAAD2; background: #C9E1F0; padding: 0 10px; margin-bottom: 10px; }
ul.messages li { color: #000; padding: 2px 2px 2px 20px; margin: 5px 0; }
ul.messages li.ok { background: url(https://www.computimedirect.co.uk/images/icons/icon-ok.png) center left no-repeat; }
ul.messages li.info { background: url(https://www.computimedirect.co.uk/images/icons/icon-info.png) center left no-repeat; }
ul.messages li.error { background: url(https://www.computimedirect.co.uk/images/icons/icon-error.png) center left no-repeat; }

/* Breadcrumb */
.breadcrumb { margin-top: 0px; margin-bottom: 20px; list-style: none; }
.breadcrumb li { display: inline; /* padding-right: 12px; margin-right: 7px; */ }
.breadcrumb .selected { background: none; margin-right: 0; padding-right: 0; }
.breadcrumb .selected a { color: #333; font-weight: bold; }
.breadcrumb a {font-weight: normal; color: #333;}
.breadcrumb span.seperator {padding:0 5px;}

/* Sorting Options */
.sorting { margin: 0 0 20px 0; background: #F2F4F4; }
.sorting legend { display: none; }
.sorting ul { width: 630px; margin: 0px auto; padding: 10px 0 0px; }
.sorting li { float: left; display: inline; margin-right: 20px; }
.sorting label.inline { margin-right: 10px; }
.sorting .submit { margin: -4px 0 0 0; }
.sorting .submit input {  }

/* Paging */
.paging { clear: both; text-align: right; margin: 10px 0 !important; }
.paging li { display: inline; }
.paging span { background: #8BD409; color: #FFF; padding: 2px 2px; }
.paging a { font-weight: bold; margin: 2px 3px; color: #333; }
.paging a span { padding: 0; background: transparent; color: #333; }

/* Product Details */
.product .description { width: 400px; /* position: absolute; right: 20px; */ float:right; margin: 0; padding: 0;}
.product .description .body { margin-bottom: 20px; }
.product .productinfo {  }
.product .productinfo h1 {font-weight: bold; font-size: 1.333em!important;}
.product .productinfo .stock_code { font-weight: normal; }
.product .productinfo .rrp { color: #999999; font-weight: normal; margin: 0 0 0 10px; }
.product .productinfo .price { font-weight: bold; font-size: 1.166em;  }
.product .productinfo .wasprice { float: left; margin-right: 10px; margin-bottom: 0px; font-size: 1.166em; }
.product .productinfo .wasprice .was { text-transform: uppercase; }
.product .productinfo h3.price { float: left; font-size: 1em; }
.product .productinfo .price .now, .product .productinfo .special .price, .product .productinfo .special .currency{ text-transform: uppercase; color: #cc0000 }
.product .productinfo .special-offer { text-transform: uppercase; font-size: 1em; font-weight: bold; margin-bottom: 15px; color: #cc0000 }
.product .description .page-summary { font-size: 1.25em; }


.product #add-to-basket { margin-top: 0px; width: 100%; float: left; }
.product #add-to-basket legend { display: none; }
.product #add-to-basket li { margin-bottom: 10px;float:left;width:100%;}
.product #add-to-basket li.quantity input {border:solid 1px #999;padding:3px;margin-bottom:15px;}
.product #add-to-basket li.submit {width:40%;}
.product #add-to-basket li.checkout {float:right;width:115px;margin-top:-27px;}
.product #add-to-basket label {font-weight:normal;text-transform:lowercase;width:100%;}
.product #add-to-basket select { max-width: 270px; }
.product #add-to-basket .submit { position: relative; }
.product #add-to-basket .submit input { position: absolute; left: 0; top: 0px; }


.product #add-to-basket table {border-right: 1px solid #ccc; font-size: 1em; }
.product #add-to-basket tr.even {background: #EDEDED;}
.product #add-to-basket tr.odd {background: #F9F9F9;}
.product #add-to-basket tr.first td { border-top: 0;}
.product #add-to-basket tr.last td { border-bottom: 1px solid #ccc;}
.product #add-to-basket .product-options tr.last td { border-bottom: 1px solid #ccc;}
.product #add-to-basket th {border: 1px solid #ccc; border-right: 0; padding: 5px; background: url(https://www.computimedirect.co.uk/images/skin/nav-bg.jpg) repeat-x top left; color: #fff; }
.product #add-to-basket td {padding: 5px; border: 1px solid #ccc; border-bottom: 0; border-right: 0 }
.product #add-to-basket td.noborder {border-top: none;}
.product #add-to-basket td.hide span {display: none}
.product #add-to-basket ul.basket_links {float: left;width: 100%}
.product #add-to-basket ul.basket_links li.button {float: right; width: auto!important; margin: 10px 0 0 10px;}





/*--Product details tabs--*/
.tabcontains {margin-top:10px; float: left; position: relative}
li.timevisiontab {position: absolute!important; top: 0; right: -2px; padding: 0px 0px 0px 0px; height: 32px; border-top: 1px solid #e2e2e2; border-right: 1px solid #ccc;border-left: 1px solid #ccc!important;}
.timevisiontab a {color: #fff!important; font-weight: normal; background: url(https://www.computimedirect.co.uk/images/skin/timevision-bg.png) repeat-x top left; display:block; padding: 8px 20px 9px 20px;  }
.timevisiontab a:hover {color: #fff; background: url(https://www.computimedirect.co.uk/images/skin/timevision-bg.png) repeat-x top left!important;}

ul.tabed {margin: 0;padding: 0;float: left;list-style: none;height: 32px; /*--Set height of tabs--*/border-bottom: 1px solid #ccc;border-left: 1px solid #ccc;width: 100%;}
ul.tabed li {float: left;margin: 0;padding: 0;height: 31px; /*--Subtract 1px from the height of the unordered list--*/line-height: 31px; /*--Vertically aligns the text within the tab--*/border: 1px solid #ccc;border-left: none;margin-bottom: -1px; /*--Pull the list item down 1px--*/overflow: hidden;position: relative;background: #fff;}
ul.tabed li.active a { font-weight: bold }
ul.tabed li a {text-decoration: none;font-weight: normal;color: #333;display: block;font-size: 1em;padding: 0 11px;/* border: 1px solid #fff; --Gives the bevel look with a 1px white border inside the list item--*/outline: none;}
ul.tabed li a:hover {background: #ccc;}

 /*--Makes sure that the active tab does not listen to the hover properties--*/
  /*--Makes the active tab look like it's connected with its content--*/
html ul.tabed li.active, html ul.tabed li.active a:hover  {background: #F0F0F0;border-bottom: 1px solid #F0F0F0;}

.tab_container {border: 1px solid #ccc;border-top: none;overflow: hidden;clear: both;float: left; width: 100%; background: #fff url(https://www.computimedirect.co.uk/images/skin/tab-bg.png) repeat-x top left;}
.tab_content { padding: 10px; font-size: 1em; min-height: 300px; width: 695px;}
.tab_content ul { list-style: disc; margin: 0 0 0 20px; } 
.tab_content ol { list-style: decimal; margin: 0 0 0 25px; } 


.download {border-bottom: 1px solid #ccc; padding:20px 0;}
.download.end {border: none!important;}
.download a {color: #333;}
.fileicon {float:left; margin-right: 15px; margin-bottom:35px;}
h3.dtitle {font-size:1.8em}
.summary {}
.download .button a {color: #8AB2CC}


/* Product Image Gallery */
.product .gallery { /* width: 250px; */ /* padding: 34px; */ float: left; overflow: hidden; border: 1px solid #D6D6D6;  width: 250px; height: 250px;/*  background: #E6E6E6; */ }
.product .gallery .featured-image { padding: 0; position: relative; width: 250px; height: 250px; text-align: center; margin: 0; }
.product .gallery .featured-image li { position: absolute; left: 0px; top: 0px; background: #FFF; width: 250px; height: 250px; line-height: 250px; }
.product .gallery .featured-image li img { vertical-align: middle; height: 250px; width: 250px; display: block; }

.product .thumbs { clear:both;float:left; margin-top: 20px; margin-bottom: 0; width: 680px;}
.product .thumbs li { float: left; width: 70px; height: 70px; margin-right: 4px; border: 1px solid #D6D6D6; }
.product .thumbs li a { display: block; width: 70px; height: 70px; background: #fff; line-height: 10px; overflow: hidden; }
.product .thumbs li.last { margin-right: 0px; }
.product .thumbs img { height: 70px; vertical-align: middle; }

/* Related Items */
.related-items { clear: both; padding-top: 20px; }
.related-items h3.title { font-size: 1.333em; color: #333; padding-bottom: 7px; border-bottom: 1px solid #CCCCCC; }

/* Image Gallery */
.image-gallery .listing { width: 834px; margin: 0 auto; }
.image-gallery .image-result { background: #FFF; float: left; width: 140px; height: 140px; line-height: 140px; overflow: hidden; position: relative; margin: 13px; }
.image-gallery .image-result h2 { display: none; }
.image-gallery .image-result a { display: block; width: 100%; height: 100%; line-height: 149px; text-align: center; }
.image-gallery .image-result .thumbnail { float: none; height: auto; overflow: visible; width: auto; }
.image-gallery .image-result img { vertical-align: middle; max-width: 135px; max-height: 135px; }

/* Job Section */
.listing .joblisting { margin-bottom: 20px; }
.listing .joblisting .title,.listing .joblisting .summary,.listing .joblisting .details,.listing .joblisting .more { padding-left: 120px; }
.listing .joblisting .thumbnail { float: left; }

/* FAQ's */
.faqlist .heading { clear: left; }
.faqlist dt { clear: left; background: url(https://www.computimedirect.co.uk/images/icons/icon-arrow_right.png) 0 50% no-repeat; padding-left: 20px; }
.faqlist dt.selected { background-image: url(https://www.computimedirect.co.uk/images/icons/icon-arrow_bottom_right.png) }
.faqlist dd { clear: left; padding-left: 20px; }

/* Contact Form */
.contact-intro .body { padding-bottom: 15px; }
.contact-intro .map { margin-bottom: 0; }
.contact-intro .map iframe { width: 100%; }
.contact-intro .contact { margin-top: 5px; padding-top: 5px; }
.contact-intro .contact dt { width: 20%; font-weight: bold; }
.contact-intro .contact dd { width: 80%; }
.contact-form { background: none; border: 0 none; padding: 0; margin-left: 0px; float: left; min-width: 515px; }
.contact-form .text, .contact-form .email, .contact-form .textarea { border: 1px solid #333; padding:3px; }
.contact-form .fields li { margin: 12px 0; }
.contact-form .fields li input.text, .contact-form .fields li textarea { border: 1px solid #ccc; }
.contact-form .field-summary { margin-bottom: 0px; }
.contact-form .textarea { width: 98%; }
.contact-form .subfieldset legend { font-size: 1em; }
.contact-form .submit { text-align: left; }
small a { display:none; }

/* Service List */
.listing .service { background: #D2D2D2; border: 1px solid #B1B1B1; padding: 10px; }
.listing .service .thumbnail { float: left; }
.listing .service .title,.listing .service .summary,.listing .service .description,.listing .service .links { padding-left: 120px; }

/* Portfolio */
.portfolio,.portfolio-category,.portfolio-item { margin-right: 20px; }
.listing .pfitem { background: #D2D2D2; border: 1px solid #B2B2B2; padding: 10px; }

/* Job Section */
.jobs-listing,.jobs-details { margin-right: 20px; }
.listing .joblisting { background: #D1D1D1; border: 1px solid #B2B2B2; padding: 10px; margin-bottom: 0; }
.listing .joblisting dl,.jobs-details dl { float: none; }
.listing .joblisting dt,.jobs-details dt { font-weight: bold; width: 15%; margin: 0; }
.listing .joblisting dd,.jobs-details dd { width: 85%; margin: 0; }
.listing .joblisting .more { margin-bottom: 0; }
.jobs-apply { background: #D1D1D1; border: 1px solid #B2B2B2; padding: 10px; }
.jobs-apply .textarea { width: 100%; }

/* User Authentication */

.delivery, .billing { padding: 20px; margin-bottom: 10px;}

#ppa-login,#user-login,#user-forgottenpassword { text-align: center; margin-top: 50px; }
#ppa-login fieldset,#user-login fieldset,#user-forgottenpassword fieldset { width: 400px; margin: 0 auto; text-align: left; }
#ppa-login legend,#user-login legend,#user-forgottenpassword legend, #user-registeruser legend, #user-account legend, .ecommerce .billing h2, .ecommerce .delivery h2 { font-size: 1.24em; font-weight:bold; margin-bottom:10px; }
#ppa-login .submit,#user-login .submit,#user-forgottenpassword .submit, #user-registeruser ul.submit, #user-account ul.submit { text-align: left; padding-left: 130px; }
#ppa-login .forgotten_pass,#user-login .forgotten_pass,#user-forgottenpassword .forgotten_pass { padding-left: 130px; }
#ppa-login .forgotten_pass a,#user-login .forgotten_pass a,#user-forgottenpassword .forgotten_pass a { color:#333333; font-weight:bold; }
.user form ul {margin-bottom:20px;}
#user-login .text, #user-login input.password, #user-forgottenpassword .text, #user-forgottenpassword input.password, #user-registeruser .text, #user-account .text, #user-account .password { width:227px; }
#user-registeruser select, #user-account select { width:233px; }

/* !Tooltips */

.message-wrap {z-index:1200; display:block;background: #000; padding: 5px; font-size: 10px; line-height:12px; color: #fff; top: 5px; height: auto!important}
.message {float: left; height: auto;}
.message span.title {float: left; height: 20px;}
.message span.price {float: left; }


/* !contact ajax stuff */

#load { display: block; background: url(https://www.computimedirect.co.uk/images/skin/ajax-loader.gif) no-repeat ; width: 100px; height: 100px; text-indent: -9999em;}
#contactcontainer {margin-bottom: 20px; margin-top: 0; border: 1px solid #ccc; padding: 10px 10px;}
#contact {}
#contact #wrapper {position:relative;}
.listing #contactnav {margin-bottom: -1px; margin-top: 0; border: 1px solid #ccc; padding: 10px 10px;}
.listing #contactnav li { padding: 5px 5px}
.listing #contactnav li.deselected a {width: 15px; height: 15px; display: block;float:left;background: url(https://www.computimedirect.co.uk/images/buttons/btn-radio.png) no-repeat 0% 13%;}
.listing #contactnav li.selected a {width: 15px; height: 15px;background: url(https://www.computimedirect.co.uk/images/buttons/btn-radio.png) no-repeat 0% 82%;}
/*
.listing #contactnav li.deselected {background: url(https://www.computimedirect.co.uk/images/buttons/btn-radio.png) no-repeat 0% 1%;}
.listing #contactnav li.selected {background: url(https://www.computimedirect.co.uk/images/buttons/btn-radio.png) no-repeat 0% 102%;}
*/

.mixed ul {float: right!important}


.required-notice {margin-bottom: 0;}
.btn-image {margin-top: 10px}

/* !!css3 declarations */
.round { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } 
.topround {
-moz-border-radius: 10px 10px 0 0;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
}
.bottomround {
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.shadow {
-moz-box-shadow: 3px 3px 2px #ccc;
-webkit-box-shadow: 3px 3px 2px #ccc;
.box-shadow: 3px 3px 4px #ccc;
/* For IE 8 */
.-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#000000');
}



.cs {width: 230px; float: left;margin-right: 10px; margin-bottom: 10px;}
.cs h2.title {background: url(https://www.computimedirect.co.uk/images/skin/featured-title_bg.png) repeat-x left top transparent; padding:  5px 10px;}
.cs h2.title a {color: #fff}
.cs .thumbnail {float:left; padding-left: 5px;}
.cs .summary {padding: 0 0px 0 40px; font-size: 0.91em}
.cs ul.cslinks {margin: 0 0 0 0;}
.cs ul.cslinks li {margin: 5px 0 5px 35px; padding-left: 20px; background: url(https://www.computimedirect.co.uk/images/skin/nav-black-arrow.png) no-repeat 3% 50%;}
.cs ul.cslinks li a {}
.cs ul.cslinks li a:hover {color: #ccc}

.requiredfield li.left {/* width: 50px!important; */ clear:both;}
.requiredfield li label {margin-left:5px; width: auto!important;}

.sidebar iframe {border: 1px solid #ccc; padding: 0; margin: 5px 0;}

dt label {width: 130px; float: left}
dd input {width: 227px}

.ecommerce dt label {width: 199px; float: left; }
.ecommerce dd input {width: 190px; border: 1px solid #ccc; padding: 2px 3px}