/* All styles that the user can add via Xstandard should appear in xstandard.css */
body {font-size:0.8em;}

/* Page building styles */
div#wrap { width:100%; position:relative; }
div#header { width:940px; overflow:hidden; margin:0 auto; background:#FFF; }
	div#logo { float:left; margin:10px 0; }
	div#fixedLinks {float:right; line-height:1em;}
		div#fixedLinks ul {margin:10px;}
		div#fixedLinks li { float:left; display:inline; list-style:none; padding:0 4px; border-left:1px solid #848484; }
		div#fixedLinks li.first {border:0;}
		div#fixedLinks a {color:#848484;}
	
	/* Text resizing styles */
	#widgets {float:right; font-weight:bold; margin:10px 0;}
	#widgets li {float:left; display:inline; border-left:2px solid #848484; padding:0 4px; line-height:1em;}
	#widgets li.first {border:0;}
		.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; }
		a#smallText { font-size:0.8em; }
		a#mediumText { font-size: 1em; }
		a#largeText { font-size:1.2em; }
	#widgets li a {color:#848484;}
	
	div#callUs {clear:right; float:right; text-align:right; font-size:1.5em;}
	div#callUs strong.phoneNumber {font-size:1.1em;}
	
div#middleWrapTop {width:990px; height:17px; margin:0 auto; background:url(/cms/outertemplates/images/main-top.gif) bottom no-repeat;}		
div#middleWrapBtm {width:990px; height:21px; margin:0 auto; background:url(/cms/outertemplates/images/main-btm.gif) bottom no-repeat;}
div#middleWrap { width:940px; background:url(/cms/outertemplates/images/main-bg.gif) center repeat-y; margin:0 auto; padding:0 25px; overflow:hidden;}
	div#mainLeft {float:left; padding:5px;width:710px;}
		div#leftCol { width: 164px; float:left;}
			div#vNav {padding:5px 0; margin:0 0 10px;}
			div#noHassleReturns {color:#FFF; text-align:center; font-size:1.4em; font-weight:bold; text-transform:uppercase; padding:10px 0;}
			div#noHassleReturns p {margin:0;}
		div#content { width:530px; float:right; padding:0 5px 0 10px; margin: 0;}
	div#rightCol { width: 210px; float:right; }
		div#callUsRight {text-align:center; font-size:1.4em; padding:10px;}
		div#callUsRight p {margin:0; background:url(/cms/outertemplates/images/callusright.gif) left no-repeat; padding-left:25px;}
		div#freeSampleService {font-weight:bold; font-size:1.4em; padding:6px 0;}
		div#freeSampleService p {margin:0; text-align:center;}
		div#freeSampleService a, div#noHassleReturns a {color:#FFF; text-decoration:none;}
		div#freeSampleService a:hover, div#noHassleReturns a:hover {color:#99ccff;}
		div#environmental {font-weight:bold; font-size:1.1em;}
		div#environmental p {margin:0; text-align:center; padding:20px 8px; text-transform:uppercase;}
		div#environmental a {color:#FFF; text-decoration:none;}
		div#environmental a:hover {color:#99ff66;}
		div#accountApplications {font-weight:bold; font-size:1.3em; padding:6px 0;}
		div#accountApplications p {margin:0; padding:0 20px 0 10px; background:url(/cms/outertemplates/images/bigarrowright.gif) 95% no-repeat; text-transform:uppercase;}
		div#accountApplications a {color:#FFF; text-decoration:none;}
		div#accountApplications a:hover {color:#99ccff;}
		div#antistaticbags {font-weight:bold; font-size:1.3em; padding:6px 0;}
		div#antistaticbags p {margin:0; padding:5px 0 5px 60px; background:url(/cms/outertemplates/images/anti-static.gif) 5% 50% no-repeat; text-transform:uppercase;}
		div#antistaticbags a {color:#FFF; text-decoration:none;}
		div#antistaticbags a:hover {color:#ef68ab;}
	
	div#loginLinks {text-align:right; color:#0095FD; margin:-2px 0 6px; text-transform:uppercase; font-size:0.85em;}
	div#loginLinks a {font-weight:bold; color:#0095FD;}
	
	div#breadcrumb { clear:both; width:940px; margin:0 auto; background:#e8e8e8; border:1px solid #d2d2d2; border-bottom:3px solid #dce1e3; position:relative;}

		div#breadcrumb div.corner {background-image:url(/cms/outertemplates/images/box1.gif); height:10px; width:10px;}
		div#breadcrumb div.tl {top:-1px; left:-1px;}
		div#breadcrumb div.tr {top:-1px; right:-1px;}
		div#breadcrumb div.bl {bottom:-3px; left:-1px;}
		div#breadcrumb div.br {bottom:-3px; right:-1px;}
		
		div#breadcrumb p { float:left; margin:6px 5px 5px 10px; font-weight:bold; }
		div#breadcrumb ul { float:left; margin:6px 5px 5px 5px;}
		div#breadcrumb li { display:inline; padding-left:10px; background:url(/cms/outertemplates/images/breadcrumb.gif) 0 4px no-repeat; }
		div#breadcrumb li.first {background:none; padding-left:0;}
		
		span.searchBox {float:right; padding:5px 5px;}
		input.btnSearch {padding:0; border:none; display:inline-block; width:63px; cursor:pointer; height:20px; text-indent:-999em;  background:url(/cms/outertemplates/images/btn-Search.gif) no-repeat; overflow:hidden;}

	div#subHeader {width:940px; height:92px; clear:both; background:url(/cms/outertemplates/images/subheader.gif) no-repeat; margin:7px auto 9px;}
	div#subHeader p {position:absolute; left:-999em;}

	div#footerLinks {clear:both; padding: 8px 0; display:none;}
		div#footerLinks div.boxContent {overflow:hidden;}
		div#footerLinks div.footerCol {width:23%; margin:0 1%; float:left; display:inline; clear:none;}
		div#footerLinks div.box5 {padding:3px 6px;}
		div#footerLinks h4 {font-size:0.9em; font-weight:bold; margin:0;}
	
div#footer { font-size:0.9em; background:#0095fd url(/cms/outertemplates/images/footer-trim.gif) top repeat-x; padding:22px 0 12px; overflow:hidden; color:#FFF;}
	div#footer p { text-align:center; }
	div#footer a { color:#FFF; }

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:50%; }
div.right2Col { float:right; width:50%; }

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

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

.box2 {margin:0 0 10px; background:#eee; padding:0; border:0;}
	.box2 .corner, .corners .box2 .corner {background-image:url(/cms/outertemplates/images/box2.gif);}
	.box2 .tl, .corners .box2 .tl {top:0px; left:0px;}
	.box2 .tr, .corners .box2 .tr {top:0px; right:0px;}
	.box2 .bl, .corners .box2 .bl {bottom:0px; left:0px;}
	.box2 .br, .corners .box2 .br {bottom:0px; right:0px;}
.box3 {background:#FFF url(/cms/outertemplates/images/box3-bg.gif) top repeat-x; border:6px solid #0095FD; margin:0 0 10px;}
	.box3 .boxContent {padding:6px 0;}
	.box3 .corner {background-image:url(/cms/outertemplates/images/box3.gif);}
	.box3 .tl, .corners .box3 .tl {top:-6px; left:-6px;}
	.box3 .tr, .corners .box3 .tr {top:-6px; right:-6px;}
	.box3 .bl, .corners .box3 .bl {bottom:-6px; left:-6px;}
	.box3 .br, .corners .box3 .br {bottom:-6px; right:-6px;}
.box4 {background:#0095fd; border:3px solid #0082dc; color:#FFF; margin:0 0 10px;}
	.box4 .corner {background-image:url(/cms/outertemplates/images/box4.gif);}
	.box4 .tl {top:-3px; left:-3px;}
	.box4 .tr {top:-3px; right:-3px;}
	.box4 .bl {bottom:-3px; left:-3px;}
	.box4 .br {bottom:-3px; right:-3px;}
.box5 {	background:#dce1e3; margin:0 0 10px; padding:0; border:0;}
	.box5 .corner {background-image:url(/cms/outertemplates/images/box5.gif);}
.box6 {background:#26ca06; border:3px solid #1a9f01; color:#FFF; margin:0 0 10px;}
	.box6 .corner {background-image:url(/cms/outertemplates/images/box6.gif);}
	.box6 .tl {top:-3px; left:-3px;}
	.box6 .tr {top:-3px; right:-3px;}
	.box6 .bl {bottom:-3px; left:-3px;}
	.box6 .br {bottom:-3px; right:-3px;}
.box7 {background:#FFF; border:1px solid #c7c7c7; color:#5b5b5b; margin:0 0 10px; padding:0;}
	.box7 .corner {background-image:url(/cms/outertemplates/images/box7.gif);}
	.box7 .tl {top:-1px; left:-1px;}
	.box7 .tr {top:-1px; right:-1px;}
	.box7 .bl {bottom:-1px; left:-1px;}
	.box7 .br {bottom:-1px; right:-1px;}
.box8 {background:#cd0067; border:3px solid #a20151; color:#fff; margin:0 0 10px; padding:0;}
	.box8 .corner {background-image:url(/cms/outertemplates/images/box8.gif);}
	.box8 .tl {top:-3px; left:-3px;}
	.box8 .tr {top:-3px; right:-3px;}
	.box8 .bl {bottom:-3px; left:-3px;}
	.box8 .br {bottom:-3px; right:-3px;}

div.loginBox {}
div.loginBox div.left2Col {border-right:1px solid #ddd; width:49%; height:16em; position:relative;}
div.loginBox div.right2Col {width:49%; height:16em; position:relative;}
div.loginBox table {border-collapse:collapse; width:640px;}
div.loginBox table td {background:#000; opacity:0.5; filter:alpha(opacity=50);}
div.loginBox table td.loginContent {background:#FFF; opacity:1; filter:alpha(opacity=100); padding:10px;}
div.loginBox table td.loginContent p.loginLinks {margin:8px 0;}
div.loginBox td.login-tl {width:10px; height:10px; background:url(/cms/outertemplates/images/loginBorder.gif) top left no-repeat;}
div.loginBox td.login-tr {width:10px; height:10px; background:url(/cms/outertemplates/images/loginBorder.gif) top right no-repeat;}
div.loginBox td.login-bl {width:10px; height:10px; background:url(/cms/outertemplates/images/loginBorder.gif) bottom left no-repeat;}
div.loginBox td.login-br {width:10px; height:10px; background:url(/cms/outertemplates/images/loginBorder.gif) bottom right no-repeat;}
a.btnContinueOrder {display:block; margin:4px auto; width:147px; height:19px; text-indent:-999em; text-align:left; background:url(/cms/outertemplates/images/btnContinueOrder.gif) no-repeat;}
a.btnLogin {position:absolute; bottom:0; right:10px; display:block; margin:4px; width:65px; height:19px; text-indent:-999em; text-align:left; background:url(/cms/outertemplates/images/btnLogin.gif) no-repeat; overflow:hidden;}
a.btnRegister {position:absolute; bottom:0; right:10px; display:block; margin:4px; width:105px; height:19px; text-indent:-999em; text-align:left; background:url(/cms/outertemplates/images/btnregister.gif) no-repeat;}
a.lnkLoginClose {float:right; clear:both; width:54px; height:19px; background:url(/cms/outertemplates/images/loginClose.gif) no-repeat; text-indent:-999em;}
a.lnkLoginClose:hover, a.btnContinueOrder:hover, a.btnLogin:hover, a.btnRegister:hover {
	opacity:0.5; filter:alpha(opacity=50);
}
div.orderLogin {text-align:center; font-weight:bold; margin:10px 0 0; padding:5px 0;border-top:1px solid #DDD; padding:6px 0 0; text-transform:uppercase;}

/* News */
div#news {font-size:0.85em;}
div#news h3 {font-size:1.1em; margin:0 0 0.4em; padding:0 10px 4px;}
div#news a {color:#4b4b4b;}
div#newsView {overflow:hidden; position:relative; margin:4px 0; border:2px solid #0095FD; border-width:2px 0;}
	table#newsList {position:relative;}
		div#news td {width:152px; padding:10px 0;}
a.newsViewall {float:right; color:#000; padding:0 12px 0 0; margin:0 6px 0 0; background:url(/cms/outertemplates/images/breadcrumb.gif) right 5px no-repeat;}

div#news a.left {display:block; position:absolute; top:7px; right:30px; background:url(/cms/outertemplates/images/btnleft.gif) left no-repeat; width:15px; height:15px; text-indent:-999em; overflow:hidden;}
div#news a.right {display:block; position:absolute; top:7px; right:10px; background:url(/cms/outertemplates/images/btnright.gif) left no-repeat; width:15px; height:15px; text-indent:-999em; overflow:hidden;}
div#news a.left:hover, div#news a.right:hover {background-position:bottom left;}
div#news a.disabled {background-position:top left !important; cursor:default;}