/* Core Styles for PC World Business (www.pcwb.com/www.pcwb.ie)

Author Credits: 
Adam Clark (adam.clark@dsgibusiness.com)
Paul Morrison (paul.morrison@dsgibusiness.com)


Other Credits: 
Eric Meyer for CSS Reset

Sizing set at 12px as standard, so you'll need to convert ems at 1.2:
10px = 0.83em
11px = 0.91em
12px = 1em
13px = 1.08em
14px = 1.16em
15px = 1.25em
16px = 1.33em
20px = 1.66em
24px = 2em
25px = 2.08em
28px = 2.33em
30px = 2.5em

Set up files
-------------------------------------------------- */
@import url("base.css");
@import url("layout.css");
@import url("typography.css");
@import url("iconize.css");
@import url("forms.css");
@import url("tabs.css");


/* Body
-------------------------------------------------- */
body { font: 75%/150% Helvetica, Arial, Verdana, sans-serif; background: #0E56B8 url("/ui/body-bg.png") no-repeat left bottom; color: #111213; }
body.no-sidebar {  }


/* Other Links
----------------------------------------------------------------------------------------- */
a.download-link { padding-left: 20px; background: transparent url("/ui/icons/download-link.gif") no-repeat left center; }
a.configurator-link { display: block; margin: 1em 0; padding: 0.5em 0.5em 0.5em 55px; line-height: 150%; font-size: 1.2em; text-decoration: none; font-weight: bold; color: #003D8C; background: transparent url("/ui/configurator-cog.gif") no-repeat left center; }
a.configurator-link big { display: block; text-decoration: underline; }
a.configurator-link:hover,
a.configurator-link:focus,
a.configurator-link:visited { color: #C00; }


/* Navbar
-------------------------------------------------- */
#navbar { clear: both; background: #FFF; width: 100%; height: 70px/*4em*/; font-size: 1.2em; color: #000; font-weight: bold; margin: 0; }
#navbar a, 
#navbar a:visited { color: #000; /*font-size: 1.2em;*/ text-decoration: none; text-transform: uppercase; padding: 0 1em; margin: 0; }
#navbar a:hover { color: #000; text-decoration: underline; }

#navbar p { color: #FFF; margin: 0 auto; padding: 0 0 10px; font-weight: bold; }
#navbarleft { /*width: 33em;*/ width: 35em; float: left; margin: 0; padding: 0; }
#navbarright { /*width: 210px;*/ float: right; margin: 0; padding: 0; }

#nav { clear: both; margin: 0; padding: 0; height: 70px/*4em*/; line-height: 70px/*4em*/; }
#nav ul { margin: 0; padding: 0; }
#nav li { float: left; margin: 0; padding: 0; list-style: none; }	
#nav a, 
#nav a:visited { background: #FFF; color: #000; display: block; font-weight: bold; line-height: 70px/*4em*/; }
#nav a:hover { color: #0088B5; text-decoration: none; }


/* Search
-------------------------------------------------- */
#navbar form { /*height: 30px; margin: 20px 0; line-height: 70px;*/ }
#navbar form input { vertical-align: middle; font-weight:normal; font-size:0.95em; padding:0.2em 0;}
#navbar form #keywords { width: 155px; }
#navbar form #search-button { width: 60px; }


/* Subnavbar
-------------------------------------------------- */
#subnavbar { clear: both; background: #003 /*url("/ui/nav-bg-blink.gif") repeat left top*/; width: 100%; height: 2.6em; margin: 0 auto; border-top: 1px solid #DDD; }
#subnav { margin: 0; padding: 0; }
#subnav ul { margin: 0; padding: 0; width: 100%; }
#subnav { font-size: 0.8em; }
#subnav a, 
#subnav a:visited { text-transform: uppercase; text-decoration: none; background: /*#BFD9FB;*/ #003; /*color: #000;*/ color: #FFF; display: block; font-weight: bold; margin: 0; padding: 6px 6px; }
#subnav a:hover { text-transform: uppercase; text-decoration: underline; background: /*#00A6DD; #dd0b3e;*/ #006; color: #FFF; display: block; text-decoration: none; /*margin: 0; padding: 6px 8px;*/ }
#subnav li { float: left; margin: 0; padding: 0; list-style: none; border-right: 1px solid #35446a; }
#subnav li li { float: left; margin: 0; padding: 0; width: 13em; }	
#subnav li li a, 
#subnav li li a:link, 
#subnav li li a:visited { background: /*#BFD9FB;*/ #003; /*color: #000;*/ color: #FFF; width: 13em; float: none; margin: 0; padding: 6px 8px; border-bottom: 1px solid /*#B1C3D4;*/ #35446a; border-left: 1px solid /*#B1C3D4;*/ #35446a; border-right: 1px solid /*#B1C3D4;*/ #35446a; text-decoration: none; }
#subnav li li a:hover, 
#subnav li li a:active { background: /*#00A6DD;*/ #006; color: #FFF; text-decoration: underline; }
#subnav li ul { position: absolute; z-index: 100; width: 10em; left: -999em; margin: 0; }
#subnav li:hover ul { left: auto; display: block; }
#subnav li:hover ul, 
#subnav li.sfhover ul { left: auto; }

#subnav li.clearance { /*text-transform: uppercase;*/ margin-left: 1em; }
#subnav li.clearance li { margin: 0; }


/* Business Account
-----------------------------------*/
.business-account { margin: 2em; padding: 1em; border: 1px solid #DDD; background-color: #FCFCFC; }
.business-account h4 { margin: 0 0 0.5em; }


/* Item Page Features
-----------------------------------*/
dl.features-special { margin: 0 0 1em 1em; width: 35%; float: right; border: 1px solid #ff6900; padding: 1em; background: #FFE;}
dl.features-special dt { margin: 0.7em 0 0.2em; border-bottom: 2px solid #FEC87E; padding: 0 0 0.25em; font-size: 1.35em; font-weight: bold; color: #000; }
dl.features-special dd { margin: 0.2em 0 0.2em; background: transparent url("/ui/feature-bullet.gif") no-repeat 5px 50%; padding: 0.1em 0 0.1em 20px; font-weight: normal; color: #000; }
dl.features-special dd ul { margin: 0; }
dl.features-special dd li { list-style: none; }


/* Kits Table (Item Page)
---------------------------------- */
table#kits { margin: 0.25em 0 3em; background: transparent none; }
table#kits tr { background: transparent none; }
table#kits .kit-save { display: block; }
table#kits img { margin: 0.25em 0; }
table#kits td * { vertical-align: middle; }
table#kits a { text-decoration: none; }


/* Multiple Kits List
--------------------------------*/
div.kit-list { clear: both; }
div.kit-list table caption { font-weight: bold; text-align: left; padding: 5px 8px; }
div.kit-list table tbody { border-bottom: 1px solid #CCC; }
div.kit-list th { text-align: left; white-space: normal; }
div.kit-list td { text-align: left; }
div.kit-list tr.kit-group { cursor: pointer; }
div.kit-list table tr.kit-group th,
div.kit-list table tr.kit-group-first th { background: #EEE url("/ui/multiple-kit-bg.gif") repeat-x left center; border-top: 1px solid #333; }
div.kit-list table tr.kit-group th strong { display: block; padding-left: 22px; background: transparent url("/ui/icons/expand.gif") no-repeat left center; color: #666; }
div.kit-list table tr.kit-group th.collapse strong { background: transparent url("/ui/icons/collapse.gif") no-repeat left 50%; color: #000; }


/* Item Page Smartplan
-----------------------------------*/
#smartplan { margin: 1em 0; }


/* Item Product
-----------------------------------*/
#item-form { width: 100%; margin: 1em 0;  }
#item-details { float: right; width: 100%; margin: 0 0 0 -240px; }
#item-details  li { list-style: none; }

#item-pricing { margin: 0 -240px 0 0; float: left; width: 100%; padding-bottom:40px;}
#item-pricing li  { margin: 0.4em 240px; padding: 0; display: block; }
#item-pricing li label { margin: 0.4em 0 0; text-align: left; display: inline; float: none; position: static; }
#item-pricing li label#item-quantity { /*reset standard forms*/ width: auto; margin-right: 0; text-align: left; float: none; display: inline; }
#item-pricing li input#quantity-top { width: auto; }
#item-pricing li.item-button { /*margin-bottom: 2.5em;*/ }
#item-pricing li input#add-item-to-basket {  }
#item-pricing li.rent-smartplan { margin-top: 1em; line-height:1.5em;}
#item-pricing li.rent-smartplan img {text-decoration:none;}

#item-pricing .VAT { display: block; }
#item-pricing .big { font-size: 1.7em; font-weight: bold; }
#item-pricing #yourprice .big { font-size: 1.2em; }
#item-pricing #yourprice .block { display: block; margin: 0.3em 0; }
#item-pricing #yourprice .notsobig { font-size: 1.2em; font-weight: bold; }
#item-pricing dt { font-weight: bold; }
#item-pricing dd { margin: 0.5em 0; }

#item-information { width: 200px; float: right; text-align: right; margin: 0; }
#item-information li { padding: 0; }

form#item-form div#item-image { clear: none; }
#item-image { /*display: block;*/ float: left; width: 200px; margin-bottom: 2em; }
#item-image img { display: block; /*width: 200px; height: 150px;*/ }

.save-message { margin: 0 0 1.5em; padding: 1em; border: 2px solid #E60; background: #FFC; }
.save-message h3 { margin: 0; font-size: 1.1em; color: #900; font-weight: bold; }
.save-message h3 a { font-weight: bold; line-height: 150%; display: block; }
.save-message p { margin: 0.5em; }

.item-actions { margin: 0.5em 0 2em 0; }
.item-actions li { padding-left: 23px; list-style: none; }
.item-actions li.email { background: transparent url("/ui/icons/email.png") no-repeat left center; }
.item-actions li.similar { background: transparent url("/ui/icons/magnifier.png") no-repeat left center; }
.item-actions li.write { background: transparent url("/ui/icons/pencil.png") no-repeat left center; }
.item-actions li.personal-favourites { background: transparent url("/ui/icons/heart_add.png") no-repeat left center; }
.item-actions li.account-favourites { background: transparent url("/ui/icons/heart_add.png") no-repeat left center; }
.item-actions li.bundles { background: transparent url("/ui/icons/box.png") no-repeat left center; }

.border { border: 1px dotted #ccc; padding: 0.5em; margin: 1em 0 1em 0;}
.border h3 { margin: 0.5em 0; }
.item-review-box { font-size: 1.2em; border: 1px dotted #ccc; padding: 0.5em; }
.item-review-box  { }
.item-review-box p { font-family: Georgia,Geneva,sans-serif; color: #666; font-style: italic; margin: 0.5em 0; font-size: 1.27em; text-indent: 0.3em;}

#reviews {  }
#reviews .product-review { width: 100%; overflow: visible; border-top: 1px solid #dddddd; margin: 0.8em 0}
#reviews .product-review .product-review-left {float:left; width: 120px; }
#reviews .product-review .product-review-left ul li { background: none; list-style-type: none; } 
#reviews .product-review .product-review-right { float: left; margin: -70px 0 0 180px; }


/* Item Description (Item)
-------------------------------------------------- */
#item-description p { /*font-size: 1.15em;*/margin: 0 0 1.5em; line-height: 170%; color: #555; }


/* Recommended DIV / Table
-------------------------------------------------- */
div#recommended { background: #F0F5EF; border: 1px solid #6ABC5B; margin-bottom: 3em; }
#recommended h4 { color: #FFF; background: #6ABC5B url("/ui/recommended-h4-bg.gif") repeat-x left center; margin: 0; font-size: 1.38em; text-align: center; text-transform: uppercase; padding: 0.5em; font-weight: bold; }
#recommended table { color: #666; margin: 0; }
#recommended table thead th { background: #FFF/*#DCE9DA*/; border-bottom-width: 1px; }
#recommended tr { border: 0; }
#recommended table th,
#recommended table td { border-bottom-color: #9ED595; }
#recommended img.thumbnail { border: 1px solid #478F3A; background: #F4F8F3; padding: 3px; }
#recommended td.desc a.more { background: transparent url("/ui/icons/more-arrow-black.png") no-repeat right center; }
#recommended a { color: #000; }

#recommended a.add { display: block; padding: 0; margin: 0 auto; width: 130px; height: 30px; background: transparent url("/ui/buttons/add-to-basket-sprite.gif") no-repeat left top; }
#recommended a.add:hover { background-position: 0 -30px; }

tbody#recommended h3 a { background-color: #FFE406; color: #000; padding: 0.3em; }
tbody#recommended h3 a:hover,
tbody#recommended h3 a:active { background-color: #FFE406; color: #000; text-decoration: underline; }
tbody#recommended { color: #000; }


/* Compare Table
-------------------------------------------------- */
#compare { background: transparent; color: #555; }
#compare thead th { background: #FFF/*#EEE*/; border-bottom: 2px solid #CCC; }
#compare th { color: #000; }
#compare tr { background: transparent; }
#compare tr.no-background { background-image: none; }
#compare tr.special { background-color: #D8EEF3; }
#compare a.add { display: block; padding: 0; margin: 0 auto; width: 130px; height: 30px; background: transparent url("/ui/buttons/add-to-basket-sprite.gif") no-repeat left top; }
#compare a.add:hover { background-position: 0 -30px; }
#content #compare label { display: inline; padding-left: 0; margin-left: 0; white-space: nowrap; }

#compare th a.sort { padding-right: 12px; }
a.sort-ascending { background: transparent url("/ui/icons/arrow-up.png") no-repeat right center; }
a.sort-ascending:hover { background-image: url("/ui/icons/arrow-down-black.png"); }
a.sort-descending { background: transparent url("/ui/icons/arrow-down.png") no-repeat right center; }
a.sort-descending:hover { background-image: url("/ui/icons/arrow-up-black.png"); }
a.sort-none { background: transparent url("/ui/icons/arrow-up.png") no-repeat right center; }
a.sort-none:hover { background-image: url("/ui/icons/arrow-down-black.png"); }


.desc h3 { margin: 0 0 0.2em; font-size: 1.25em; }
.desc h3 a { font-weight: bold; color: #000; text-decoration: none; }
.desc h3 a:hover,
.desc h3 a:focus { text-decoration: underline; }


/* Unavailable Table
-------------------------------------------------- */
table#unavailable { background: transparent; margin: 1.5em 0; color: #666; }
table#unavailable tr { background: transparent; }
table#unavailable td,
table#unavailable th { color: #999; }
table#unvailable a { color: #777; }
table#unavailable .desc a,
table#unavailable .desc h3 a { color: #777; }


/* Pagination
--------------------------------------------------*/
.pagination { color: #666; margin: 1.5em 0; text-align: center; font-size: 1.2em; line-height: 2em; }
.pagination a { font-weight: bold; }
.pagination .pagelinks a { padding: 0.3em 0.5em 0.3em 0.3em; border: 1px solid #CCC; border-width: 0 1px 0 0; }
.pagination .pagelinks a.current { font-weight: normal; text-decoration: none; cursor: default; color: #000; font-weight: bold; }
.pagination .pagelinks a.last { border: none; }
.pagination .previous-page, .pagination .next-page { border: 1px solid #CCC; }
.pagination .previous-page { padding: 0.3em 0.5em 0.3em 1.4em; margin: 0 0 0; background: transparent url("/ui/icons/pagination-previous.gif") no-repeat 5% 50%; }
.pagination .next-page { padding: 0.3em 1.4em 0.3em 0.5em; margin: 0; background: transparent url("/ui/icons/pagination-next.gif") no-repeat 95% 50%; }


/* Banner
-------------------------------------------------- */
.banner { text-align: center; margin: 1.7em auto 1em; /*width: 468px; height: 60px;*/ clear: both; }
.banner object { width: 728px; height: 90px; margin: 0 auto; }


/* Code
-------------------------------------------------- */
pre { border: 1px dashed #777; padding: 8px; margin: 20px 0; font-family: Courier; list-style-type: decimal-leading-zero; background-color: #384949; overflow: auto; }
ol.code { overflow: auto; }
.code { border: 1px dashed #a6b082; padding: 3px 0 8px 0; margin: 20px 0; font-family: Courier; list-style-type: decimal-leading-zero; background: #FFF; }
.code li code { font-family: Courier, "Courier New", Monaco, Tahoma; }
.code li { padding: 1px 5px 1px 8px; margin: 0; color: #8b946e; border-bottom: 1px solid #baddff } 
.code em { font-style: normal; font-weight: bold; color: #F60; }
.code strong { color: #990076; }	
.code .indent { padding-left: 20px; }
.code .indent2 { padding-left: 30px; }
.code .indent3 { padding-left: 40px; }
.code li.altlist { background-color: #f6faff; }


/* Misc
-------------------------------------------------- */
code,
kbd,
pre { font-family: Courier,"Courier New",Monaco,Tahoma;  overflow: auto; }
abbr,
acronym { border: none; }
abbr[title],
acronym[title] { border-bottom: 1px dotted #627474; cursor: help; font-style: italic; }


#jargon-buster p { line-height: 180%; }


/* Basket Table
-----------------------------------*/
table#basket {  }
table#basket th { color: #000; }
table#basket th a { color: #000; }
table#basket input { vertical-align: middle; margin-right: 0.8em; /*float: left;*/ display: inline; }
table#basket a { /*color: #666;*/ }
table#basket .add { white-space: nowrap; font-weight: bold; }

/*
table#basket tfoot tr td { border: 0; }
table#basket tfoot tr td.border-left { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; font-weight: bold; color: #000; }
table#basket tfoot tr td.border-right { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
*/

table#basket tfoot tr td { border: 0; }
table#basket tfoot tr.bg-light-gray { background: #DDD; }
table#basket tfoot .bg-light-yellow { background: #FF9; }
table#basket tfoot tr td.border-left { border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; font-weight: bold; color: #000; }
table#basket tfoot tr td.border-right { border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

a.delete-basket-item { display: block; width: 30px; height: 30px; background: transparent url("/ui/buttons/delete.gif") no-repeat left top; text-indent: -9999px; }
a.delete-basket-item:hover { background: transparent url("/ui/buttons/delete-small.gif") no-repeat left top; }


/* Refine Search
-------------------------------------------------- */
#refine-search {  }
#refine-search form {  }
#refine-search fieldset { border: none; margin: 0; padding: 0; }
#refine-search input#refine-keywords { width: 170px; margin: 0 0 0.5em; }

#refine-search h2 { font-size: 1.2em; color: #000; border: none; font-weight: bold; background: transparent url("/ui/expand.gif") no-repeat left center; padding: 7px 7px 7px 20px; margin: 0; cursor: pointer; }
#refine-search h2:hover { text-decoration: underline; }
#refine-search h2.active { background: transparent url("/ui/collapse.gif") no-repeat left center; text-decoration: underline; }
#refine-search ul { margin: 0 1em; }
#refine-search li { color: #888; list-style: none; }
#refine-search li strong { color: #000; font-size: 1.15em; }


/* Home Page (Hero Product)
-------------------------------------------------- */
#product-offers { width: 100%; margin: 1.5em 0 0; padding: 0; }
#product-offers li { padding-left: 0; background-image: none; }

#hero { float: right; width: 100%; margin: 0 0 1.5em -220px; }
#hero h3 { font-size: 1.3em; color: #F02; margin: 0 0 0.3em 220px; border: none; }
#hero h3 a { color: #003F8D; text-decoration: underline; }
#hero h3 a:hover { text-decoration: none; color: #000; }
#hero h4 { margin: 0 0 0.3em 220px; font-size: 1.2em; color: #F02; }
#hero h4 a { text-decoration: underline; color: #F02; }
#hero p { font-size: 1.1em; color: #222; margin: 0.3em 0 0.6em 220px; border: none; }

#hero ul li {  }
#hero-description { margin: 0 -130px 0 0; float: left; width: 100%; }
#hero-description li { color: #333; margin: 0 130px 0.5em 220px; display: block; font-weight: bold; padding-left: 15px; background: transparent url("/ui/icons/bullet-circle-grey.gif") no-repeat left center; }
#hero-pricing { width: 110px; float: right; margin: 0; }
#hero-pricing li { background: transparent none; padding-left: 0px; margin: 0.25em 0; }
#hero-pricing li a { font-weight: bold; }
#hero-pricing .big { font-size: 2em; }
#hero-pricing li.add-button { margin-top: 0.75em; }

#hero-image { float: left; text-align: center; display: block; width: 200px; }


/* Home Page (Main Offers)
-------------------------------------------------- */
#product-offers a.add { display: block; padding: 0; margin: 0; width: 60px; height: 30px; background: transparent url("/ui/buttons/add.gif") no-repeat left top; }

.offer-left { float: left; width: 47%; }
.offer-right { float: right; width: 47%; }

#product-offers .home-offer { border: 1px solid #CCC; margin: 0 0 1em; padding: 5px; background: #FFF url("/ui/dotted-line-vertical2.gif") repeat-y 115px 0; border-width: 1px 2px 2px 1px; border-color: #CCC #AAA #AAA #CCC; }
#product-offers .offer .inner { padding: 0.75em 0.25em 0.25em;  }
#product-offers .offer h3 { margin: 0; font-size: 1.15em; font-weight: bold; }
#product-offers .offer h3 a { text-decoration: underline; font-weight: bold; color: #003F8D; }
#product-offers .offer h3 a:hover { text-decoration: none; color: #000; }
#product-offers .offer p { margin: 0.35em 0; color: #C02; font-weight: bold; font-size: 1em; }

#product-offers .offer .home-offer-image { width: 100px; float: left; text-align: center; }
#product-offers .offer .home-offer-image ul { margin: 0; padding: 0; }
#product-offers .offer .home-offer-image img { margin: 0 0 0.25em; }
#product-offers .offer .home-offer-image li.brand-logo { margin-top: 0.8em; }
#product-offers .offer .home-offer-image a.add { margin: 0 auto; }

#product-offers .offer .home-offer-description { width: 100%; margin: 0 0 0 -120px; float: right; }
#product-offers .offer .home-offer-content { margin: 0 0 0 120px; }
#product-offers .offer .home-offer-content ul { margin: 1em 0 1em;  }
#product-offers .offer .home-offer-content li { font-weight: bold; color: #666; padding-left: 15px; background: transparent url("/ui/icons/bullet-circle-grey.gif") no-repeat left center; }
#product-offers .offer .home-offer-content li a { color: #003F8D; }

#product-offers .offer .home-offer-content ul.more { margin-top: 0.85em; }
#product-offers .offer .home-offer-content ul.more li { padding-left: 0; background: transparent none; }

#product-offers .offer ul { margin: 0.75em 0 0 0; }
#product-offers .offer li { display: block; font-weight: bold; margin: 0.3em 0; }



/* Catalogue/Showcase Folders
-------------------------------------------------- */
.showcase-folders { margin: 1em 0 2em; clear: both; }

.catalogue-folder,
.showcase-folder { width: 280px; height: 11em; border: 1px solid #DDD; border-color: #DDD #999 #999 #DDD; margin: 0.5em 1em 0.5em 0; float: left; }
.catalogue-folder h2,
.showcase-folder h2 { margin: 0 0 0.5em; padding: 0; font-size: 1.2em; font-weight: bold; border: none; }
.catalogue-folder h2 a,
.showcase-folder h2 a { display: block; padding: 0.25em; background-color: #EEE; color: #000; }
.catalogue-folder h2 a:hover,
.showcase-folder h2 a:hover { color: #FFF; background: #0088b5;}
.catalogue-folder a.image,
.showcase-folder a.image { margin: 0; width: 110px; /*height: 100%;*/ float: left; text-align: center; }
.folder-details { width: 150px; height: 100%; float: right; margin-right: 15px; }
.folder-details p { margin: 0 0 0.75em; /*font-size: 1.12em;*/ }

.small-catalogue-folder { background: #FFF; width: 220px; height: 8em; border: 1px solid #DDD; border-color: #DDD #999 #999 #DDD; margin: 0.5em 1em 0.5em 0; float: left; }
.small-catalogue-folder h3 { margin: 0 0 0.5em; font-size: 1.05em; font-weight: bold; }
.small-catalogue-folder h3 a { display: block; padding: 0.25em; background-color: #EEE; color: #777; }
.small-catalogue-folder h3 a:hover { color: #FFF; background: #09C url("/ui/folder-arrow.gif") no-repeat right center; text-decoration: underline; }
.small-catalogue-folder a.image { margin: 0; width: 60px; height: 100%; float: left; text-align: center; }
.small-catalogue-folder .folder-details { width: 140px; height: 100%; float: right; margin-right: 15px; }
.small-catalogue-folder .folder-details p { margin: 0 0 0.75em; font-size: 0.9em; }

.folders { margin: 1em 0 2em; clear: both; }
.folders .folder { float: left; width: 25em; height: 10.5em; border: 1px solid #DDD; border-color: #DDD #AAA #AAA #DDD; margin: 1em 1em 0 0; } /* main folder catalogue menu */
.folder img { float: left; margin-left: 10px; margin-right: 10px; width: 100px; height: 75px; }
.folder h2 { margin: 0 0; padding: 0 10px 0 0; font-size: 1.15em; font-weight: normal; border: none; color: #999; }
.folder h2 a { font-weight: bold; color: #000; }
.folder h2 a:hover,
.folder h2 a:focus { color: #666; }
.folder p { margin-left: 120px; padding: 0 10px 0 0; }


.clearance-item { width: 280px; height: 10em; border: 1px solid #dddddd; background: #f8f8f8; float: left; margin: 0.5em 1em 0.5em 0;}
.clearance-item dl { float: right; width: 150px; margin: 20px 0 0;}
.clearance-item dl dt { font-size: 130%; font-weight: bold; } 
.clearance-item dl dd { }
.clearance-item img { margin: 0px 0 0 10px; /*width: 100px;*/ float: left; text-align: center; }

.clearance-item h2 { margin: 0 0 0.5em; padding: 0; font-size: 1.2em; font-weight: bold; border: none; }
.clearance-item h2 a { display: block; padding: 0.25em; background-color: #EEE; color: #000; }

.clr { clear: both; }

/* Special form label resets for item page
-------------------------------------------------- */
form #model label,
form #accessory label,
form .acc label { margin-right: 0; padding-left: 5px; width: auto; display: inline; float: none; text-align: left; position: relative; }


/* Order History
---------------------------------------------------*/
div.order-history { margin: 1em 0 2em; border: 1px solid #CCC; border-color: #CCC #999 #999 #CCC; }
.order-history h3 { margin: 1em 0 0.4em; padding-left: 5px; }

dl.order { padding-top: 0.6em; padding-left: 5px; width: 100%; }
dl.order dt { display: inline; line-height: 150%; width: 20%; vertical-align: top; text-align: right; }
dl.order dd { display: inline; line-height: 150%; margin: 0 2%; font-weight: bold; width: 25%; vertical-align: top; }
dl.order dd.singleline { width: 75%; }
dl.order dt.nodd { display: block; }
dl.order dt.space { margin-left: 2em; }


.order { margin: 0 0 4em; }
.order h2 { text-transform: uppercase; padding: 0.25em; /*border-bottom: 2px solid #CCC;*/  }
.order h2 em { font-weight: normal; font-style: normal; color: #F60; }
.order table { width: 100%; }
.order table th,
.order table td strong { color: #000; font-size: 1.12em; }
.order table thead td { border: 1px solid #CCC; }


/* Order Status - Capitalized because of :translations, do NOT alter case
---------------------------------------------------*/
.order a.Cancelled, 
.order a.Processing, 
.order a.Dispatched, 
.order a.Received { padding-left: 20px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
.order a.Cancelled { color: #F02; background-image: url("/ui/icons/order-cancelled.gif") }
.order a.Processing { background-image: url("/ui/icons/order-processing.gif") }
.order a.Dispatched { color: #093; background-image: url("/ui/icons/order-dispatched.gif") }
.order a.Received { color: #666; background-image: url("/ui/icons/order-received.gif") }

table.order { margin: 2em 0; }
table.order th { vertical-align: middle; padding: 0.5em; color: #333; }
table.order td { padding: 0.5em; }
table.order td.desc { width: 50%; }
table.order .prod_name { width: 25%; }


/* Address Scroller (Add, Edit, Delete Delivery Address)
-------------------------------------------------- */
ul#options { clear: both; height: 16em; max-height: 16em; overflow: scroll; background: #F5F5F5; border: 1px solid #CCC; padding: 0; margin: 0; }
ul#options li { list-style: none; margin: 0; padding: 0; background-image: none; border-bottom: 1px solid #CCC; }
ul#options a { display: block; background: #FFF; margin: 0; padding: 0.35em; text-decoration: none; }
ul#options a:hover,
ul#options a:focus,
ul#options a:active { background: #0088B5; color: #FFF; text-decoration: underline; }


/* Favourites
---------------------------------------------------*/
table.favourites {border: 1px solid #888; border-collapse: collapse; clear: both; margin: 1em 0 0;}
table.favourites td, table.favourites th {line-height: 1.5em; border: 1px solid #CCC; text-align: center;}
table.favourites .odd td {background: #EEE;}
table.favourites strong {display: block;}
table.favourites .desc {text-align: left;}
table.favourites .text {text-align: right; width: 6em;}
table.favourites td {padding: 0.5em;}
table.favourites td input {display: block; text-align: center;}
table.favourites button {background: transparent; border: 0; display: block;}
.savfavs {float: left;}
.addfavstobasket {float: right; background: #FFF url(/ui/btnblank.gif) top left no-repeat; border: 0; font-weight: bold; font-size: 1.0em; height: 34px; width: 140px;}
.addfavstobasket * {vertical-align: middle;}


/* Requisition Details
---------------------------------------------------*/
#requsition-details { margin: 2em 0 1em; }


/* Basket Options
---------------------------------------------------*/
dl.basketopt { margin: 1em 0 0; padding: 0 0 1em; background: transparent url("/ui/dotted-line.gif") repeat-x left bottom; }
dl.basketopt a { text-decoration: none !important; border: 0; color: #666; }
dl.basketopt dt, dl.basketopt dd { margin: 0 0 0.5em; }
dl.basketopt dd.price { color: #C00; }
dl.basketopt dd.add { height: 30px; margin-top: 7px; background: #FFF url("/ui/buttons/add.gif") no-repeat left center; }
dl.basketopt dd.add a { display: block; height: 100%; margin: 0; padding: 0; }


/* Basket Checkout and Delivery
-------------------------------------------------- */
#content .basket-shipping, 
#content .basket-checkout { width: 25em; margin: 0 0 0.5em ; }

.basket-shipping { float: left; }
.basket-shipping h3 { margin-top: 0; }

form#shipping-method { font-weight: bold; font-size: 1.1em; text-align: left; }
form#shipping-method { display: block; margin: 0.3em 0; }
form#shipping-method label { padding: 1.5em 0; width: auto; display: inline; }
form#shipping-method input.update { display: block; }

form#shipping-method { margin: 0; }
form#shipping-method .controlset div { margin: 0; }

.basket-checkout { float: right; /*border: 1px solid #B9E19D; background: #F2FAEF; padding: 0;*/ }
.basket-checkout ul { font-weight: bold; }
.basket-checkout .pay { margin: 0.5em; float: left; }

#payment-options { text-align: left; margin: 0.5em 0; }
#payment-options .pay { float: left; margin: 0.5em; }

.basket-checkout h3 { margin-top: 0; }
.basket-continue { border: none; border-top: 2px solid #B9E19D; background: #FFF; }
.basket-continue h3 { background: transparent; margin-top: 0; }


/* Search Categories
---------------------------------------------------------------------------*/
#search-categories { margin: 1em 0; padding: 2px; list-style: none; border: 1px solid #CCC; font-size: 1em }
#search-categories li { display: inline }
#search-categories li * { vertical-align: middle }


/* Testimonials
-----------------------------------*/
.testimonial { color: #000; width: 100%; margin: 0.8em 0; border-top: 1px solid #999; clear: both; }
.testimonial:after { clear: both; }
.testimonial-details { float: left; width: 130px; border-top: 1px solid #999; }
.testimonial-comment { float: right; width: 100%; margin: 0 0 0 -150px; }
.testimonial-comment div { margin: 1em 1em 1em 150px; }
.testimonial h4 { margin: 0; line-height: 150%; color: #369; }
.testimonial p { margin: 0 0 7px 0; line-height: 150%; } 
.testimonial .date { color: #C00; font-weight: bold; }
.testimonial ul { margin: 1em; padding: 0; }
.testimonial li { padding: 5px 0 5px 0; list-style: none; margin: 0; background: none; }
.testimonial li a { text-decoration: none; font-weight: normal; }
.testimonial li a:hover { text-decoration: underline; }


/* Sidebar
-----------------------------------*/
.sidebar { }
.sidebar h2 { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; background: transparent url("/ui/header-back-red.jpg") no-repeat scroll left top; text-align: center;
color: #ffffff; line-height: 30px; }
.sidebar ul { margin-top: 0; }
.sidebar ul li { }


/* Jargon Buster (Button)
-----------------------------------*/
.jargon-buster { padding: 1em 0; }
.jargon-buster a { border: 1px solid #CCC; background: #FFF; padding: 5px; text-decoration: none; font-weight: bold; }
.jargon-buster a:hover,
.jargon-buster a:focus,
.jargon-buster a:active { background: #003D8C; color: #FFF; }


/* Glossary (Jargon Buster Text Link and Hover/Floating Panel)
-----------------------------------*/
a.jargonbuster { /*background: transparent url("/ui/glossary-comment.gif") no-repeat right center; padding-right: 15px;*/ cursor: help; }
div#ajaxNode { position: absolute; width: 200px; padding-bottom: 10px; background: transparent url("/ui/jargon-tail.gif") no-repeat bottom left; /*filter: alpha(opacity:90); KHTMLOpacity: 0.9; MozOpacity: 0.9; opacity: 0.9;*/ }
div#ajaxNode div { padding: 3px 5px; }
div#ajaxNodeTitle { background: #31A0CB; margin: 0px; }
div#ajaxNodeText { background: #FFF; border: 2px solid #31A0CB; }
div#ajaxNodeTitle h3 { margin: 0px 0px 1px 0px; color: #FFF; }



/* Product Grid/Matrix Setup (Has a class of "grid", customise by giving it a unique id)
-------------------------------------------------- */
.grid { width: 100%; margin: 1em 0 2em; clear: both;  }
.clr-special { clear: both; float: none; height: 15px; margin: 1em 0; background: transparent url("/ui/clr-special.gif") no-repeat center top; }

/* Hero Product
-------------------------------------------------- */
.hero { float: right; width: 100%; margin: 0 0 1.5em -210px; }
.hero h2 { font-size: 1.5em; margin: 0 0 0.25em 220px; border-bottom: none; padding: 0; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
.hero h2 a { color: #000; }

.hero p { margin: 0 130px 0.5em 220px; }
.hero ul li { padding-left: 0; background-image: none; }
.hero-description { margin: 0 -130px 0 0; float: left; width: 100%; }
.hero-description li { margin: 0 130px 0.5em 220px; display: block; font-weight: bold; list-style-position: inside; }

.hero-pricing { width: 110px; float: right; margin: 0; }
.hero-pricing li { list-style: none; margin: 0 0 0.4em; }
.hero-pricing li a { font-weight: bold; }
.hero-pricing li.add-button { margin-top: 0.5em; }
.hero-pricing .big { font-size: 2em; }
.hero-image { float: left; text-align: center; display: block; width: 200px; margin: 0 0 0.75em; }


/* General Product Offers
-------------------------------------------------- */
.grid a.add { display: block; padding: 0; margin: 0; width: 80px; height: 40px; background: transparent url("/ui/buttons/add-sprite-large.gif") no-repeat left top; }
.grid a.add:hover { background-position: 0 -40px; }

.offer-left { float: left; width: 47%; }
.offer-right { float: right; width: 47%; }

.grid .offer { margin: 0 0 1em; }
.grid .offer h3 { margin: 0; font-size: 1.35em; font-weight: bold; text-transform: lowercase; }
.grid .offer h3 a { text-decoration: none; font-weight: bold; line-height: 150%; color: #000; text-transform: capitalize; }
.grid .offer h3 a:hover,
.grid .offer h3 a:focus { text-decoration: underline; }
.grid .offer .image { width: 100px; float: left; text-align: center; }
.grid .offer .image img { margin-bottom: 0.75em; }
.grid .offer .image a.add { margin: 0 auto; }
.grid .offer .description { width: 100%; margin: 0 0 0 -120px; float: right; }
.grid .offer .content { margin: 0 0 0 120px; }
.grid .offer .content p { margin: 0.35em 0 0; }
.grid .offer .content ul.features { /*margin: 0.5em 0;*/ }
.grid .offer .content li { font-weight: bold; }
.grid .offer ul { /*margin: 0.5em 0 0 0;*/ }
.grid .offer li { /*display: block; margin: 0.3em 0;*/  }
.grid .offer .image li { list-style: none; }


/* General Product Grid Related
-------------------------------------------------- */
li.no-bullet { list-style: none; }


/* Misc
-----------------------------------*/
iframe#parcel-tracking { width: 100%; height: 500px; overflow: scroll; }
p.footer-seo { padding-left: 240px; }
#folders { width: 100%; }
/*.folder { width: 20em; float: left; margin: 0 0.5em 0.5em 0; }*/
.pcwb-recommended-products { margin: 0 0 12px 0; /*width: 95%;*/ float: left; border: 2px solid #ff6900; padding: 1em; background: #FFE;}
.awards { margin: 0 40px; padding:0; }
.lead-log { color: #e00000 }

/* Social
-----------------------------------*/
.social { margin: 2em 0 0 0; padding: 0; } 

table#accessory, table#model { width: 100%; border-collapse: collapse;  margin: 1.2em 0;}
table#accessory td, table#model td  { padding: 8px 5px; }
table#accessory td.desc h2, table#model td.desc h2 { font-size: 1.1em; margin-bottom: 2px; }
table#accessory td.desc, table#model td.desc { width: 50%; }
table#accessory tr, table#model tr { border-bottom: 1px solid #cfcfcf; }