@import url('corners.css');
@import url('tipsy.css');
/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {font-size:0.8em;}
body.site { background:#d3d3d3; } 

/* Page building styles */
div#background {background:#d3d3d3 url(/cms/outertemplates/images/bg.gif) top center repeat-y;margin:0 auto 10px;width:1000px;}
div#wrap {background: url(/cms/outertemplates/images/bg-btm.gif) bottom no-repeat; width:960px; padding:0 20px 16px; position:relative; margin:0 auto; }
div#fixedLinks {width:984px;padding:0 8px 20px; height:25px; background:#d3d3d3 url(/cms/outertemplates/images/bg-top.gif) bottom left no-repeat;margin:0 auto;text-align:right; font-size:11px;}
	div#fixedLinks ul { margin:0; float:right; }
	div#fixedLinks li { display:inline; list-style:none; padding:0 5px; border-left:1px solid #000;}
	div#fixedLinks li.first { border-left:0; }
	div#fixedLinks li a { color:#000; line-height:25px; }
	/* Text resizing styles */
	#widgets {float:right; margin:0 10px 0 0;}
	#widgets li {display:inline;}
		.smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 1.0em; }
		.largeText { font-size:1.2em; }
		
div#header { width:960px; z-index:2; background:#FFF;}
	div#logo { float:left; padding:14px 0 0;}
	div#contactUs {float:right; background:url(/cms/outertemplates/images/headFeature.gif) no-repeat; width:280px; height:58px; overflow:hidden;}
	div#contactUs span {position:absolute; left:-9999px;}
	
div#miniBasket { background:url(/cms/outertemplates/images/minibasket-bg.png) right no-repeat; position:absolute; top:0; right:-4px; width:198px;font-size:0.9em;}
	div#miniBasket a:hover {text-decoration:underline;}
	div#miniBasket a.basketContents {float:right;display:inline; clear:both; line-height:37px; padding:0 14px 0 30px; margin:0 12px 0 0; color:#d9d8de;background:url(/cms/outertemplates/images/minibasket-down.gif) right no-repeat;}
	div#miniBasket a.gotoCheckout {float:right;display:inline; clear:both;height:22px; text-align:right; line-height:22px; padding:0 30px 3px 0; margin:0; color:#0090ff;}

div#middleWrap { margin:0; overflow:hidden; padding:0 0 10px; position:relative; z-index:1; }
div#leftCol { float:left; margin:0; width:192px; }
div#content { float:left; margin:0; padding:0 5px; width:550px;}

div.searchBar { background:url(/cms/outertemplates/images/bg/bgSearchBar.png) no-repeat; height:33px; padding:0 15px; width:522px; }
div.searchBar label { color:#FFF; float:left; line-height:33px; text-transform:uppercase; }
div.searchBar select.ddl { float:left; margin:7px 4px 0; }
div.searchBar input.textBox { float:left; margin:7px 4px 0; }
div.searchBar input.btnGo { background:url(/cms/outertemplates/images/btn/btnGo.png) no-repeat; border:0; float:right; font-size:0px; height:18px; line-height:0; margin:7px 0 0 4px; overflow:hidden; text-indent:-999em; width:34px; }

div.mainCarousel { border:1px solid #AFAFAF; margin:12px auto 0; position:relative; width:540px; }
div.mainCarousel div.carouselMask { height:224px; margin:1px; overflow:hidden; position:relative; width:538px; z-index:4; }
div.mainCarousel ul.feedListing { list-style:none; margin:0; position:relative; }
div.mainCarousel ul.feedListing li { float:left; height:224px; width:538px; }
div.mainCarousel div.carouselControls { background:url(/cms/outertemplates/images/bg/bgCarouselControls.png) no-repeat; height:30px; left:468px; position:absolute; top:190px; width:67px; z-index:8; }
div.mainCarousel a.btnCarousel { background-image:url(/cms/outertemplates/images/btn/btnHomeCarousel.png); background-repeat:no-repeat; cursor:pointer; float:left; height:16px; margin-top:5px; width:16px; }
div.mainCarousel a.btnCarouselNext { background-position:right; margin-left:8px; }
div.mainCarousel a.btnCarouselPrev { background-position:left; margin-left:12px; }

div#rightCol { float:left; margin:0; width:208px; }
    div#rightCol p { margin:0 0 6px; }
    div#rightCol div.rightColBox { background:url(/cms/outertemplates/images/bg/bgRightBoxMid.png) repeat-y; margin:0 0 6px; width:208px; }
    div#rightCol div.rightColBoxTop { background:url(/cms/outertemplates/images/bg/bgRightBoxTop.png) no-repeat top; width:208px; }
    div#rightCol div.rightColBoxBtm { background:url(/cms/outertemplates/images/bg/bgRightBoxBtm.png) no-repeat bottom; padding:7px 8px 12px; width:192px; }
    div#rightCol div.rightColBox h2 { background:url(/cms/outertemplates/images/bg/bgRightBoxHeader.png) no-repeat; border:0; color:#FFF; font-size:1.1em; font-weight:bold; height:29px; line-height:29px; margin:0; text-indent:10px; width:192px; }
    
    div#rightCol div.productCarousel { position:relative; width:192px; }
    div#rightCol div.productCarousel div.btnCarouselNext a,
    div#rightCol div.productCarousel div.btnCarouselPrev a { background:url(/cms/outertemplates/images/btn/btnProdCarousel.png) no-repeat; display:block; height:30px; overflow:hidden; position:absolute; text-indent:-999em; top:40px; width:30px; z-index:10; }
    div#rightCol div.productCarousel div.btnCarouselNext a { background-position:top right; left:162px; }
    div#rightCol div.productCarousel div.btnCarouselNext a:hover { background-position:bottom right; }
    div#rightCol div.productCarousel div.btnCarouselPrev a { background-position: top left; left:0; }
    div#rightCol div.productCarousel div.btnCarouselPrev a:hover { background-position:bottom left; }
    div#rightCol div.productCarousel div.carouselMask { height:200px; overflow:hidden; position:relative; width:192px; z-index:8; }
    div#rightCol div.productCarousel div.carouselMask ul.newProductListing { list-style:none; margin:0; position:absolute; }
    div#rightCol div.productCarousel div.carouselMask ul.newProductListing li { float:left; height:200px; padding:0 8px; width:176px; }
    div#rightCol div.productCarousel div.carouselMask ul.newProductListing li a { text-decoration:underline; }
    div#rightCol div.productCarousel div.carouselMask ul.newProductListing li p.lnk {  }
    div#rightCol div.productCarousel div.carouselMask ul.newProductListing li span.rrp { color:#000; text-decoration:line-through; }
    div#rightCol div.productCarousel div.carouselMask ul.newProductListing li span.offer { color:#000; font-weight:bold; }
    
	div#miniSearch {background:#e5e5e5; position:relative; padding:5px;margin:10px 0;overflow:hidden;width:182px;}
	div#miniSearch label {position:absolute; left:-9999px;}
	div#miniSearch div.searchIcon {background:url(/cms/outertemplates/images/txtSearchIcon.gif) top left no-repeat;width:23px; height:22px; float:left; vertical-align:middle; margin:0 0 0 2px;}
	div#miniSearch input.textbox {width:120px;float:left;border-width:1px 1px 1px 0;display:inline;}
	div#miniSearch input.btnGo {width:27px;height:21px; background:url(/cms/outertemplates/images/btnSearchGo.gif) top left no-repeat; padding-top:21px; overflow:hidden; border:0; float:right;vertical-align:middle;}

	div#rightFeature {width:192px; height:94px; overflow:hidden; background:url(/cms/outertemplates/images/rightfeature.gif) no-repeat; margin:10px 0;}
	div#rightFeature span {position:absolute; left:-9999px;}
	
	div#rightCol div.newsletterSignup h2 {background:#0090ff url(/cms/outertemplates/images/icn-newsletter.gif) 95% center no-repeat; color:#fff;margin:0;border:0;padding:4px; line-height:normal;}
	div#rightCol div.newsletterSignup-content {border:1px solid #e5e5e5; background:#f3f3f3; text-align:center; overflow:hidden; padding:5px;width:180px;}
	div#rightCol div.newsletterSignup div.form-row {padding-left:0;}
	div#rightCol div.newsletterSignup input.textbox {width:156px; margin:0 0 5px 7px;}
	div.newsletterSignup input.btnSend {width:54px; height:19px; padding-top:19px; overflow:hidden; border:0; background:url(/cms/outertemplates/images/btnSend.gif) no-repeat;float:right;}
	div#newsletterFull label {margin-left:-140px;position:static;}
	div#newsletterFull input.btnSend {float:left;}
div.breadcrumb { clear:both; height:34px; line-height:34px; overflow:hidden; }
div.breadcrumb p { float:left; margin:0 5px 0 0; }
div.breadcrumb ul { float:left; margin:0; }
div.breadcrumb li { display:inline; padding:0 5px 0 10px; background:url(/cms/outertemplates/images/breadcrumb.gif) left 5px no-repeat; }

div#footer { border-top:8px solid #CBC9CA; color:#000; font-size:0.9em; overflow:hidden; color:#5c5c5c; background:#f3f3f3; padding:0 0 15px; width:960px; }
    div.footerNav {border: 8px solid #e2e2e2; background:#FFF; margin:0 0 8px; padding:16px;}
	ul#footerNav {text-align:center; margin:0; }
	/*ul.footerNavOpen {padding-bottom:32px !important;}*/
	ul#footerNav li {display:inline;}
	ul#footerNav li a {background:url(/cms/outertemplates/images/btnExpand2.gif) left no-repeat; padding:0 24px 0 16px;}
	ul#footerNav li.footerNavOpen a {background:url(/cms/outertemplates/images/btnCollapse2.gif) left no-repeat; padding:0 24px 0 16px;}
	ul#footerNav li span.footerDesc {position:absolute; left:15px; bottom:16px;}
	
	ul#footerLinks {float:right; padding: 5px 170px 5px 0; background:url(/cms/outertemplates/images/logo-small.gif) right no-repeat; margin:0 5px 0 0;}
	ul#footerLinks li {display:inline; border-left:1px solid #5c5c5c;padding:0 5px;}
	ul#footerLinks li.first {border-left:0;}
	
	#footer ul.cardLogos {clear:both; margin:0 auto; text-align:center; margin:45px 0 0;}
	#footer ul.cardLogos li {border:0; float:none; display:inline;}
	
div#footer p {margin:0; padding:5px;}

p.copyright {float:left;}
.footerDesc {margin-top:6px;border:1px solid #e8e8e8;padding:5px;}
div#footer a {color:#5c5c5c;}

div#news ul { margin: 5px 5px 5px 25px; }
div#skipLinks {position:absolute; left:-9999px;}

div.left, input.left { float:left; }
div.right, input.right { float:right; }

div.clear { clear:both; }

div.left2Col { float:left; width:49%; }
div.right2Col { float:right; width:49%; }

h2 a.lnkMore {position:absolute; right:8px; top:0;}

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */

.hidden {display:none;}
.accessible-hidden {position:absolute; left:-9999px;}

/* News Listing */
ul.newsList {margin:0;}
ul.newsList li {display:block; list-style:none; margin:0 0 10px; padding:0 0 10px; overflow:hidden;border-bottom:1px dashed #C6C6C6;}
ul.newsList li p.timeStamp {font-weight:bold;float:right;clear:none;}
ul.newsList li p.newsHeadline {font-weight:bold; float:left;clear:none;}
ul.newsList li p {clear:both;}

div.googleMapWrap {border:1px solid #0090FF;}

a.readMore {width:74px; height:18px; display:block;text-indent:-9999px; overflow:hidden; background:url(/cms/outertemplates/images/btnReadMore.gif) left no-repeat;}
li.newsItem a.readMore {float:left;}

/* Carousel */
div.carouselWrap { display:none; position:relative; width:730px; height:240px; background:#dedede; padding:7px; overflow:hidden;}
div.carouselWrap td.scrollCell div.scrollCell {width:730px; padding:0;}

div.carouselWrap div.scrollButtons {
	width:54px; 
	height:16px; 
	background:url(/cms/outertemplates/images/carousel/carouselControls.png) top left no-repeat; 
	overflow:hidden; 
	position:absolute; 
	bottom:15px; 
	right:15px; 
	z-index:10; 
	padding:5px; 
	text-align:center;
}
div.carouselWrap div.scrollButtons a {
	float:left; 
	display:inline; 
	width:16px; 
	height:16px; 
	text-indent:-999em; 
	overflow:hidden;
	text-align:left;
	padding:0;
	margin:0 5px;
	background-position:top;
	background-repeat:no-repeat;
}
div.carouselWrap div.scrollButtons a:hover {background-position:bottom;}

div.carouselWrap div.scrollButtons a#scrollPrev {
	background-image:url(/cms/outertemplates/images/carousel/carouselControlsPrev.gif);
	float:left;
}
div.carouselWrap div.scrollButtons a#scrollNext {
	background-image:url(/cms/outertemplates/images/carousel/carouselControlsNext.gif);
	float:right;
}

input.btnShowAll { border:none; padding:0; cursor:pointer; width:60px; height:20px; padding-top:20px; float:left; overflow:hidden; background:url(/cms/outertemplates/images/btnShowAll.gif) no-repeat 0 0;}

div#sagePay {margin: 10px 0;}

.hover { cursor:pointer; }

div.border {border:1px solid #afafaf; padding: 0 8px; margin:8px 3px 0;}
div.centerBox {width: 370px; margin:auto; }
input.btnSend {background: url(/cms/outertemplates/images/btn/btnSend.gif) no-repeat 0; border:none; text-indent:-999em; cursor:pointer; width:47px; height:19px; }

/* SRX15594 - CT */
div.fbLike { padding-top:20px; text-align:center; }