/*

	Corgi CSS
	-----------------------------------------------------------------------------------
	
*/

/* Reset */
body,html,
h1,h2,h3,h4,h5,h6,p,blockquote,
ul,ol,li,dl,dt,dd,
aside,header,footer,article,section,
table,thead,tbody,tfoot,tr,th,td,
form,fieldset { /* normalise margin, padding, typography */
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Helvetica, Arial, Lucida Sans Unicode, sans-serif;
	font-size: 100%;
	line-height: inherit;
	vertical-align: baseline;
}
ol, ul { list-style: none outside; }
table { border-collapse: collapse; border-spacing: 0; border: 0; }
table th,
table td { vertical-align: middle; border: 0; }
fieldset, img { border: 0; }
q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */
input.submit,button { width: auto; overflow: visible; margin:0; padding: 1px 6px; vertical-align: middle; }
sub,sup { line-height: 0; }

button, input, select { font-size: 100%; font-family: "Trebuchet MS", Helvetica, Arial, Lucida Sans Unicode, sans-serif; }

input:focus,
select:focus,
textarea:focus {
background: #ffc;
}

/* Layout 
------------------------------------------------------------------------------------*/

body {
	background: #fff;
	line-height: 20px;
	text-align: center;
}

#wrapper {
	width: 874px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}

#header {
padding-top: 20px;
width: 874px;
	padding-bottom: 130px;
}


#header #logo {
margin: 0 0 10px;
}

#header .logged-in-as { float: right; display: none; }

#header .inner-content {
overflow: hidden;
}

#inner-wrapper {
width: 874px;
float: left;
margin: 10px 0 20px;
}

#primary {
float: left;
width: 494px;
margin-top: 10px;
margin-left: 177px;
margin-right: 203px;
padding-bottom: 14px;
background: url(/static/Image/primary-bot-bd.png) no-repeat left bottom;
}
#primary .inner-content {
padding-bottom: 2px;
background: url(/static/Image/primary-mid-bd.png) repeat-y left top;
float: left;
width: 100%;
}
.primary .box {
margin-left: 8px;
margin-right: 8px;
}

#secondary {
float: left;
width: 193px;
margin-left: -193px;
padding-top: 10em;
position: relative;
}
.product-search #secondary,
.home #secondary {
padding-top: 0;
}

#tertiary {
float: left;
width: 166px;
margin-left: -874px;
position: relative;
}

#footer {
clear: both;
}


/* private site login screen */
.private #header {
width: 494px;
margin: 0 auto;
padding-bottom: 0;
}
.private h1 img {
width: auto;
}
.private #primary {
border-top: 1px solid #ccc;
}
.private #footer {
text-align: center;
font-size: small;
margin: 60px 0 20px;
}


/* Boxes - specific section styling
------------------------------------------------------------------------------------*/
/* =links =top */
#top-links { position: absolute; right: 0; top: 5px; font-size: 12px; }
#top-links li { float: left; margin-left: 20px; }
#top-links a { font-size: small; }

/* =links =tabs */
#tab-links { margin: 10px 0; clear: both; }
#tab-links ul { overflow: hidden; }
#tab-links li { float: left; padding: 0 10px; }
#tab-links li + li { border-left: 1px solid #ccc; }
#tab-links a { padding: 0; white-space: nowrap; color: ; }


/* =top =search */
#top-search { display: none; }

.home #primary {
margin-top: 11em;
}
.home .sidebar #search {
position: absolute;
left: 177px; top: 0;
width: 242px;
background: url(/static/Image/blue-box-top-bg.png) no-repeat left top;
}
.home .sidebar #search fieldset {
min-height: 151px;
background: url(/static/Image/blue-box-bot-bg.png) no-repeat left bottom;
}
.sidebar #search {
position: absolute;
left: 681px; top: 0;
width: 195px;
min-height: 151px;
background: url(/static/Image/blue-box-side-top.png) no-repeat left top;
}
.sidebar #search fieldset {
min-height: 151px;
background: url(/static/Image/blue-box-side-bot.png) no-repeat left bottom;
}
.sidebar #search h3 {
color: #fff;
font-size: 14px;
margin: 6px 12px 0;
padding: 0;
}
.sidebar #search label {
display: block;
color: #fff;
font-size: 12px;
padding: 4px 0 0;
line-height: 12px;
}
.sidebar #search input,
.sidebar #search select {
width: 97%;
margin: 0;
font-size: 12px;
padding: 0;
}
.sidebar #search option { padding: 0; }
.sidebar #search select {
width: 99.3%;
}
.sidebar #search li {
display: block;
}
.sidebar #search ol {
margin: 0 12px;
}


.sidebar #search fieldset.submit {
height: 0; padding: 0;
min-height: 0;
margin: 0; background: none;
}
.sidebar #search input.submit {
margin: 6px 12px;
position: absolute;
top: 2px; right: 0;
background: url(/static/Image/go-button.png) no-repeat center;
text-indent: -999px;
display: block;
border: 0;
width: 51px;
height: 20px;
overflow: hidden;
line-height: 120px;
cursor: pointer;
}

.primary #search legend small {
margin-left: 16px;
}


#category-nav {
background: url(/static/Image/cat-bg.png) no-repeat center top;
border: 1px solid #ccc;
border-width: 0 1px;
margin-top: 10px;
padding-bottom: 20px;
}
#category-nav h3 {
background: url(/static/Image/long-orange-header-bg.png) no-repeat left top;
position: relative;
width: 134px;
top: -10px;
margin: 0 -1px -10px;
padding: 2px 16px 4px;
font-size: 14px;
}
#category-nav ul {
margin: 4px 4px 4px;
}
#category-nav ul ul {
display: none;
}
#category-nav li {
border-bottom: 1px solid #ccc;
}
#category-nav a {
color: #777;
font-size: small;
display: block;
padding: 7px 0 5px 28px;
min-height: 20px;
line-height: 16px;
}

.cat-link-plumbing {
background: url(/static/Image/plumbing.png) no-repeat 4px center;
}
.cat-link-gas-heating {
background: url(/static/Image/gas-and-heating.png) no-repeat 2px center;
}
.cat-link-electrical {
background: url(/static/Image/electrical.png) no-repeat 7px center;
}
.cat-link-ventilation {
background: url(/static/Image/ventilation.png) no-repeat 2px center;
}
.cat-link-energy-efficiency {
background: url(/static/Image/energy-efficiency.png) no-repeat 4px center;
}
.cat-link-renewable-energies {
background: url(/static/Image/energy-efficiency.png) no-repeat 4px center;
}
.cat-link-training-aids {
background: url(/static/Image/training-aids.png) no-repeat 4px center;
}
.cat-link-workwear {
background: url(/static/Image/workwear.png) no-repeat 2px center;
}
.cat-link-alarms-co-detectors {
background: url(/static/Image/alarms-and-co-detectors.png) no-repeat 2px center;
}
.cat-link-labelling-machines {
background: url(/static/Image/labeling-machines.png) no-repeat 2px center;
}
.cat-link-trade-accessories-tools {
background: url(/static/Image/trade-accessories-and-tools.png) no-repeat 2px center;
}
.cat-link-business-construction {
background: url(/static/Image/business-and-construction.png) no-repeat 2px center;
}
.cat-link-health-and-safety {
background: url(/static/Image/health-and-safety.png) no-repeat 2px center;
}
.cat-link-kits-packs {
background: url(/static/Image/kits-and-packs.png) no-repeat 1px center;
}
.cat-link-oil {
background: url(/static/Image/oil.png) no-repeat 1px center;
}
.cat-link-van-equipment {
background: url(/static/Image/van_icon2.png) no-repeat 1px center;
}

.sidebar .links-title {
position: absolute;
left: -9999px;
top: -9999px;
}

#tertiary .links li {
margin: 10px 0;
}
#tertiary .links img {
display: block;
margin: 0 auto;
}
.links .description {
position: absolute;
left: -9999px; top: -9999px;
}

.secondary .links li {
margin: 10px 0;
}

.secondary-link-request-a-catalogue {
display: none;
}
.home #secondary .secondary-link-request-a-catalogue {
display: block;
position: absolute;
top: 0; right: 203px;
margin: 0;
}
.home .secondary-link-request-a-catalogue .description {
display: none;
}
.home .secondary-link-request-a-catalogue img {
display: block;
}
.tertiary-link-banner-advert,
.secondary-link-banner-advert {
display: block;
position: absolute;
top: -150px;
right: 0;
width: 874px;
}

.sidebar #login {
display: none;
}

/* =basket =mini */
.mini-basket {
position: absolute;
top: -245px;
font-size: x-small;
padding: 6px 60px 6px 6px;
width: 128px;
height: 70px;
right: 0;
line-height: 12px;
background: url(/static/Image/basket-border.png) no-repeat left top;
}
#wrapper .mini-basket h3 {
font-size: x-small;
color: #000;
margin-bottom: 2px;
}
.mini-basket p {
margin-top: 4px; padding: 0;
background: none; border: 0;
font-size: x-small;
font-weight: normal;
}
.mini-basket li {
display: inline;
}
.mini-basket li.items {
margin-right: 3px;
}
.mini-basket .proceed-link {
display: inline-block;
width: 65px;
height: 17px;
line-height: 17px;
color: #fff;
padding: 0;
background: url(/static/Image/checkout-button.png) no-repeat center;
font-size: small;
text-align: center;
font-weight: bold;
}


#featured {
position: relative;
top: -10px;
background: url(/static/Image/blue-header-new-prods-bg.png) no-repeat 1px top;
padding-top: 40px;
margin: 0;
}
#featured h2 {
display: none;
}
#featured li h2 {
display: block;
}
#featured ul {
margin: 8px;
}

#page-nav {
margin: -10px 1px 0;
}
#page-nav h3 {
display: none;
}
#page-nav li {
background: url(/static/Image/long-orange-header-bg.png) no-repeat left top;
width: 134px;
margin: 0 -1px 10px;
padding: 2px 16px 4px;
font-size: 14px;
}
#page-nav a {
color: #fff;
font-weight: bold;
}


/* =table (tables that ARE NOT user submitted content via FCKin editor */
.nc { border: 0; width: 100%; margin: 0; font-size: small; clear: both; }
.nc td, .nc th { font-size: small; padding: 0; margin: 0; vertical-align: middle; }
.nc th { font-weight: bold; text-align: left; }
.nc thead th { padding: 5px 10px 5px 0; color: #393a3d; font-size: medium; font-weight: bold; line-height: 1; border-bottom: 1px solid #ccc; }
.nc thead th small { font-size: 10px; }
.nc tfoot th { border-top: 1px solid #ccc; color: #; }
.nc tfoot td { border-top: 1px solid #eee; }
.nc tbody td { padding: 5px 10px 5px 0; line-height: 1.2; }
.primary .tac { text-align: center; padding-left: 6px; padding-right: 6px; }
.primary .tar { text-align: right; padding-right: 6px; }
.primary .tal { text-align: left; padding-right: 6px; }
.nc .odd { background: #f6f6f6; }
.nc .even {  }

/* =basket =steps */
.steps { padding: 10px 5px; font-size: 16px; margin: 0 0 10px; border: 1px solid #ccc; border-width: 1px 0; background: #f4f4f4; }
.steps input,
.steps span,
.steps a { display: inline; margin: 0; background: none; border: 0; padding: 5px 10px; }
.steps input,
.steps span,
.steps a:link,
.steps a:visited,
.steps a:hover,
.steps a:active { text-decoration: none; }
.steps a, .steps span { }
.steps input { cursor: pointer; }
.steps input:hover,
.steps a:hover {  }
.steps .current { background: #8F9FCA; color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px; }

/* =basket */
.basket .steps .current { font-weight: bold; }
.basket { margin: 20px 0; }
.basket fieldset { margin: 0; padding: 0; }
.basket .nc { margin: 0; }
.basket #pd {  }
.basket #rm {  }
.basket #ac { color: #fff; width: 10px; text-indent: -9999px; overflow: hidden; }
.basket .odd { background: #eee; }
.basket td.pd { padding: 5px 5px 5px 0; line-height: 16px; }
.basket td.pd p { margin: 0; }
.basket td.img { padding: 5px; }
.basket input.submit { margin: 0; }
.basket table img {  }
.basket thead th { font-size: small; padding:; }
.basket tbody td { padding-right: 10px; } 
.basket tfoot th { padding: 10px 0; }
.basket .tac input { text-align: center; }
.basket .quantity { width: 2.8em; text-align: center; }
.basket #tt { }
.basket .tot { }
.basket fieldset.submit {
text-align: right;
padding-right: 6px;
}


/* =news */
#news .date { margin-left: 110px; display: block; }
#news li { padding: 20px 0; overflow: hidden; }
#news h2 { float: right; width: 358px; margin: 0 10px 10px 0; display: inline; }
#news h2 a { padding: 0; display: block; font-weight: bold; }
#news img { float: left; margin: 0 10px 10px 0; }
#news .strapline { clear: right; margin: 10px 10px 10px 110px; }
#news .body { margin: 10px 10px 10px 110px; font-size: small; }
#news .pagination { display: block; }
.news .primary .back { display: block; margin: 10px; font-size: small; border-top: 1px solid #ccc; padding: 10px 0 0; }

.news .date { display: none; }
.news .strapline { margin: 0px 10px 10px; }
.news .body { font-size: small; margin: 10px; }
.news img { float: left; margin: 0 10px 10px 10px; display: inline; }
.news .pagination { display: none; }

/* =nav =breadcrumbs */
#breadcrumbs {
font-size: x-small;
display: none;
}
#breadcrumbs .current {
display: none;
}
.category #primary h1 { position: absolute; left: -9999px; top: -9999px; }

.product #breadcrumbs,
.category #breadcrumbs {
display: block;
font-size: 14px;
font-weight: normal;
font-weight: bold;
padding: 11px 10px;
background: url(/static/Image/blue-header-cart-bg.png) no-repeat left top;
color: #fff;
position: relative;
top: -10px; left: 0;
margin: 0 1px;
}
.product #breadcrumbs a,
.category #breadcrumbs a {
color: #fff;
}
.product #primary h1 {
background: none;
color: #000;
padding-bottom: 0;
}

/* =nav =subcats */
#sub-categories {
margin: 0 8px;
}
#sub-categories ul { overflow: hidden; margin-bottom: 20px; }
#sub-categories li {
float: left;
width: 159px;
position: relative;
padding: 30px 0 20px;
border: 1px solid #ccc;
border-width: 0 1px 1px 0;
margin-bottom: -1px;
}
#sub-categories li.a {
clear: both;
}
#sub-categories li.c {
margin-left: -3px;
float: right;
border-width: 0 0 1px;
}

#sub-categories a {
display: block;
padding-bottom: 130px;
text-align: center;
font-size: small;
color: #000;
}
#sub-categories img {
display: block;
position: absolute;
bottom: 20px; left: 20px;
width: 120px;
height: 120px;
}
#sub-categories h2 span {
display: block;
position: absolute;
top: 1px; left: 4px;
width: 150px;
padding: 10px 0;
background: #fff;
background: rgba(255,255,255,.85);
line-height: 1.2;
}
#sub-categories h2 a:hover span {
text-decoration: underline;
}

/* =nav =subpages */
#sub-pages {
float: right;
font-size: small;
padding: 0 10px;
border-left: 1px solid #ccc;
margin-bottom: 10px;
width: 120px;
}
#sub-pages ul { padding: 0; margin: 0; }
#sub-pages li {  }
#sub-pages li li { display: none; }
#sub-pages a { padding: 0; }

.my-account .primary .body {
margin-right: 160px;
}

/* =sidebar =nav */
.sidebar ul {  }
.sidebar li {  }
.sidebar a { padding: 0; display: block; }

/* =links */
.primary .back {
display: none;
margin: 10px 8px 0;
font-size: 12px;
font-style: italic;
color: #7d7d7d;
}
.category .primary  .back { display: block; }

#secondary .links {
}
#secondary .links li {
font-size: 12px;
text-align: center;
line-height: 1.2;
}
#secondary .links img {
display: block;
margin: 0 auto;
}


#logos {
text-align: center;
}
#logos img {
display: inline;
}

/* =links =bestsellers */
#bestsellers {  }
#bestsellers li { float: left; width: 33.3333333%; } /* 3 column list */
#bestsellers li.a { clear: both; }
#bestsellers li.c { float: right; margin-left: -3px; }
#bestsellers img { max-width: 100%; }
#bestsellers .image { display: block; width: 100%; }

/* =nav =site-map */
#site-map { }

/* =meta */
#meta { }
#meta p { }

/* =links =bottom */
#bottom-links {  }
#bottom-links li { }
#bottom-links a { }

/* =nav =back-to-top */
#back-to-top { }
#back-to-top a { }

/* =location  - this class is applied to the containing <li> around any link that matches the current location */
.location a,
.location .location a { font-weight: bold; }
.location ul a { font-weight: normal; }


/* =sidebar =news */
#latest-news {
background: url(/static/Image/shapeimage_46.png) no-repeat left top;
height: 123px;
padding: 8px 0 0;
display: none;
}
.home #latest-news {
display: block;
}
#latest-news .inner-box {
margin: 0 12px;
}
#latest-news h3 {
margin: 0 0 6px;
line-height: 1.2;
}
#latest-news h4 { line-height: 14px; }
#latest-news h4 a { text-decoration: underline; color: #fff; font-weight: normal; }
#latest-news .date { display: none; }
#latest-news ol {
position: relative;
}
#latest-news li {
position: absolute;
left: 0; top: 0;
}
#latest-news p { margin: 6px 0; font-size: 10px; color: #fff; line-height: 12px; }
#latest-news img { margin: 5px 5px 5px 0; }

/* =form */
.primary fieldset { padding: 8px 0;  }
.primary legend { font-weight: bold; font-size: medium; color: #000; padding: 0; }
.primary form h3 { font-weight: bold; font-size: medium; margin: 0 0 10px; }
#primary form .msg { margin-left: 0; margin-right: 0; }
.primary fieldset ol { margin: 0 0 10px; font-size: 12px; border-top: 1px solid #ccc; padding-top: 10px; }
.primary fieldset li { overflow: hidden; padding: 0; position: relative; padding: 2px 0; }
.primary form li label { float: left; width: 130px; padding: 5px 0 0 0; padding-right: 10px; line-height: 14px; }
.primary form li em, .req { color: #c00; }
.primary form li em,
.primary form li .req { position: absolute; left: 130px; top: 5px; }
.primary form li input,
.primary form li select,
.primary form li textarea { margin: 0; }
.primary form li textarea { width: 23em; }
#wrapper .currency input { width: 6em; margin-right: 4px; vertical-align: middle; } /* use #id overrides */
#wrapper .currency select { margin-left: 0; vertical-align: middle; }
form .text input, form .Text input,
form .number input, form .Number input,
form .URL input, form .Postcode input,
form .Email input, form .email input, form .email-address input,
form .readonly input, form .password input,
form .select input { width: 12em;  }
form .readonly input { background: #fff; border: 1px solid #fff; }
form li.checkbox input,
form li.Checkbox input { vertical-align: middle; margin: 0; }
form li.nolabel select { margin-left: 0; width: 70%; }
.amount input, input.qty { width: 2.4em; }

option { padding: 0 0.2em 0 0.4em; }

li.file fieldset { padding: 0; margin: 0; border: 0; }
li.file fieldset legend { padding: 0; }
li.file fieldset img { float: left; }
li.file fieldset label { width: auto; display: block; overflow: hidden; padding: 0; }
li.file fieldset span.desc { float: left; width: 9em; padding: 0; }

.small { vertical-align: middle; }
.small,
.small fieldset { padding: 0; margin: 0; border: 0; }

fieldset.submit { padding: 0 0 20px 140px; font-size: 12px; }
fieldset.submit input,
fieldset.submit a { vertical-align: middle; }

.button,
.addall,
input.submit {
border: 1px solid #2f519e;
background: #2F519E url(/static/Image/button-bg.png) repeat-x left top;
cursor: pointer;
color: #fff;
padding: 3px 8px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}

#wrapper .addall {
padding: 5px 10px;
cursor: default;
margin: 20px 0 10px;
}
#wrapper .addall input {
cursor: pointer;
}

#login ul {
font-size: small;
margin-left: 140px;
}

#request-new-pwd {
margin: 8px;
}

.datamate {
margin: 8px;
}


/* =product */
.product #primary { background: none; }
.product #primary .inner-content { background: none; }

#wrapper #product { overflow: hidden; margin: 0; position: relative; }
.product #primary h1 { padding-left: 0; line-height: 1.2; width: 340px; }
#product .pid { display: block; font-size: 12px; font-weight: normal; color: #999; }

#product .image { float: left; width: 206px; padding-top: 218px; position: relative; margin: 0 10px 10px 0; }
#product .image img { position: absolute; top: 0; left: 0; width: 204px; height: 190px; border: 1px solid #ccc; }
#product .image a { position: absolute; top: 0; left: 0; width: 206px; height: 192px; display: block; padding-bottom: 26px; background: url(/static/Image/view-full-size.png) no-repeat right bottom; }

#product .images { float: left; width: 206px; padding-top: 218px; position: relative; margin: 0 10px 10px 0; }
#product .images img { position: absolute; top: 0; left: 0; width: 204px; height: 190px; border: 1px solid #ccc; }
#product .images a { position: absolute; top: 0; left: 0; width: 206px; height: 192px; display: block; padding-bottom: 26px; background: url(/static/Image/view-full-size.png) no-repeat right bottom; }

#product .images ul { overflow: hidden; width: 120%; margin-right: -20%; margin-top: 5px; padding-bottom: 5px; }
#product .images ul li { float: left; width: 60px; height: 60px; display: block; margin-right: 12px; }
#product .images ul li a { position: static; width: 60px; height: 60px; display: block; padding-bottom: 0; background: none; }
#product .images ul li img { position: static; width: 58px; height: 58px; }

#product .info-wrap {
position: relative;
float: right;
width: 278px;
}

#product .gallery {
clear: left;
float: left;
width: 204px;
margin: 0 0 20px;
display: none;
}
#product .gallery li {
float: left;
width: 33.333%;
}
#product .gallery img {
width: 100%;
height: auto;
}
#product .body {
clear: left;
margin: 8px; font-size: 12px;
line-height: 14px;
}
#product .colour-swatches {
float: left;
width: 32px;
margin: 0 10px -140px 0;
height: 192px;
overflow: hidden;
padding-right: 10px;
border-right: 1px solid #ccc;
}
#product .colour-swatches h4 {
position: absolute;
left: -9999px; top: -9999px;
}
#product .swatch {
width: 30px;
height: 30px;
display: block;
border: 1px solid #ccc;
margin: 0 0 8px;
}
#product .price-box {
position: absolute;
margin: 0 16px 8px;
color: #F5A417;
top: -36px; right: 0;
font-size: 12px;
}
#product .price {
font-size: 20px;
}
#product .stock {
line-height: 1;
padding: 0 0 0;
float: left;
}
#product .stock .num {
font-weight: bold;
font-size: large;
}
#product .stock .dropship {
display: block;
font-size: small;
font-style: italic;
color: #7d7d7d;
}

#product .document {
position: absolute;
margin: 0;
top: 200px; left: -216px;
}
#product .document a {
text-indent: -9999px;
display: block;
}
#product .document img {
position: absolute;
left: 0; top: 0;
}

#product .tabs-box {
clear: both;
padding: 20px 0;
}
#product .tabs {
overflow: hidden;
margin: 0;
padding: 0;
}
#product .tabs li {
float: left;
padding-right: 10px;
background: url(/static/Image/tab-links.png) no-repeat right -33px;
margin-right: 5px;
}
#product .tabs a {
float: left;
padding: 0 10px 0 20px;
line-height: 26px;
font-size: small;
white-space: nowrap;
color: #444;
background: url(/static/Image/tab-links.png) no-repeat left -33px;
}

#product .tabs .current {
background: url(/static/Image/tab-links.png) no-repeat right top;
}
#product .tabs .current a {
background: url(/static/Image/tab-links.png) no-repeat left top;
outline: 0;
}
#product .tabs a:focus,
#product .tabs a:active { outline: 0; }

#product .tab-conts {
border: 1px solid #ccc;
clear: both;
display: block;
min-height: 100px;
}

#product .nc {
clear: none;
width: 240px;
margin: 8px;
}
#product .discounts {
float: right;
clear: right;
}
#product .discounts td,
#product .discounts th {
text-align: right;
padding: 0 0 0 20px;
font-size: 12px;
border: 0;
}
#product .item-info { width: 476px; }
#product .item-info th { vertical-align: top; padding-right: 20px; }
#product .item-info td { vertical-align: top; padding-bottom: 10px; }

#product .small {
margin: 5px 8px 5px 0;
text-align: right;
clear: right;
font-size: small;
overflow: hidden;
width: 220px;
float: right;
display: inline;
}

#product .small input.submit {
float: right;
cursor: pointer;
z-index: 20;
}
#product .favourites input.submit { background: #fff url(/static/Image/add-to-favourites.png) no-repeat center; border: 0; text-indent: -9999px; width: 82px; height: 30px; cursor: pointer; line-height: 120px; overflow: hidden; display: block; margin: 0; }

#product .basket { position: relative; }
#product .basket h3 { display: none; }
#product .basket .qty-label { position: absolute; right: 90px; bottom: 2px; }
#product .basket .qty-label span.desc { display: inline; }
#product .basket .qty-label input.qty { width: 3.2em; }
#product .basket label { display: block; padding: 4px 0; clear: both; overflow: visible; }
#product .basket span.desc { font-weight: bold; text-align: left; display: block; padding: 0 0 3px 5px; }
#product .basket div label span.info-link { display: none; }
#product .basket div label span.info-link acronym { display: none; }
#product .basket div label span.info-link span { display: block; }
#product .basket label input { width: 10em; text-align: left; }
#product .basket label select { width: 100%; }
#product .basket input.submit { background: #fff url(/static/Image/add-to-basket-small.png) no-repeat center top; border: 0; text-indent: -9999px; width: 82px; height: 28px; cursor: pointer; line-height: 120px; overflow: hidden; display: block; margin: 0 auto; }
#product .results { padding: 4px 0 0; clear: both; }
#product .results .calculate,
#product .results table { }
#product .results table th,
#product .results table td { padding-right: 16px; }
#product .results strong { }
#product #upsell {  }

#product #customer-reviews {
margin: 8px;
clear: both;
}
#product #customer-reviews .ratings {
margin: 10px 0;
border-top: 1px solid #dfdfdf;
}
#product #customer-reviews .ratings li {
font-size: 12px;
margin: 10px 0;
border-bottom: 1px solid #dfdfdf;
}

.ratings .rating strong {
padding: 0;
padding-right: 90px;
line-height: 16px;
display: inline-block;
height: 16px;
overflow: hidden;
background: url(/static/Image/stars.gif) no-repeat right top;
}
#product .ratings .rated-1 {
background-position: right top;
}
#product .ratings .rated-2 {
background-position: right -16px;
}
#product .ratings .rated-3 {
background-position: right -32px;
}
#product .ratings .rated-4 {
background-position: right -48px;
}
#product .ratings .rated-5 {
background-position: right bottom;
}
#product #customer-reviews p.comment {
margin-top: 0;
}
#product #customer-reviews h3 {
position: absolute;
left: -9999px; top: -9999px;
}
#product #customer-reviews legend {
font-size: 14px;
}
#product #customer-reviews .msg {
margin: 10px 0;
}
#stars-cap { margin: 3px 5px; display: inline-block; }

#related {
width: 110%;
margin-right: -10%;
overflow: hidden;
}
#related li {
float: left;
width: 156px;
margin: 10px 10px 10px 0;
font-size: 14px;
line-height: 16px;
border: 1px solid #ccc;
}
#related a {
display: block;
position: relative;
height: 3.6em;
padding: 4px 4px 150px;
font-size: 12px;
}
#related img {
display: block;
margin: 0;
padding: 4px;
position: absolute;
width: 140px;
height: auto;
bottom: 0;
}

/* =addresses */
#addresses .address-list { }
#addresses .address-list li { float: left; width: 100%; }
#addresses .address-list .options { float: right; clear: right; width: 30%; margin: 0; height: 3.6em; }
#addresses .address-list .options fieldset { }
#addresses .address-list .options label { padding: 0; display: inline; float: none; }
#addresses .address-list .options input { margin: 0; vertical-align: top; }
#addresses .address-list .options a { margin: 0; }
#addresses .address-list .adr { font-size: small; float: left; width: 60%; padding: 0; }

/* =orders */
#my-orders fieldset { border: 0; text-align: center; }
#my-orders label { margin: 0 2px; }

#past-order-filter label { margin-right: 16px; }
#past-order-filter .submit { vertical-align: middle; }

/* =logos */
#logos { }

/* =users */
#my-users form h3 { }

/* =sidebar =form */
.sidebar fieldset ol { margin: 0; padding: 0; }
.sidebar fieldset li { margin: 0; padding: 0; }

/* =sidebar =login */


/* =msg */
.msg { border: 2px solid #ff9; background-color: #ffe; margin: 0; padding: 8px; font-size: medium; clear: both; font-weight: bold; }
.primary p.msg { margin: 8px; }
.primary p.msg a { display: inline-block; }
.msg h3 { }
.msg p { }
.info { background: #ffe url(/templates/blank/lib/info.png) no-repeat 6px 0.44em; }
.error { background: #ffe url(/templates/blank/lib/error.png) no-repeat 6px 0.44em; }
.success { background: #ffe url(/templates/blank/lib/success.png) no-repeat 6px 0.44em; }
.warning { background: #ffe url(/templates/blank/lib/warning.png) no-repeat 6px 0.44em; }


/* =product-list */
.product-list {  }
.product-list ol { list-style: none outside; clear: both; }
.product-list li { border-bottom: 1px solid #dfdfdf; font-size: small; padding: 12px 0 12px 0; overflow: hidden; }
.primary .product-list li { position: relative; padding-left: 140px; min-height: 109px; overflow: hidden; }
.product-list h3,
.product-list h2 { font-size: small; color: #000; line-height: 16px; font-weight: bold; }
.primary .product-list h3,
.primary .product-list h2 { float: left; width: 240px; }
.product-list h3 a,
.product-list h2 a { color: #000; }
.primary .product-list .body { float: left; width: 240px; clear: left; }
#wrapper .product-list .body { font-size: 12px; margin: 5px 0; line-height: 14px; }
.product-list .pid { font-weight: normal; display: block; color: #999; font-size: 10px; }
.primary .product-list .price-box { clear: left; float: left; width: 100px; }
.primary .product-list li a img { position: absolute; top: 10px; left: 20px; width: 100px; height: 100px; }
.primary .product-list .options { overflow: hidden; float: right; clear: right; margin-top: 7px; }
.primary .product-list .options input { margin-right: 5px; }
.product-list .small { margin: 0 0 10px 0; padding: 0; }
.primary .product-list .small {  }
.product-list .basket input {
	background: url(/static/Image/add-to-basket-small.png) no-repeat center top;
	border: 0; text-indent: -9999px; width: 82px; height: 28px; margin: 0 auto;
	cursor: pointer; line-height: 120px; overflow: hidden; display: block; }
.product-list .favourites { display: none; }
.product-list .item-info { clear: both; }
.product-list .item-info th { width: 20%; }
.product-list .item-info th,
.product-list .item-info td { }
.primary .product-list .more { float: left; width: 140px; text-align: right; }
.primary .product-list .more a { color: #F5A417; }

.sidebar .product-list {
text-align: center;
overflow: hidden;
background: url(/static/Image/sidebar-box-bd.png) no-repeat left bottom;
}
.sidebar .product-list .even {
border: 0;
}
.sidebar .product-list h2 {
height: 41px;
background: url(/static/Image/blue-header-bg-cart.png) no-repeat left top;
color: #fff;
margin: 0;
text-align: left;
padding: 0 10px;
line-height: 41px;
}
.sidebar .product-list ol {
margin: 0 10px;
}
.sidebar .product-list .price-box {
margin: 0 0 10px 0;
}
.sidebar .product-list a img {
float: left;
width: 80px;
height: auto;
margin: 8px 0;
}
#wrapper .sidebar .product-list .icons {
float: right;
margin: 8px 0;
}
#wrapper .sidebar .product-list .icons img {
margin: 0;
padding: 0;
display: block;
width: 70px;
height: auto;
}

.sidebar .product-list .pid,
.sidebar .product-list .body,
.sidebar .product-list .more {
display: none;
}

.primary .featured {
background: #f3f3f3;
border: 1px solid #ccc;
clear: both;
}
.primary .product-list .list-title {
padding: 10px;
text-transform: uppercase;
background: #8F9FCA;
color: #fff;
width: auto;
float: none;
font-size: 14px;
}
.primary .featured li .product-name {
font-size: 14px;
}
.primary .featured li a img {
border: 1px solid #ccc;
padding: 4px;
background: #fff;
left: 15px;
}

#wrapper .icons {
text-align: right;
margin: 0 5px;
}
#wrapper .icons img {
display: inline;
margin: 0 0 0; padding: 0;
width: auto; height: auto;
position: static;
}
#product .icons {
float: right;
clear: right;
margin: 0 6px;
display: inline;
}
#product .icons img {
display: block;
margin: 0;
}

/* my account */
#addresses .address-list li {
overflow: hidden;
margin: 20px 0;
}
.address-list .adr {
float: left;
width: 300px;
}
#addresses .address-list fieldset {
padding: 0 0 5px;
}
#addresses .address-list label {
padding: 0;
}
#addresses .address-list input {
width: auto;
margin: 0 5px 0 0;
}

#a-z-list ul {
width: 24.9%;
float: left;
}
#a-z-list a { display: block; }


#footer {
padding-bottom: 0;
}

#footer h3 {
text-transform: uppercase;
font-weight: normal;
margin: 0 40px 6px;
color: #fff;
}

#footer .line {
border-top: 4px solid #0A3E94;
background: #0A3E94 url(/static/Image/footer-nav-bg.png) repeat-x left top;
}

#footer .line ul {
margin: 0 40px;
font-size: 12px;
line-height: 16px;
color: #fff;
}
#footer .col {
border-right: 1px solid #eee;
height: 100%;
margin: 15px -1px 15px 0;
min-height: 202px;
}

#footer .line a {
color: #fff;
}

#footer .footer-meta {
font-size: 10px;
border: 0;
line-height: 12px;
margin: 0 0 10px 0;
padding: 0 0;
background: #F5A417 url(/static/Image/footer-bg.jpg) repeat-x center top;
color: #fff;
overflow: hidden;
}
#footer .footer-meta p {
margin: 10px;
}
#footer .footer-meta .col {
min-height: 0;
border: 0;
margin: 0;
}
#footer .footer-meta .last p {
margin-left: 40px;
text-align: right;
}


/* Basic element styles (low level stuff)
---------------------------------------------------------------------------------------*/

h1 { font-size: large; }
#primary h1 {
font-size: 14px;
font-weight: normal;
font-weight: bold;
padding: 10px;
background: url(/static/Image/blue-header-cart-bg.png) no-repeat left top;
color: #fff;
position: relative;
top: -10px;
margin: 0 1px;
}
h2 { font-weight: normal; }
h3 { font-size: medium; font-weight: bold; }
h4 { font-size: small; font-weight: bold; }

/* may want some alternate styling in sidebars or on .tertiary, .secondary, #basket etc... */
.sidebar h3 { color: #fff; }

div.date { font-size: x-small; }

.pid { display: none; } /* product id span */
.price { font-weight: bold; } /* price display (not always a span) */

.pagination { font-size: small; overflow: hidden; padding: 10px 0; vertical-align: bottom; border: 1px solid #bebebe; border-width: 1px 0; }
.pagination .per-page { float: left; }
.pagination .next { float: right; }
.pagination .prev { float: right; }

dl { overflow: hidden; font-size: small; border-bottom: 1px dotted #ddd; }
dl dt { float: left; width: 12em; border-top: 1px dotted #ddd; clear: left; }
dl dd { margin-left: 12em; border-top: 1px dotted #ddd; }

.adr { font-size: small; }

.logged-in-as { font-size: x-small; }

a { text-decoration: none; color: #0A3E94; }
a:link { }
a:visited {  }
a:hover { text-decoration: underline; }
a:active { }

p.line-shipping { }

caption { font-weight: bold; text-align: left; }

.add-costs-info {
	border: 1px solid #ccc;
} 
.add-costs-info th {
	background: #eee;
}

.virtual-category .body,
.category .body,
.page .body {
font-size: small;
margin: 10px;
}
p,
.body ol,
.body ul,
.body blockquote,
.body dl,
.body table { margin: 10px 0 }

.body ol { list-style: decimal outside; margin-left: 32px; }
.body ul { list-style: disc outside; margin-left: 32px; }
.body li { }

.body img { }
img.fl-l { float: left; clear: left; margin: 0 10px 10px 0; }
img.fl-r { float: right; clear: right; margin: 0 0 10px 10px; }

.body blockquote { }

small { font-size: small; }
big { font-size: normal; font-weight: bold; }
strong { font-weight: bold; }
em { font-style: italic; }
abbr { font-variant: small-caps; }

#page-links {
clear: both;
}
#page-links h3 {
position: absolute;
left: -9999px; top: -9999px;
}


/* IE stuff */
* html #inner-wrapper {
height: 1%;
clear: both;
}
* html #primary {
display: inline;
}
* html .sidebar #search,
* html .sidebar #search fieldset {
height: 151px;
}
*:first-child+html .sidebar #search li {
float: left; width: 100%;
clear: left;
}
* html .sidebar #search li {
float: left; width: 100%;
clear: left;
margin-right: -3px;
}
* html #header {
height: 1%;
}
* html #category-nav a {
height: 20px;
}
* html #primary h1 {
height: 1%;
padding-bottom: 11px;
}

* html #sub-categories ul {
height: 1%;
}
* html #sub-categories li {
margin-bottom: 0;
}

* html #wrapper .product-list li { clear: both; height: 120px; overflow: visible; }

* html #product .images ul { padding-top: 5px; }
*:first-child+html #product .images ul { padding-top: 5px; }

* html #product .tabs {
height: 1%;
}
* html #product .tab-conts {
height: 100px;
}

* html legend { margin-left: -7px; }
*:first-child+html legend { margin-left: -7px; }
* html fieldset.submit { padding-left: 132px; }
*:first-child+html fieldset.submit { padding-left: 132px; }

* html #product .basket input.qty { width: 3.2em; }
*:first-child+html #product .basket input.qty { width: 3.3em; }

.rating .select-Enum {
display:block; float: left;
margin-top: 4px;
height: 15px; overflow: hidden;
}

* html #product .favourites {
float: right;
display: inline;
}

* html .line {
height: 1%;
}

* html #footer .col {
height: 205px;
}
* html #footer .footer-meta .col {
height: 0;
}

*:first-child+html #wrapper #product .discounts {
margin-left: -100px;
}