@import url("xstandard.css");
@import url("menu-h.css");
@import url("menu-v.css");
@import url("forms.css");
@import url("jquery.lightbox-0.5.css");
@import url("adidoCarousel.css");
@import url("products.css");
@import url("../corners/corners.css");

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

/* Page building styles */
div#wrapper { margin:0 auto; width:980px; }
div#wrapperMid { background:url(/cms/outertemplates/images/bg/mainMid.png) repeat-y; width:980px; }
div#wrapperTop { background:url(/cms/outertemplates/images/bg/mainTop.png) no-repeat top; width:980px; }
div#wrapperBtm { background:url(/cms/outertemplates/images/bg/mainBtm.png) no-repeat bottom; overflow:hidden; width:980px; }
div#header { background:url(/cms/outertemplates/images/bg/headerBG.png) no-repeat; height:150px; margin:10px 10px 0; position:relative; width:960px; z-index:10; }
	div#logo { float:right; margin:12px 5px 0 0; text-align:right; }
	    div#logo p { color:#FFF; font-size:0.9em; }
	    div#logo p.contact { font-size:1.8em; margin:0; }
	    div#logo p.contact a { font-size:0.8em; color:#fff; }
	div#fixedLinks {float:right;}
	div#fixedLinks li { display:inline; list-style:none; }
	
	/* Text resizing styles */
	#widgets {float:right;}
	#widgets li {display:inline;}
		#smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		#mediumText { font-size: 0.9em; }
		#largeText { font-size:1.0em; font-weight:bold; }
		
		.smallText { font-size:0.8em; } /* This should match the font size of the body tag */
		.mediumText { font-size: 1.2em; }
		.largeText { font-size:1.6em; }
		
div#middleWrap { width:970px; margin:6px 5px 45px; overflow:hidden;}

div#leftColMid { background:url(/cms/outertemplates/images/bg/colMid.png) repeat-y; float:left; margin:0 0 0 5px; width: 158px; }
div#leftColTop { background:url(/cms/outertemplates/images/bg/colTop.png) no-repeat top; width: 158px; }
div#leftColBtm { background:url(/cms/outertemplates/images/bg/colBtm.png) no-repeat bottom; width: 158px; }
div#leftCol { overflow:hidden; width: 158px; }

div#content { width:627px; float:left; }
div#rightCol { width: 180px; float:left; padding:0;}

div.contentCols {  }
div.contentBoxMid { background:url(/cms/outertemplates/images/bg/contentBoxMid.png) repeat-y left; float:left; margin:0 1px; width:154px; }
div.contentBoxTop { background:url(/cms/outertemplates/images/bg/contentBoxTop.png) no-repeat top left; width:154px; }
div.contentBoxBtm { background:url(/cms/outertemplates/images/bg/contentBoxBtm.png) no-repeat bottom left; overflow:hidden; width:154px; }
div.contentBox { margin:10px; width:134px; }
div.contentBox h2 { color:#FF1D1D; font-size:1.2em; font-weight:bold; }
div.contentBox img { border:1px solid #FF1D1D; display:block; margin:0 auto 12px; }
div.contentBox p { margin:0; }

div.colBoxBtm .corner { background-image:url(/cms/outertemplates/images/corners/shadowCorner.png); height:16px; width:16px; }
div.colBox { background:#000 url(/cms/outertemplates/images/bg/colBoxBG.png) repeat-x top; }

div#carouselHolder { background:url(/cms/outertemplates/images/bg/carouselBG.png) no-repeat; height:210px; overflow:hidden; width:627px; }
a.carouselPrev, a.carouselNext { display:block; float:left; height:190px; margin:10px; width:40px; }
a.carouselPrev { background:url(/cms/outertemplates/images/btn/btnPrev.png) no-repeat; }
a.carouselNext { background:url(/cms/outertemplates/images/btn/btnNext.png) no-repeat; }
div#carouselMask { float:left; height:190px; margin:10px 0; width:507px; }

.carouselImg { float:left; height:190px; width:160px; }
.carouselContent { float:left; height:190px; width:347px; }
.carouselContent h2 { color:#FF1D1D; font-size:1.6em; font-weight:bold; }
.carouselContent h2 a { color:#FF1D1D; }

div#breadcrumb { clear:both; overflow:hidden;}
div#breadcrumb p { float:left; margin:5px; }
div#breadcrumb ul { float:left; margin: 5px; }
div#breadcrumb li { display:inline; padding-left:8px; background:url(/cms/outertemplates/images/breadcrumb.gif) left no-repeat; }

div#footer { font-size:0.9em; }
div#footer p { text-align:center; }
div#footer a { color:#000; }

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%; }

/* 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;}
.hover { cursor:pointer; }