/* ========================================================
Main Structure
======================================================== */
#overview,
#accessories,
#specifications,
#glossary,
#reviews { margin: 0 0 2em; }

p.partcode { font-size: 1.5em; }
h1 { font-size: 1.5em; margin: 0 0 0.5em; }
	h1 .mpn { font-size: 0.65em; letter-spacing: 0.015em; color: #999; text-align: right; } /* mfr part number */

h2 { font-size: 1.5em; font-weight: normal; }
h2.specialoffer { margin: 0 0 1em; color: #F00; }

#item-details { clear: both; background: url(../ui/item-frame.png) no-repeat left top; margin: 0 0 1.5em; padding: 5px 0 0; position: relative; }
	#item-details .row { overflow: hidden; background: #FFF url(../ui/item-frame.png) no-repeat left bottom; padding: 0 0 5px; margin: 5px 0 5px; }
	#item-details .grid { width: 273px; margin: 20px 20px 15px; float: left; display: inline; }
	#item-details #item-image, .img-frame { text-align: center; }
	.img-frame { margin: 0 auto 10px; }


p.cta input { vertical-align: middle; margin: 0 1em 0 0; }
input#quantity { font-size: 1.4em; width: 1.5em; text-align: center; }
p.cta { margin: 0 0 1.5em 0; }

/* ========================================================
Feature Logos
======================================================== */
#feature-logos { overflow: auto; }
	#feature-logos img { margin: 0 5px 5px 0; display: block; float: left; }

/* ========================================================
Product Specifications
======================================================== */
#specifications {  }
#specifications h3 { border-bottom: 1px solid #CCC; color: #000; font-size: 1.35em; letter-spacing: 1px; line-height: 1.6; text-transform: uppercase; margin: 0; padding: 1em 0; }
	#specifications dl { /* apply ".clearfix" to dl tag to sort clearing */ padding: 10px 0; margin: 0; border-bottom: 1px solid #CCC; }
	#specifications dt,
	#specifications dd { float: left; display: inline; line-height: 1.25; }
	#specifications dt { width: 300px; margin: 0 10px 0 0; /* based on "grid_4" dimensions */ }
	#specifications dd { width: 380px; margin: 0 0 0 10px; /* based on "grid_5" dimensions */ }
	#specifications ul { margin-bottom: 0; }


/* ========================================================
Tables ("Customers Who Bought...", "Accessories"
======================================================== */
table h3 { font-size: 1em; margin: 0; }
table td.pricing { text-align: right; }
	table .price { font-size: 1.25em; }


/* ========================================================
Jargon Buster
======================================================== */
#jargon h4,
#jargon h5,
#jargon h6,
#jargon dd { margin: 0; }


/* ========================================================
Accessories Table
======================================================== */
table.acc { border: 1px solid #CCC; }
	table.acc th,
       table.acc td { border-color: #CCC; border-width: 1px 0 0; }
	table.acc thead th { border: none; background: #EEE; font-size: 1.3em; font-weight: bold; }
	table.acc tbody th { background: #DDD url(../ui/bg-stripe.png) no-repeat 0 50%; color: #000; }

.check {  }
	p.check { margin: 0.5em 0 1em; }
	.check input, .check label { display: inline; float: none; width: auto; margin: 0; padding: 0 0 0 0.5em; vertical-align: middle; }
	.check input { text-align: left; }
	.check label { position: relative; font-weight: bold; text-align: left; }

/* ========================================================
Price Breakdown
======================================================== */
.price-breakdown { margin: 0; padding: 0 0 .5em; }
.price-breakdown .price { float: left; display: inline; margin-right: 10px; }
.price-breakdown .availability { float: left; display: inline; }
	.price-breakdown dl { text-align: left; margin-bottom: .5em; float: left; overflow: auto; }
		.price-breakdown dt { color: #666; font-weight: normal; }
		.price-breakdown dl.extra { margin-left: 1em; padding-left: 1em; }
		.price-breakdown dd { font-size: 1.85em; font-weight: bold; margin: 0; padding: 0; line-height: 1.5; clear:both;}
		.price-breakdown dd small { font-size: 0.5em; font-weight: normal; color: #666; /*display: block;*/ }
	.price-breakdown p { padding-top: 0.25em; }

/* ========================================================
Top-Right Decorative Fun
======================================================== */
.sash { display: block; width: 100px; height: 100px; position: absolute; z-index: 50; top: -5px; right: -5px; }
	.sash.clearance { background: url(../ui/sash/clearance.png) no-repeat left top; }
	.sash.new { background: url(../ui/sash/new.png) no-repeat left top; }
	.sash span, .sash strong { position: absolute; top: -999em; left: -999em; }


/* ========================================================
Feature Logos
======================================================== */
.feature-logos { width: 120px; float: left; margin: 0 10px 10px 0; }
	.feature-logos img { margin: 0 auto 10px; display: block;  }


/* ========================================================
Media (Big Picture and Video Links)
======================================================== */
#item-image ul { width: 220px; list-style: none; margin: 0; padding: 0; }
.img-frame { width: 220px; text-align: center; }
	.img-frame img { display: block; width: 200px; height: 150px; margin: 0 auto; } 

#img-gallery { width:220px;}

#img-gallery .jcarousel-prev-horizontal { left: -20px; }
#img-gallery .jcarousel-next-horizontal { right: -20px; }
#img-gallery ul, #img-gallery li { width: 220px; height: 150px; overflow: hidden; }

.enlarge { margin: 0 10px; display: block; background: #FFF; background: rgba(255,255,255,0.75); position: relative; z-index: 200; top: -2em; line-height: 2; /* margin: 0 auto; */  }
ul.media { list-style: none; margin: 0 0 0.5em; padding: 0; position: relative; height: 3em; }
	ul.media li { margin: 0; padding: 0; float: left; }
	ul.media li a { text-decoration: none; font-weight: bold; padding-left: 17px; line-height: 2; }
	ul.media li#big-img a { background: url("../ui/big-img.png") no-repeat left center; }
	ul.media li.play-video { position: absolute; right: 10px; top: auto; }
	ul.media li.play-video a { background: url("../ui/play-mov.png") no-repeat left center; }

p#brand-logo { text-align: center; }
	p#brand-logo img { display: block; margin: 0 auto 1em; }

/* ========================================================
Customers also bought (List, jCarousel)
======================================================== */
ul#also-bought { margin: 1em 0; padding: 0; list-style: none; }
ul#also-bought li { width: 150px; height: 250px; background: transparent url("../ui/also-bought-box-bg.gif") no-repeat left top; list-style: none; margin: 0 10px 0 0; padding: 12px 14px 13px 14px; position: relative; float: left; }
ul#also-bought li .controlset { margin: 0.5em 0; }
ul#also-bought li .image { text-align: center; }
ul#also-bought li .image img { border: none; }
ul#also-bought li .price { position: absolute; bottom: 15px; left: 14px; line-height: 1.1em; font-size: 1.1em; }
ul#also-bought li .price abbr { color: #666; font-size: 0.7em; }
ul#also-bought li .button { position: absolute; bottom: 15px; right: 14px; }
ul#also-bought li p { margin: 5px 0; }
ul#also-bought li a { text-decoration: none; }


/* ========================================================
Upsell (Table)
======================================================== */
table.upsell { width: 100%; }
table.upsell,
table.upsell th, 
table.upsell td { border: none; }


/* ========================================================
Review Replies
======================================================== */
.reply { padding: 1em; background: #EEE; border: 1px solid #CCC; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 0 0 1.5em; }
.reply p { color: #000; margin: 0; font-weight: bold; }


/* ========================================================
CNET Data Popup (lightbox)
======================================================== */
#TB_window table, #TB_window th, #TB_window td { border: none; }


/* ========================================================
Misc Classes
======================================================== */
.price { font-weight: bold; }
.feature-logos { float: right; text-align: right; }
#jargon p { color: #666; }


/* ========================================================
Promotions
======================================================== */
.promo-area { list-style: none; margin: 0 0 1em; padding: 0; }
	.promo-area li { margin: 0 0 0.25em; padding: 0; text-align: left; font-weight: bold; }
	.promo-area strong { font-weight: bold; color: #444; margin: 0 0 .5em; }
	.promo-area a { display: block; text-decoration: none; color: #F00; background: url("../ui/bullets.png") no-repeat -5px -1197px; padding-left: 18px; }
	.promo-area a:hover { text-decoration: underline; color: #000; }


/* ========================================================
More (Secondary) Actions
======================================================== */
#item-image ul.actions { list-style: none; margin: 0 auto 0.5em; width: 80%; }
	ul.actions li { margin: 0.25em 0; padding: 0 0 0 18px; background: url(../ui/bullets.png) no-repeat -5px -1197px; text-align: left; }
/*
		.add-to-compare,
		.share-email,
		.share-facebook,
		.share-twitter,
		.print-page { padding: 0 20px; text-decoration: none; }
		.add-to-compare { background: url(http://www.equanet.co.uk/ui/icons/add-to-compare.png) no-repeat left center; }
*/
		.share-email { background: url(../ui/icons/share-email.png) no-repeat left center; }
		.share-facebook { background: url(../ui/icons/share-on-facebook.png) no-repeat left center; }
		.share-twitter { background: url(../ui/icons/share-on-twitter.png) no-repeat left center; }
		.print-page { background: url(../ui/icons/print-page.png) no-repeat left center; }
	.actions a { text-decoration: none; color: #666; }
	.actions a:hover { text-decoration: underline; }


/* ========================================================
Extras (Essentials, Recently Viewed, Alternatives (Upsells), etc
======================================================== */
.extras { border: 1px solid #CCC; margin: 0 0 1.5em; }
.extras h4 { background: #E0E0E0 url(../ui/bg-stripe.png) no-repeat 0 50%; font-size: 1em; margin: 0; padding: 0.75em 0.5em; }
.extras ul { list-style: none; margin: 5px 0; padding: 0; }
.extras li { margin: 0 0 0.5em 0; padding: 0.5em 10px; border-bottom: 1px solid #CCC; overflow: auto; }
	.extras li.compare-now { border: none; margin: 0; padding: 0.25em 10px; }
	.extras li.last { border: none; }
.extras .img { float: left; margin: 0 10px 10px 0; }
.extras .info { overflow: auto; margin: 0; }
	.extras p { margin: 0; }
.extras a { text-decoration: none; }
.extras .price { font-size: 1.25em; }

.accordion { position: relative; /* to avoid 'jumping' bug with accordions */ }
	.accordion h4 { padding: 0; }
	.accordion h4 span { display: block; padding: 0.75em 0.5em; height: 1%; /* Holly Hack */ }
	.accordion h4.ctrl span { cursor: pointer; display: block; background: transparent url("../ui/expand-and-contract.png") no-repeat 200px -90px; }
	.accordion h4.active span { background: transparent url("../ui/expand-and-contract.png") no-repeat 200px 10px; }


.extras .cnetxml li { border-bottom: none; background: url("../ui/bullets.png") no-repeat -5px -1197px; padding: 0 0 0.5em 18px; margin: 0 0 0 1em; }

#lease-me { margin: 0; }
#lease-me a {  background: transparent url(../ui/lease-me.png) no-repeat right top; display: block; height: 60px; width: 250px; }
#lease-me span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* ========================================================
Essentials jCarousel Skin
======================================================== */
#the-essentials-carousel { background: url(../ui/the-essentials-bg.png) repeat-x left bottom; margin: 0 0 -2.5em; padding: 0 0 2.5em; overflow: auto; }
	#the-essentials-carousel h2 { color: #333; text-align: center; margin: 0.35em 0; }
.essentials .jcarousel-item { width: 215px; min-height: 14em; height: auto !important; height: 18em; margin: 10px 10px 0.5em; background: url(../ui/the-essentials-item-bg.png) no-repeat left top; }
	.essentials div { overflow: auto; margin: 15px; /*width: 185px;*/ } /*edit*/
	.essentials p { color: #666; height: 6.5em; overflow: hidden; }
	/*.essentials li { width: 215px; }*/ /*edit*/

	.essentials .price { margin: 0; font-size: 1.25em; color: #000/*#F60*/; font-weight: bold; }
	.essentials a.desc { margin: 0 0 0.5em; }
	.essentials p img { float: left; margin: 0 10px 5px 0; }
		.essentials p span { display: block; margin: 0 0 0 77px; }

	.essentials a { color: #06F; text-decoration: none; }
	.essentials a:hover,
	.essentials a:focus { color: #039; text-decoration: underline; }
	.essentials img { display: block; margin: 0 auto 1em; text-align: center; }

	.essentials label { color: #039; }
	.essentials label:hover,
	.essentials label:focus { color: #006; }

/* ========================================================
CNET PDF Data
======================================================== */
dl.cnet-downloads { width: 100%; overflow: auto; border: 1px dotted #999; border-width: 1px 0; padding: 1em 0; }
	dl.cnet-downloads dt,
	dl.cnet-downloads dd { float: left; display: inline; width: 24.5%; }
		dl.cnet-downloads dt { color: #000; }
		dl.cnet-downloads a { text-decoration: none; padding-left: 20px; background: url(../ui/icons/pdf.png) no-repeat left center; }
		dl.cnet-downloads a:hover,
		dl.cnet-downloads a:focus { text-decoration: underline; }

/* ======================================================== 
CNET XML Data
======================================================== */
#cnet_DigitalContentProductDescription {  }
#cnet_DigitalContentProductFeatures {  }
	#cnet_DigitalContentProductFeatures h3 { font-weight: normal; }
#cnet_DigitalContentKeySellingPoints { list-style: none; }

#other-features { float: left; display: inline; margin: 0 20px 1.5em 0; }
#other-features dl { width: 220px; background: #DDD; padding: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	#other-features dt { font-size: 1.3em; font-weight: bold; color: #333; margin: 0 0 0.5em; padding: 0 0 0.5em; border-bottom: 1px solid #999; }
	#other-features dd { padding: 0; margin: 0 0 0.5em; }
	#other-features dd a { background: url(../ui/pdf-16x16.png) no-repeat left center; padding: 0.5em 0 0.5em 22px; }
	#other-features p { text-align: center; margin: 0.5em 0 1.5em; }
	#other-features p img { margin: 0 auto; }


/* ========================================================
CNET Other (CCS Logos and other Javascript-powered content)
======================================================== */
#ccslogos table { width: 90px; float: left; margin: 0 10px 10px 0; }
#ccslogos table, #ccslogos th, #ccslogos td { border: none; }
#ccsexploreproduct { margin: 0 0 1em; }

.cnetvid { float: left; width: auto; padding: 0 0 20px 0; }

/* ========================================================
Jargon Buster (Tab)
======================================================== */
#exposition { float: right !important; }