/*

sidebar blue #1c36b2
sidebar alt bg colour #140a61
sidebar heading orange #ffc111

*/

/*
	TCGroup design
	@author: Robert O'Rourke
	@copyright: Versatilia Ltd 2009
*/

/* Reset */
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,blockquote,table,td,th,tr,form,fieldset { /* normalise margin, padding, typography */
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 100%;
	line-height: inherit;
	vertical-align: baseline;
}
ol, ul { list-style: none outside; } /* remove bullets by default, only desirable under the .body-text class */
.body table td { vertical-align: top; border: 0; border-spacing: 0;}
.body table td img { display: block; margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; } /* collapse space between table cells by default. 'nc' is a special class for tables written out by the template and not by the wysiwyg editor */
fieldset, img { border: 0; }
q:before, q:after { content: ''; } /* bring good browsers in line with IE <= 6 (!?) */
button { width: auto; overflow: visible; }

/* Layout 
------------------------------------------------------------------------------------*/
html, body {
	background: #fff;
	color: #000;
}

#intro {
position: absolute;
background: #fff url(/static/gfx/sidebar-bg.png) no-repeat left top;
width: 960px;
height: 600px;
top: 50%;
left: 50%;
margin: -300px 0 0 -480px;
display: none;
}

#intro-side {
float: left;
width: 210px;
height: 600px;
background: url(/static/gfx/bird.png) no-repeat left bottom;
}
#intro-side h1 {
background: url(/static/gfx/logo.png) no-repeat left top;
margin: 24px 16px;
text-indent: -9999px;
width: 174px;
height: 95px;
}
#intro-side p {
margin: 18px;
font-size: 120%;
color: #c09;
font-weight: bold;
}

#intro-main {
margin-left: 211px;
background: #0f0a63;
height: 555px;
padding-top: 45px;
}
#intro-swf {
height: 364px;
width: 749px;
background: #fff;
}

#intro-promo {
float: right;
margin: -10px 10px 0;
padding: 0;
display: block;
width: 178px;
height: 172px;
}
#intro-promo img {
display: block;
margin: 0;
}

#intro-control p {
color: #fff;
margin: 20px;
font-size: 130%;
width: 400px;
}
#intro-control p a {
display: block;
width: 80px;
text-align: center;
padding: 45px 0 5px;
background: url(/static/gfx/on-off.png) no-repeat 20px top;
font-size: 16px;
color: #c09;
}
#intro-control p a:hover {
background: url(/static/gfx/on-off.png) no-repeat -160px top;
}

html { height: 100%; }
body.intro-on {
height: 100%;
width: 100%;
padding-bottom: 1px;
position: relative;
}
body.intro-on #wrapper {
display: none;
}
body.intro-on #intro {
display: block;
}

#wrapper {
width: 960px;
margin: 5px auto;
position: relative;
}
#header {
background: url(/static/gfx/header-bg.png) no-repeat right top;
padding-top: 96px;
margin-left: 210px;
margin-bottom: -500px;
float: right;
width: 750px;
margin-left: -3px;
overflow: visible;
}
#header h1 {
background: url(/static/gfx/logo.png) no-repeat left top;
margin: 24px 16px;
text-indent: -9999px;
width: 174px;
height: 95px;

}
#header h1 a {
background: url(/static/gfx/logo.png) no-repeat left top;
width: 174px;
height: 95px;
display: block;
}

#header h1 {
position: absolute;
left: 0;
top: 0;
z-index: 10;
}

#inner-wrapper {
overflow: hidden;
}
#primary {
float: right;
width: 749px;
margin-left: -3px;
margin-top: 120px;
clear: right;
padding-bottom: 1.4em;
}
#primary .content {
margin-left: 8px;
}
.home #primary .content {
margin-left: 0;
}

.sidebar {
float: left;
width: 210px;
clear: left;
}

#secondary {
background: #1264cd url(/static/gfx/sidebar-bg.png) no-repeat left top;
min-height: 0;
padding-top: 530px;
padding-bottom: 6em;
position: relative;
margin-bottom: 3px;
}

/*VIRTUAL CATEGORIES
------------------------------------------------------------------------*/

#virtual-category-nav {
padding: 10px 0;
margin: 0 0 3px;
background: #1264cd;
}
#virtual-category-nav .cat-link-new-arrivals { display:none; }
#virtual-category-nav .cat-link-top10-hottest-gifts { display:none; }
#virtual-category-nav .cat-link-express-turnaround { display:none; }
#virtual-category-nav .cat-link-unbeatable-prices { display:none; }
#virtual-category-nav .cat-link-your-favourites { display:none; }

body.virtual-category table td { padding: 10px; }

#footer {
clear: both;
margin-top: -1.4em;
margin-left: 215px;
}
#footer p {
font-size: small;
}

/* Boxes
------------------------------------------------------------------------------------*/

#tab-links {
overflow: hidden;
float: right;
text-align: right;
line-height: 1.4;
}
#tab-links li {
display: inline;
margin-right: 3px;
padding: 0;
}
#tab-links li a {
padding: 2px 12px 2px;
background: #1c36b2 url(/static/gfx/nav-tl.png) no-repeat left top;
color: #fff;
text-transform: capitalize;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
}
#tab-links li.location a,
#tab-links li a:active {
background-color: #c09;
}

#category-nav {
position: absolute;
top: 130px;
left: 0;
z-index: 20;
width: 210px;
}

.sidebar #search {
position: absolute;
top: 430px;
left: 0;
width: 210px;
}
.sidebar #search h3 { font-size:10px; color:#FFFFFF; position:absolute; margin-top: 90px; display:none; }
.sidebar fieldset.submit { border: 0; }
.sidebar #search ol { margin: 0 18px; }
.sidebar #search #product-id-item { display: none; }
.sidebar #search li { margin: 4px 40px 0 0; padding: 0; float: none; width: auto; }
.sidebar #search label { display: block; color: #fff;
text-transform: uppercase; font-size: 11px; margin: 0 0 0 0; }
.sidebar #search input { margin: 0; width: 100%; }
.sidebar #search select { margin: 0; width: 105%; }
.sidebar #search fieldset.submit { overflow: hidden; position: absolute; right: 18px; width: 28px; top: 1.4em; background: url(/static/gfx/go.png) no-repeat right top; padding: 0; }
.sidebar #search fieldset.submit input { cursor: pointer; margin: 0; padding: 3.47em 0 0 0; width: 28px; background: url(/static/gfx/go.png) no-repeat right bottom; border: 0; overflow: hidden; text-indent: -9999px; }

#seasonal { position:absolute; margin-top: -512px; float: left; margin-left: -211px;}
#fewclients { position:absolute; margin-top: -280px; float: left; margin-left: -211px;}

/* =table (tables that ARE NOT user submitted content via FCKin editor */
.nc { color: #1c36b2; width: 99.8%; margin: 0.81em 0; font-size: small; clear: both; background: #FFFFCC; }
.nc td, .nc th { font-size: small; padding: 8px 8px; margin: 0; vertical-align: middle; }
.nc th { font-weight: bold; font-size: 1.2em; text-align: left; }
.nc thead { background: #1c36b2; }
.nc thead th { color: #fff; padding: ; }
.nc tfoot th,
.nc tfoot td { font-weight: bold; line-height: 1.62em; }
.nc tbody td { padding: 8px 8px; }
.nc .tac { text-align: center; }
.nc .tar { text-align: right; padding-right: 6px; }
.nc .tal { text-align: left; }

/* =basket =steps */
.steps { padding: 0.81em 0 0; text-align: center; }
.steps * { font-weight: bold; font-family: "Trebuchet MS", Tahoma, sans-serif; display: inline; margin: 0 8px; background: none; border: 0; padding: 2px 6px 2px 12px; }
.steps span { text-decoration: none; }
.steps a,
.steps input { color: #333; cursor: pointer; text-decoration: underline; }
.steps .current { background: #ffc111 url(/static/gfx/title-tl-corner.png) no-repeat left top; }

/* =basket */
#primary .basket { margin: 0; padding: 10px 0; }
#primary .basket fieldset { border: 0; margin: 0; padding: 0; position: relative; }
.basket .nc { margin: 1.62em 0; }
.basket #pd { width: 50%; }
.basket #rm { width: 12%; }
.basket td.pd p { margin: 2px 0; }
#primary .basket td.img { width: 54px; padding: 3px; }
.basket input.submit { margin: 0; }
#primary .basket fieldset.submit { padding: 16px 0; }
.basket fieldset.submit a,
.basket fieldset.submit input { margin: 0 8px; }
.basket table img { border: 1px solid #aaa; margin: 0; padding: 2px; background: #fff; }
.tac input { text-align: center; }
.quantity { width: 2.8em; text-align: center; }
#tt { color: #000; }
.tot { color: #000; border-bottom: 1px solid #000; }

/* =nav =back */
.back, fieldset.submit {
	clear: both;
	border-top: 1px solid #ccc;
	line-height: 1.62em;
	padding: 0.81em 0; font-size: small;
	text-align: center;
	margin-bottom: 1.82em;
}

/* =news */
#news { background: none; font-size: small; }
#news * { background: none; }
#news .inner-box { padding: 0; }
#news li { padding: 0.81em 0; overflow: hidden; }
#news h3 a { padding: 0 0 0.2em; font-weight: bold; font-variant: small-caps; border-bottom: 1px solid #ccc; display: block; }
#news img { float: left; margin: .81em 12px 0.2em 0; }

/* =links =top */
#top-links {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	background: none;
}
#top-links .tr { padding: 0 0 12px; }
#top-links li { display: inline; margin-left: 32px; }
#top-links a {  } /* leave room for background image */

/* =nav =breadcrumbs */
#primary #breadcrumbs { font-size: x-small; background: none; margin: 3px; }

/* =nav =subcats */
#sub-categories { font-size: 12px; overflow: hidden; } /* these may have an associated image */
#sub-categories li { width: 95px; background: url(/static/gfx/drop-shadow.png) no-repeat right bottom;
display: block; float: left; padding: 0; margin: 0 0 10px 8px; }
#sub-categories li.one { }
#sub-categories li.four { }
#sub-categories a img { display: block; margin: 0 auto; color: #fff; height: 95px; width: 95px; }
#sub-categories a span { padding: 6px; display: block; background: #c09; color: #fff; margin: 0 0; text-align: center; font-size: 12px;  min-height: 45px;}

#sub-categories a img,
#sub-categories a span { position: relative; top: -8px; left: -8px; }

/* =nav =subpages */
#sub-pages { font-size: small; text-align: left; }
#sub-pages ul { padding: 0; margin: 0; }
#sub-pages li { display: inline; padding: 0; margin: 0 10px 0 0; line-height: 1.41em; }
#sub-pages li li { display: none; }
#sub-pages a { padding: 0.2em; white-space: nowrap; }

/* =sidebar =nav */
.sidebar h3 { margin: 0 18px; font-size: 14px; }
.sidebar ul { list-style: none; margin: 0 18px; }
.sidebar li { float: none; margin-left: 0; font-size: 14px; clear: both; padding: 0.1em 0; }
.sidebar a { color: #fff; padding: 0; display: block; width: 100%; font-weight: bold; }



/* =links */
.links { background: none; }
.links ul { list-style: none; margin: 0; padding: 0px 0; }
.links li { margin: 0 0 3px; padding: 0; width: 100%; position: relative; }
.links img { display: block; margin: 0; width: 100%; }

.links a.link { /* use the .link class if just image and text. HTML box has .body styling */
	font-size: small;
	text-align: center;
	display: block;
	line-height: 1.2em;
	overflow: hidden;
}
.links .description {
position: absolute;
left: -9999px; top: -9999px;
}

/* =links =bestsellers */
#primary .links { text-align: center; }
#primary .links li { float: left; width: 30%; } /* 3 column list */
#primary .links li.a { clear: both; display: block; cursor: pointer; margin-right: 5%; }
#primary .links li.c { float: right; margin-right: 0; }
#primary .links img { width: 100%; }
#primary .links .image { display: block; width: 100%; height: 14em; overflow: hidden; }

/* =nav =site-map */
#site-map { background: none; }
#site-map * { background: none; }
#site-map ul ul { list-style: disc outside; }
#site-map li { margin-left: 14px; font-weight: bold; clear: both; color: #ccc; padding: 0.25em 0; }
#site-map a { font-weight: bold; }
#site-map li li { font-weight: normal; font-size: small; }
#site-map li li a { padding: 0; font-weight: normal; width: 100%; line-height: 1.2em; }

/* =gallery */
#user-gallery { width: 100%; }
#user-gallery form { clear: both; }
#user-gallery form label { display: block; padding: 0.2em 0; }
#user-gallery form label span.desc { float: left; width: 10em; padding: 0.35em 0; line-height: 1.2em; }
#user-gallery ul.galleries { overflow: hidden; list-style: none; margin: 0; padding: 16px 0; clear: both; }
#user-gallery ul.galleries li { overflow: hidden; }
#user-gallery ul.galleries .image { display: block; float: left; width: 30.8%; min-width: ; text-align: center; font-size: small; padding: 6px 0; margin: 0 1% 12px; border: 1px solid #ccc; }
#user-gallery ul.galleries .image-link { display: block; height: 140px; max-width: 140px; width: 140px; margin: 0 auto 6px; }
#user-gallery ul.galleries .image img { display: block; width: 95%; margin: auto; }
#user-gallery .single-image { width: 100%; overflow: hidden; }
#user-gallery .single-image img { width: auto; max-width: 100%; }
#user-gallery .a { clear: left; }

/* =meta */
#footer #meta { float: left; position: relative; z-index: 20; }
#meta p { margin: 0; padding: 0; line-height: 1.2em; }
body.product #meta {display: none; }

/* =links =bottom */
#footer #bottom-links { text-align: right; float: right; margin: 0; overflow: visible; z-index: 20; }
#footer #bottom-links li { display: inline; margin-left: 10px; border-right: #393a3d; }
#footer #bottom-links a { padding-left: 22px;  line-height: 1.2em; }

/* =nav =back-to-top */
#back-to-top {
	display: none;
}

/* =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; }

/* =basket =mini */
#mini-basket { }
.mini-basket { height: 6em; background: #000; position: absolute; bottom: 0; width: 100%; }
.mini-basket h3 { margin: 8px 18px 0; }
.mini-basket ul { margin: 0 18px; padding: 0; }
.mini-basket p { font-size: 12px; background: none; padding: 0; color: #fff; border: 0; margin: 6px 18px; }
.mini-basket li { list-style: none; padding: 0; margin: 0; color: #fff; font-size: 11px; }
.mini-basket .proceed-link { overflow: hidden; text-indent: -999px; display: block; background: url(/static/gfx/checkout.png) no-repeat left center; height: 21px; }

#mini-enquiry-basket { display:none;}

/* =sidebar =news */
#latest-news { font-size: small; } /* news box on home page, contains a list of the most recent 6 articles */
#latest-news h4 a { line-height: 1.21em; font-weight: bold; font-variant: small-caps; margin-bottom: 0.4em; }
#latest-news ol { margin: 0; padding: 0; }
#latest-news li { margin: 0.81em 0 0.6em; padding: 0 0 0.6em; border-bottom: 1px dotted #393a3d; overflow: hidden; }
#latest-news p { color: #000; line-height: 1.4em; margin: 0.2em 0; color: #000; }
#latest-news img { margin: 0 6px 0 0; }

/* =form */
form { font-size: small; }
.primary fieldset { border: 0; padding:0; }
.primary legend { font-weight: bold; display: block; font-size: 1.2em; padding: 6px 6px 6px 12px; color: #1c36b2; background: #ffc111 url(/static/gfx/title-tl-corner.png) no-repeat left top; }
.primary form h3 { font-weight: bold; font-size: normal; padding: 0.4em 0.3em; }
.primary fieldset p { margin-top: 0; }
.primary fieldset ol { margin: 0 0 2em; border-top: 1px solid #fff; }
.primary fieldset li { overflow: hidden; padding: 0.4em; position: relative; border-bottom: 1px solid #fff; }
.primary form li label { float: left; width: 10em; padding: 0.2em 0 0; line-height: 1.2em; }
.primary fieldset p { margin: 0.4em; }
.primary form li em, .req { color: #c00; }
.primary form li em { position: absolute; left: 10.2em; top: 1em; }
.primary form li input,
.primary form li select,
.primary form li textarea { margin-left: 1em; vertical-align: bottom; }
.primary form li textarea { width: 23em; line-height: 1.4em; padding: 0.2em 2px; }
#wrapper .currency input { width: 6em; margin-right: 4px; vertical-align: middle; padding-top: 2px; } /* 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,
form .readonly input, form .password input,
form .select input { padding-top: 2px; padding-left: 2px; padding-right: 2px; line-height: normal; }
form .readonly input { background: #fff; border: 1px solid #fff; color: #393a3d; }
form li.checkbox input,
form li.Checkbox input { margin: 0.35em 0 0.35em 1em; } /* capital letters because of the datamate form write out */
form li.nolabel select { margin-left: 0; width: 70%; }
.amount input, input.qty { width: 2.4em; }

li.checkbox input { vertical-align: middle; }
option { padding: 0em 0.2em 0em 0.4em; }

li.file fieldset { padding: 0 0 0.6em 0; margin: 0; border: 0; }
li.file fieldset legend { padding: 0; margin-bottom: 0.6em; }
li.file fieldset img { float: left; margin-right: 10px; border: 1px solid #ccc; }
li.file fieldset label { width: auto; display: block; overflow: hidden; padding: 0em 0; }
li.file fieldset span.desc { float: left; width: 9em; padding: 0; line-height: 1.2em; }


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

fieldset.submit { text-align: center; }
fieldset.submit input,
fieldset.submit a { vertical-align: middle; }

#technologo-image fieldset {
border: 0;
margin: 0;
padding: 0 0 10px;
}


/* =product */
/*#product .image { float: left; background: #fff; width: 250px; height: 250px; position: relative; margin-right: 24px; }
#product .image img { position: absolute; width: 250px; height: 250px; top: 4px; left: 4px; }
#product table.nc { float: right; width: 467px; clear: right; margin: 0.81em 0; }
#product .discounts { clear: both; }
#product .small { background: #ffc111; display: block; float: right; clear: none; width: auto; margin: 20px 0 20px 20px; padding: 6px 6px 6px 12px; background: #ffc111 url(/static/gfx/title-tl-corner.png) no-repeat left top; }
#product .basket { clear: both; }
#product .price-box { visibility: hidden; font-size: 1px; margin: 0; padding: 0; }
#product .info-link { display: none; }
#product .results { padding: 16px 4px; clear: both; line-height: 1.2em; }
#product .results .calculate,
#product .results table { float: left; margin-right: 16px; }
#product .results table th,
#product .results table td { padding-right: 16px; }
#product .results strong { color: #c00; }
#upsell { border: 1px solid #ccc; border-width: 3px 0; clear: both; margin: 10px 0 16px; }*/

/* =product */
#product .main-wrap { padding-bottom: 50px; width: 750px}
#product .body { width: 450px;}
#product .info-wrap { }
#product .global-body { border: #ccc 1px solid; margin: 10px 0;}
#product p.price-box {  }
#product h1 { color: #c09; font-family: "Trebuchet MS Bold", "Trebuchet MS", sans-serif; width: 500px; height: 50px; vertical-align: middle; font-size: 24px;}
#product .image { float: right; background: #fff; width: 215px; height: 215px; position: relative; }
#product .image img { width: 215px; height: 215px; top: 10px; right: 30px; }
#product table.nc { margin: 0.81em 0; width: 750px; clear: none; font-size: 12px;}
#product table.nc tr { border: 1px solid #2d2d74;font-size: 12px; }
#product table.nc th { padding: 3px 6px 3px 3px; color: #2D2D74;font-size: 12px;}
#product table.nc td { padding: 3px 3px 3px 6px; font-size: 12px;}
#product .small fieldset { display: inline; }
#product .favourites,
#product .enquiry, #product .small { float: right; height: 50px; line-height: 50px; margin: 0 10px 0 0; position: relative; z-index: 2; }
#product .favourites .submit,
#product .enquiry .submit { display: inline; }
#product .basket .submit { clear: left; }
.product-variations { text-align: left; }
#product .basket { height: auto; float: none; clear: both; border: 1px solid #2d2d74; padding: 0; margin: 20px 0 -50px; display: block; }
#product .basket fieldset { margin: 10px; padding: 0; border: 0; display: block; line-height: 12px; }
#product .basket h3 { background: #ffc111; font-size: large; font-weight: normal; margin: 0; padding: 3px 3px 3px 28px; color: #fff; line-height: 18px; }
#product .basket label { width: 100%; display: block; padding: 4px 0; clear: both; overflow: visible; }
#product .basket span.desc { display: block; width: 8em; float: left; margin-top: 0.2em; }
#product .basket label span.info-link { display: none; }
#product .basket label span.info-link acronym { display: none; }
#product .basket label span.info-link span { display: block; background: #ffc; border: 1px solid #ccc; padding: 6px; }
#product .basket label input { width: 15em; text-align: left; }
#product .basket label select { width: 15.4em; }
#product .results { padding: 16px 0 0; clear: both; }
#product .results .calculate,
#product .results table { float: left; margin-right: 16px; margin-bottom: 10px;}
#product .results table th,
#product .results table td { padding: 4px 16px 2px 0;}
#product .results strong { color: #c00; }
#product #submits { height: 50px; line-height: 50px; }
#product #submits button { background: none; border: 0; padding: 0; margin: 0 10px 0 0; vertical-align: middle; cursor: pointer; }
#product #submits input { background: #CC0099; border: 0; padding: 5px; margin: 0 10px 0 0; vertical-align: middle; cursor: pointer; color:#FFFFFF; font-weight: 600;}
#upsell { border: 1px solid #ccc; border-width: 3px 0; clear: both; margin: 10px 0 16px; }

/* =addresses */
#addresses .address-list { border-top: 1px dotted #ccc; }
#addresses .address-list li { float: left; width: 100%; padding: 0.4em 0; border-bottom: 1px dotted #ccc; }
#addresses .address-list .options { float: right; clear: right; width: 30%; padding: 4px; border-left: 1px solid #eee; margin: 0; height: 3.6em; }
#addresses .address-list .options fieldset { border: 0; padding: 0 0 6px 4px; margin: 0 0 4px; border-bottom: 1px dotted #ccc; }
#addresses .address-list .options label { padding: 0; display: inline; float: none; margin-right: 8px; }
#addresses .address-list .options input { margin: 0; vertical-align: top; }
#addresses .address-list .options a { margin: 0 8px 0 4px; }
#addresses .address-list .adr { font-size: small; line-height: 1.21em; text-align: left; float: left; width: 60%; padding: 0.4em 16px 0.4em 16px; }

/* =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 { text-align: center;background: none; }
#logos div { background: none; }

/* =users */
#my-users form h3 { padding-left: 0; padding-right: 0; }
#my-users form input.submit { padding: 0; width: auto; }


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

/* =sidebar =login */
.sidebar #login { display: none; }

/* =msg */
.msg { border: 1px solid #ccc; background-color: ivory; padding: 0.4em 0.4em 0.4em 26px; margin: 0.4em 0; line-height: 1.2em; font-size: small; color: #343833; clear: both; }
.primary p.msg { margin: 0.4em 0; }
.msg h3 { margin: 0 0 0.2em 0; }
.msg p { margin: 0.2em 0 0; }
.info { background: ivory url(/templates/blank/lib/info.png) no-repeat 6px 0.44em; }
.error { background: ivory url(/templates/blank/lib/error.png) no-repeat 6px 0.44em; }
.success { background: ivory url(/templates/blank/lib/success.png) no-repeat 6px 0.44em; }
.warning { background: ivory url(/templates/blank/lib/warning.png) no-repeat 6px 0.44em; }

/* =top =search */
#top-search { clear: both; margin: 0; }
#top-search .inner-box { margin: -8px 4px; }
#top-search form fieldset { text-align: center; margin: 0; padding: 0; }
#top-search form * { font-size: small; }
#top-search form input { vertical-align: bottom; }
#top-search form select { vertical-align: baseline; }
#top-search form input.submit { margin-left: 0; vertical-align: baseline; }

/* =product-list */
.product-list { width: 100%; }
.product-list ol { list-style: none outside; overflow: hidden; clear: both; }
.product-list ol li { line-height: 1.1; float: left; margin: 0 10px 10px 0; width: 176px; position: relative; border: 1px solid #ccc; padding: 130px 0 24px 0; font-size: 11px; min-height: 50px; background: url(/static/gfx/view-details.png) no-repeat -1px bottom; display: inline-block;}
.product-list ol li a { display: block; position: absolute; top: 0; margin: 0; padding: 0; top: 0; left: 0; width: 100%; height: 100%; background: url(/static/gfx/view-details.png) no-repeat -1px bottom; }
.product-list ol li.one { clear: both; }
.product-list ol li.four { float: right; margin-right: 0; margin-left: -3px; }
.product-list ol li h3 { text-transform: uppercase; font-size: 11px; margin: 0 10px; overflow: hidden; }
.product-list ol li p { text-transform: uppercase; font-size: 11px; margin: 0 10px; }
.product-list ol li h3 a { color: #000; display: inline; position: static; background: none; }
.product-list ol .price { color: #000; }
.product-list ol .pid { display: none; }
.product-list ol li img { display: block; margin: 5px auto; }
.product-list ol .options,
.product-list ol .body { display: none; }

body.product #a-z-list { position: absolute; top: 1300px; left: 215px; width: 750px;}
/*body.category #a-z-list { position: absolute; top: 1400px; left: 215px; width: 750px;}*/

#a-z-list h3 {
background: #eee;
padding: 6px;
}
#a-z-list ul {
width: 24.9%;
float: left;
}
#a-z-list a { display: block; }


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

/*h1 { font-size: 2em; }*/
/*h2, #primary h1 { font-size: 24px; color: #c09; font-family: "Trebuchet MS Bold", "Trebuchet MS", sans-serif; margin: 0; padding: 0; }*/

.product .primary h2,
.category .primary h2 { color: #1c36b2; background: #ffc111 url(/static/gfx/title-tl-corner.png) no-repeat left top; padding: 6px 12px; font-size: 24px; }

h3 { font-size: medium; font-weight: bold; color: #ffc111; }
h4 { font-size: small; font-weight: bold; }

.sidebar h3 { padding-bottom: 0.2em; }

div.date { margin-bottom: 0.2em; font-size: x-small; color: #aaa; font-style: italic; }

.pid { font-weight: normal; color: #333; font-size: small; } /* product id span */
.price { color: #ffc111; font-weight: bold; } /* price display (not always a span) */

.pagination { margin: 0 0 10px; font-size: small; overflow: hidden; padding: 0.4em 0; vertical-align: bottom; }
.pagination p { display: inline; padding-right: 10px; }
.pagination .per-page { display: inline; }
.pagination .next { display: inline; padding-left: 8px; }
.pagination .prev { display: inline; }

dl { overflow: hidden; font-size: small; border-bottom: 1px dotted #ddd; margin: 1.62em 0; }
dl dt { float: left; width: 10em; padding: 0.4em 0; border-top: 1px dotted #ddd; clear: left; line-height: 1.2em; }
dl dd { margin-left: 10em; padding: 0.4em; border-top: 1px dotted #ddd; line-height: 1.2em; }

.adr { font-size: small; line-height: 0.8em; }

.logged-in-as { display: none; }

a { text-decoration: none; color: #c09; }
a:hover { text-decoration: underline; }
a:active {  }

p.line-shipping { color: #666; }

caption { font-weight: bold; text-align: left; padding: 16px 4px 0; text-transform: uppercase; text-decoration: underline; }

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

/*
	.body encompasses the output from FCK Editor, try to avoid styling the colors etc
	as it's meant to be WYSIWYG and customers complain otherwise. They'll complain
	anyway coz they put tables in and it can break the layout but there's only so much
	you can do. Refer everyone to the documentation for guidelines on using FCK Editor
	to the best effect.
*/
.body { font-size: small; line-height: 1.41em; } /* container for FCK Editor output */
p,
.body ol,
.body ul, .primary ul,
.body blockquote,
.body dl,
.body table { margin-top: 0.81em;}

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

li { vertical-align: middle; } /* aligns bullet points in IE */

img.fl-l { float: left; clear: left; margin: 0 16px 0.81em 0; border: 1px solid #393a3d; padding: 4px; background: #000; }
img.fl-r { float: right; clear: right; margin: 0 0 0.81em 16px; border: 1px solid #393a3d; padding: 4px; background: #000; }
img.news-image { float: right; clear: right; margin: 0.4em 0 0.81em 16px; border: 1px solid #393a3d; padding: 4px; background: #000; }

.body blockquote { margin: 0.81em 80px 0.81em 20px; border: 1px solid #ccc; border-width: 1px 0; background: #393a3d; padding: 0.81em 16px; }

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

/* js stuff */
#quick-order label,
#order-forms label { float: none; display: inline; margin: 0 22px; }
#quick-order label input,
#order-forms label input { margin: 0; }
.details { margin: 12px; }
.details h4 { margin-bottom: 4px; }
.details dl { margin-top: 0; margin-bottom: 0; }

#order-forms ul { clear: both; border-bottom: 1px dotted #ccc; }
#order-forms ul li { margin: 0 0 16px; border-top: 1px dotted #ccc; }
#order-forms .copy label,
#order-forms .copy input { margin: 0; }
#order-forms .copy { margin: 8px 0 16px; }

/* l10n menu */
#wrapper .l10n {
position: relative;
z-index: 400;
padding: 0;
}
#wrapper .l10n>a {
border: 1px solid #fff;
border-width: 1px 1px 0;
padding: 1px 4px 1px;
position: relative;
z-index: 500;
background: #fff;
}
#wrapper .l10n:hover>a {
border-color: #aaa;
text-decoration: underline;
}
#wrapper #header .l10n-opts-wrap {
display: none;
width: 160px;
background: #fff;
position: absolute;
right: 0;
top: 99%;
z-index: 400;
font-size: small;
border: 1px solid #aaa;
}
#wrapper #header .l10n:hover .l10n-opts-wrap {
display: block;
overflow: hidden;
}
#wrapper #header .l10n:hover .l10n-opts-wrap ul {
padding: 6px;
}
#wrapper #header .l10n .l10n-opts-wrap li {
float: none;
text-align: left;
display: block;
padding: 1px;
margin: 0;
}
#wrapper #header .l10n .l10n-opts-wrap a {
padding: 2px;
display: block;
margin: 0;
}
#wrapper #header .l10n .l10n-opts-wrap .current a {
background: #ccc;
color: #000;
cursor: default;
}
#wrapper #header .l10n .l10n-opts-wrap a:hover {
background: #eee;
color: #000;
}ursor: default;
}
#wrapper #header .l10n .l10n-opts-wrap a:hover {
background: #eee;
color: #000;
}