@charset "utf-8";
/* ... */
/* ----------------------------------------------------------------- ***** COLOURS *****
	Darkest ...to... Lightest
	RGB(36, 86, 140), Hex #24568c
	RGB(140, 170, 196), Hex #8caac4
	RGB(204, 214, 228), Hex #ccd6e4
	Others ...
	very pale blue backrounds ~ #f3f9fc
	gold = gradients, images & page numbers locator: #ffd700 darkest // #ffe65d mid // #fff8d1 pale
*/
/* ... */
/* ----------------------------------------------------------------- ***** GENERIC ***** */
*{}
img{border:0;}
html{
	/*DO NOT USE: force vertical scroll bar = overflow-y:scroll;*/
	/*hide overflow:hidden from IE5/Mac*/overflow:hidden;
	height:100%;max-height:100%;
	margin:0;padding:0;
	font-family:"Century Gothic", "Lucida Grande", "Lucida Sans", "Bitstream Vera Sans", Verdana, sans-serif;
	font-size:100%; /*default to browser/user set font size; browser default medium is 16px*/
	/* font-size:62.5%; /*reduces default to 10px so ... 1em is 10px, 0.8em is 8px, 1.6em is 16px, etc. */
	line-height:1.4; /*line-height:1.3 is about average*/
	color:#000000;
	background-color:#ffffff;
	}
body{
	height:100%;max-height:100%;
	overflow:hidden;
	margin:0;padding:0; 
	}
h1,
.slname,
.pwname{
	font-family:"Bookman Old Style", "Jansen text", Utopia, Palatino, Georgia, serif;
	}
.slname{
	text-transform:uppercase;
	}
h2,h3,h4,a,dt,
.cobhl,
.prodnavigation,
.detailname,
.catnavigation{
	color:#24568c;/*text base colour - darkest blue*/
	}
h2{/* breadcrumbs - h2 analogous */
	font-size:1.0em;
	}
h4,dt{
	font-weight:bold;
	}
table{
	width:100%;
	clear:both;
	}
/*the COB table*/
.cobtbl{background-color:#8caac4;}/*borders*/
.cobhl{background-color:#f3f9fc;}
.cobll{background-color:#ffffff;}
.cobll img,.cobll input{vertical-align:middle;}
.cobhl{padding:0;}
.cobhl>p{margin:0;}
/* */
input,
select,
textarea{
	border:1px solid #ccd6e4;/*standard border style nicer in Chrome & Safari*/
	vertical-align:middle;
	}
/* text styling */
.center{text-align:center;} /*also orderstatus*/
/* ... */
/* ----------------------------------------------------------------- HYPERLINKS */
/* */
/* position inpagetarget & top anchors below header */
a:target{display:block;position:relative;top:-140px;}
/* */
/* basic appearance */
a img{vertical-align:bottom;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;outline:none;}
/* */
/* link properties in the store pages */
a.ectlink:link{text-decoration:none;}
a.ectlink:visited{text-decoration:none;}
a.ectlink:hover{text-decoration:none;}
a.ectlink:active{text-decoration:none;outline:none;}
/* */
/* dotted underscore on hover */
.prodnavigation a:hover,
.catnavigation a:hover,
.catname a:hover,
.catdesc a:hover,
.pagenums a:hover,
.previousnext a:hover,
table .ectlink:hover,
.sllink:hover{
	text-decoration:none;
	border-bottom:2px dotted #8caac4;
	}
/* */
/* movement button press effect */
a:active,
a.ectlink:active,
.lnkprev:active,.lnknext:active,/*cart prev/next buttons*/
.cobtbl img:active,
.promolink:active,
.checkoutbutton:active,
.configbutton:active,
.buybutton:active,
.contactbtn:active,
input:active,
#qsrch .submitimg:active{
	position:relative;top:1px;left:1px;outline:none;
	}
/* */
/* link icons */
a.lnkhome:after{content:url(../images/sl/lnkhome.gif);position:relative;top:2px;}										/* to home page */
a.lnkinpageup:after{content:url(../images/sl/lnkinpageup.gif);position:relative;left:2px;top:2px;}	/* up this page */
a.lnktopage:after{content:url(../images/sl/lnktopage.gif);position:relative;left:5px;top:2px;}			/* to page this site */
a.lnkwww:before{content:url(../images/sl/lnkglobe.gif);position:relative;}													/* to www */
a.lnkpopup:after{content:url(../images/sl/lnkpopup.gif);position:relative;}													/* to pop-up window */
a.lnkenv:after{content:url(../images/sl/lnkenvelope.gif);position:relative;left:3px;top:0;}					/* to email client window */
a.lnktop:after{content:url(../images/sl/lnktop.gif);position:relative;left:3px;top:0;}							/* to top of page */
/* ... */
/* ----------------------------------------------------------------- HEADER */
#textheader{
	z-index:7;
	margin:0;
	position:absolute;top:0;
	/*expose vertical scroll bar*/ right:18px;
	display:block;width:100%;height:120px;max-height:120px; 
	/*overflow:auto;*/
	line-height:0.8;
	}
#header{
	z-index:9;
	margin:0;
	position:absolute;top:0;
	/*expose vertical scroll bar*/ right:18px;
	display:block;width:100%;height:120px;
	color:#ffffff;
	background-color:#8caac4;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#ffffff;
	}
.zone{
	width:900px;
	margin:0 auto;
	}
/* ... */
/* ----------------------------------------------------------------- ONE LINE MINI-CART */
div.minicartoneline{
	width:160px;
	height:50px;
	float:right;
	position:relative;right:45px;
	margin-top:27px;
	text-align:center;
	font-size:0.9em;
	}
div.minicartoneline span.payicons{
	display:block;
	margin-top:0;
	margin-bottom:.75em;
	}
div.minicartoneline{
	font-size:0.9em;font-family:Tahoma,Arial,Helvetica,sans-serif;
	border-color:#24568c;
	}
.cartbtn{
	padding: 1px 2px 4px 2px;
	}
/* ... */
/* ----------------------------------------------------------------- QSEARCH */
#qsrch{/*layout*/
	width:160px;
	float:right;
	position:relative;top:18px;
	text-align:center;
	}
#qsrch{/*look*/
	font-size:0.90em;font-family:Tahoma,Arial,Helvetica,sans-serif;
	}
#qsrch>p{
	margin:0;
	padding:0;
	}
#qsrch .inputtext{
	margin-bottom:3px;
	}
/* ... */
/* ----------------------------------------------------------------- MAIN MENU */
#menu{
	width:80%;text-align:center;
	font-size:0.9em;font-family:Tahoma,Arial,Helvetica,sans-serif;
	}
#menu ul.ectmenu1 li{
	text-align:center;
	padding:2px 0 2px 0;
	border-width:1px;border-style:solid;border-color:#ccd6e4;
	}
#menu ul.ectmenu1 li a{
	padding-left:1.0em;padding-right:1.0em;
	}
#menu ul.ectsubmenu1 li{
	margin-left:-1.5em;
	text-align:left;
	border-width:1px;border-style:solid;border-color:#ccd6e4;
	background-color:#f3f9fc;
	}
#menu ul.ectsubmenu1 li a{
	display:block;
	}
#menu ul.ectmenu1 li:hover{
	background-color:#ffe65d;
	}
/* ... */
/* ----------------------------------------------------------------- FOOTER */
#footer{/*layout*/
	margin:0;
	position:absolute;bottom:0; 
	/*expose vertical scroll bar*/ right:18px;
	display:block;
	width:100%;height:40px;
	z-index:9;
	text-align:center;
	}
#footer .zone{
	margin-top:15px;
}
#footer{
	font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:0.75em;text-align:center;
	color:#ffffff;
	background-color:#8caac4;
	border-top:1px solid #ffffff;
	}
#footer a{
	text-decoration:underline;
	color:#ffffff;
	}
#footer a:hover{
	text-decoration:none;
	}
#footer a.sllink:hover{
	border-bottom:2px dotted #ffffff;
	}
/* ... */
/* ----------------------------------------------------------------- CONTENT */
#content{
	display:block;
	height:100%;max-height:100%; 
	overflow:auto;
	position:relative;z-index:3;
	}
#content .zone{
	position:relative;right:10px;z-index:3;
	padding-bottom:55px;
	margin-top:140px;
	}	
/* ... */
/* ----------------------------------------------------------------- CONTENT MANAGEMENT REGION (BULLETINS) */
#cmsregion{
	font-size:large;
	font-family:"Comic Sans MS";
	color:#24568c;
	}
.discount-bulletin{
	text-align:center;
	color:#ff0000;
	background-color:#ffffff;
	border:1px solid #ffffff;
	padding-bottom:1em;
}
.latest-additions-bulletin{
	text-align:center;
	color:#ffd700;
	background-color:#ffffff;
	border:2px solid #ffffff;
	padding-bottom:1em;
}
.holiday-bulletin{
	text-align:left;
	padding:1em;
	color:#24568c;
	background-color:#f3f9fc;
	border:2px solid #ffd700;
	padding-bottom:1em;
}
/* ... */
/* ----------------------------------------------------------------- MAIN */
#main{
	float:left;
	width:720px;
	}
#main.fullwidth{
	width:900px;
	}
.clear{clear:both;}
/* ... */
/* ----------------------------------------------------------------- SIDEBAR */
#sidebar{
	width:160px;
	float:right;
	margin-left:20px;
	text-align:center;
	font-size:0.90em;
	}
/* ... */
/* ----------------------------------------------------------------- SOCIAL NETWORKING */
/* Find & Share - top left margin */
.find-share{
	position:fixed;top:173px;left:0;
	width:63px;
	font-size:0.9em;
	text-align:center;vertical-align:middle;
	padding-bottom:3px;padding-top:3px;
	color:#ccd6e4;background-color:#f3f9fc;
	border:1px solid #8caac4;
	}
.find-share span.socialtxt1,
.find-share span.socialtxt2{display:block;color:#547aa4;}	
.addthis_toolbox{text-align:center;margin-top:3px;margin-bottom:5px;}
.addthis_toolbox a{display:block;text-align:center;margin-top:3px;margin-bottom:3px;}
.fb-wrap2 {height:25px; overflow:hidden;}
.fb-wrap2 div {position:relative;top:-21px;}
.addthis_button_facebook_like{width:57px;}
.addthis_button_tweet{}
.addthis_button_google_plusone{width:35px;}
.addthis_button_compact{position:relative;top:3px;}
/* ... */
/* ----------------------------------------------------------------- JUMPTOP & BOTTOM BREADCRUMBS */
.jumptop{
	clear:both;
	padding-top:2em;
	font-size:0.90em;
	text-align:center;
	}
/* ... */
/* ----------------------------------------------------------------- XSELLERS & ROTATORS */
div.xseller{
	float:left;
	width:100%;
	}
.xseller form br{/*hide*/
		font-size:0;
	line-height:0;
	display:none;
	}
p.cstitle{
	margin-bottom:0;
	height:30px;/*standard height from which to adjust title images*/
	}
/*centre product images*/
.csproducts{
	float:left;
	width:100%;
	border:1px solid #24568c;
	}
.csproduct{
	float:left;
	width:100%;/* for vertical display; horizontal display width set in xsellbestseller/xsellrelated*/
	margin:0 auto;padding:0;
	border-left:1px solid #24568c;
	}
#sidebar .csproduct{	/*for vertical display*/
	border-left:none;
	border-top:1px solid #24568c;
	text-align:center;
	}
.csproduct .prodimage{/*image container*/
	float:none;
	width:100%;
	padding:1px 0 0 0;
	margin-bottom:1px;
	text-align:center;
	/*height:95px;overflow:hidden;/*uniform height required for prod separating line; results in hidden navigators for multiple thumbnails/prod*/
	}
#main .csproduct .prodimage{/*image container - horizontal display*/
	height:95px;overflow:hidden;/*uniform height required for prod separating line; results in hidden navigators for multiple thumbnails/prod*/
	}
.csprodimage{/*the image*/
	margin-left:auto;margin-right:auto;margin-bottom:0;
	}
.csprodname{/*hide*/
	font-size:0;
	line-height:0;
	display:none;
	}
p.promolink{
	float:none;
	width:80%;
	margin-left:auto;margin-right:auto;
	}
p.promolink a{display:block;}
/*crossell/rotators titles - labels & images*/
	/*Bestseller(s)*/
	.bestseller p.cstitle:after{content:"BESTSELLER";}
	.bestsellers p.cstitle:after{content:"BESTSELLERS";}
	#main .bestseller   p.cstitle:after{content:url(../images/sl/splash_bestseller.png);position:relative;top:6px;left:-2px;}
	#main .bestsellers p.cstitle:after{content:url(../images/sl/splash_bestsellers.png);position:relative;top:6px;left:-2px;}
	#sidebar .bestseller   p.cstitle:after{content:url(../images/sl/splash_bestseller.png);position:relative;top:6px;left:-2px;}
	#sidebar .bestsellers p.cstitle:after{content:url(../images/sl/splash_bestsellers.png);position:relative;top:6px;left:-2px;}
	/*Related*/
	.related p.cstitle:after{content:"RELATED";}
	#main .related p.cstitle:after{content:url(../images/sl/splash_related.png);position:relative;top:6px;left:0px;}
	#sidebar .related p.cstitle:after{content:url(../images/sl/splash_related.png);position:relative;top:6px;left:0px;}
	/*Discount rotator*/
	.discounts p.cstitle:after{content:"DISCOUNTS";}
	.discounts p.cstitle:after{content:url(../images/sl/splash_sale.png);position:relative;top:0px;right:17px;z-index:20;}
	/*New rotator*/
	.latest p.cstitle:after{content:"LATEST";}
	.latest p.cstitle:after{content:url(../images/sl/splash_new.png);position:relative;top:0px;left:25px;z-index:20;}
	.latest .csproduct{padding-top:35px;}
	/*Other rotator*/
	.more p.cstitle:after{content:"MORE";}
	.more p.cstitle:after{content:url(../images/sl/splash_more.png);position:relative;top:8px;z-index:20;}
	/* hack to prevent length changes in rotators consequent on variable image height */
	.discounts div.prodimage,
	.latest div.prodimage,
	.more div.prodimage{height:100px;overflow:hidden;margin-bottom:0;}
	.discounts .promolink,
	.latest .promolink,
	.more .promolink{margin-top:1px;}
/* ... */
/* ----------------------------------------------------------------- SOLUTIONS & SPLASH TEXT PROMOs */
.splash{/*also 'onthispage' text promo*/
	padding:3px 3px 7px 3px;
	border-width:2px;
	border-style:solid;
	border-color:#ffd700;
	color:#24568c;
	}
.splash-text{/*also 'onthispage' text promo*/
	line-height:1.7;
	font-size:1.4em;
	font-weight:bold;
	color:#24568c;
	}
p.contshop{/*thanks page*/
	padding-top:25px;
	padding-bottom:25px;
	}
span.contshopbtn:after{/*on sorry page...replace 'Continue Shopping' text with button*/
	content:url(../images/sl/contshop.gif);position:relative;top:0;left:0;
	}
/* ... */
/* ----------------------------------------------------------------- DISCOUNT TEXT - NOT IN USE - not tested since update to CSS Layout
notes: 
	- no discount style found for crossselling
	- the following are generic & hopeful... */
div.allcatdiscounts,
div.catdiscounts,
div.allproddiscounts{
	padding:3px;
	text-align:center;
	font-weight:bold;
	color:#ff0000;
	border:1px solid #ff0000;
}
span.detaildiscountsapply{
	color:#ff0000;
}
/* ... */