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

body.site { background:#D3D3D3; width:auto; padding:0; height:auto; border:0;}
.corners { border-width:0; }

/* Page building styles */

#wrap { background:url(/cms/outertemplates/images/bg/mainBGMid.gif) repeat-y; width:985px; margin:0 auto; }
#wrapTop { background:url(/cms/outertemplates/images/bg/mainBGTop.png) no-repeat top; width:985px; height:25px; }
#wrapBtm { background:url(/cms/outertemplates/images/bg/mainBGBtm.png) no-repeat bottom; width:985px; height:25px; }

div#header { background:url(/cms/outertemplates/images/bg/headerBG.png) no-repeat; width:956px; height:116px; margin:3px 14px; padding:1px 0 0; position:relative; }
a#logo { display:block; width:156px; height:103px; margin:5px 0 0 20px; }

#fixedLinks {position:absolute; top:0px; right:0; font-size: 0.8em; height:30px; background:url(/cms/outertemplates/images/fixedLinks.gif) no-repeat;}
    #fixedLinks ul {margin:0;}
    #fixedLinks li { display:inline; list-style:none; padding-left:1px; }
    #fixedLinks li.first {border-left:none;}
    #fixedLinks li a { } 
    

	#widgets {float:left; line-height:30px; padding:0 0 0 10px; display:inline;}
	#widgets li {display:inline; color:#FFF; float:left; margin:0 5px 0 0; }
	#widgets li.text { background:url(/cms/outertemplates/images/bg/text.gif) no-repeat left; padding:0 0 0 20px; margin:0 5px; font-family:Georgia,Times,Serif; }
	    #widgets a { color:#FFF; }
	    
	/* Text resizing styles */
		a#largerText, a#smallerText { border:1px solid #019bd0; background:#1c63ad; padding:2px 5px; font-family:Georgia,Times,Serif; }
		a#largerText { color:#FFF; }
		a#smallerText { color:#97c9fb; }
		
		.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#callUs { font-size:1.6em; position:absolute; right:15px; top:50px; color:#FFF; font-weight:bold; }
	
	div#headerBtm { position:absolute; bottom:0; right:0; }	
	div#headerBtm div { float:right; }
	
	div#accountActions { float:right; margin:0 8px 0 0; }
	div#accountActions ul { list-style:none; margin:7px 0 0; }
	div#accountActions ul li { border-right:1px solid #FFF; float:left; padding:0 5px; }
	div#accountActions ul li.last { border:none; }
	div#accountActions ul li a { color:#FFF; text-decoration:underline; }
	div#accountActions ul li a.welcome { text-decoration:none; font-weight:bold; }
	
	div.searchBox { width:195px; float:right; margin:0 10px 0 0; padding:5px 0 5px 5px; background:url(/cms/outertemplates/images/bg/searchBoxBG.gif) no-repeat top; }
	div.searchBox div.inputText { background:url(/cms/outertemplates/images/bg/input/searchBoxL.png) no-repeat left; padding:0 0 0 7px; height:23px; float:left !important; }
	div.searchBox div.inputText div { background:url(/cms/outertemplates/images/bg/input/searchBoxR.png) no-repeat right; padding:0 7px 0 0; height:23px; float:left; }
	div.searchBox div.inputText div input { width:158px; border:none; background:none; color:#B8B8B8; line-height:20px; height:20px; margin:3px 0 0; }
	div.searchBox .lnkSearch { height:23px; padding:0 5px 0 0; width:15px; float:left; }

#breadcrumb { width:720px; overflow:hidden; margin:0 11px 5px; }
#breadcrumb p { float:left; margin:0 5px; color:#828282; }
#breadcrumb ul { float:left; margin:0; }
#breadcrumb li { display:inline; padding:0 10px 0 4px; background:url(/cms/outertemplates/images/btn/lnkArrowRight2.gif) no-repeat right; color:#000; }
#breadcrumb li.last { background:none; font-weight:bold; }
#breadcrumb li a { color:#000; }

div#main { width:964px; margin:0 11px; background:url(/cms/outertemplates/images/bg/mainMid.png) repeat-y; }
div#mainTop { width:964px; margin:0; background:url(/cms/outertemplates/images/bg/mainTop.png) no-repeat top; }
div#mainBtm { width:964px; margin:0; background:url(/cms/outertemplates/images/bg/mainBtm.png) no-repeat bottom; overflow:hidden; }

div#mainDefault { width:964px; margin:15px 11px 0; background:url(/cms/outertemplates/images/bg/mainMid2.png) repeat-y; }
div#mainDefaultTop { width:964px; margin:0; background:url(/cms/outertemplates/images/bg/mainTop2.png) no-repeat top; }
div#mainDefaultBtm { width:964px; margin:0; background:url(/cms/outertemplates/images/bg/mainBtm2.png) no-repeat bottom; overflow:hidden; }

div#leftCol { width:200px; margin:0 0 0 3px; float:left; }
div#rightCol { width:745px; margin:0 0 0 12px; float:left; }

div#contentBanner { width:745px; background:url(/cms/outertemplates/images/bg/contentBannerMid.png) repeat-y; position:relative; margin:0 0 15px; }
div#contentBannerTop { width:745px; background:url(/cms/outertemplates/images/bg/contentBannerTop.png) no-repeat top; border-bottom:1px solid #3f81c4; overflow:hidden; }
    div#contentBannerTop h2 { padding:10px 0 10px 10px; margin:0; color:#FFF; font-weight:bold; font-size:1.5em; float:left; }
    a#viewAll { float:right; margin:7px 20px 0 0; padding:0 10px; color:#FFF; background:url(/cms/outertemplates/images/btn/viewAllBG.gif) no-repeat; width:137px; height:30px; line-height:30px; text-align:center; text-transform:uppercase; font-size:0.9em; }
div#contentBannerBtm { width:745px; background:url(/cms/outertemplates/images/bg/contentBannerBtm.png) no-repeat bottom; overflow:hidden; }
div#contentBanner img { float:right; margin:0; }
div#contentBannerInfo { width:535px; margin:10px 0 0 10px; float:left; }
div#contentBanner p { float:left; color:#FFF; font-size:1em; }

div#contentBanner .Dub3DropDownList_outer { background:url(/cms/outertemplates/images/bg/input/dropDownL.png) no-repeat left; padding:0 0 0 20px; height:61px; }
div#contentBanner .Dub3DropDownList_inner { background:url(/cms/outertemplates/images/bg/input/dropDownR.png) no-repeat right; padding:0 20px 0 0; height:61px; border:none; }
div#contentBanner .Dub3DropDownList_outer select { margin:12px 0 0; height:38px; width:340px; }
div#contentBanner .Dub3DropDownList_label {  }

div#content {  }
div#content h1.first { margin:0 0 0.8em; }

div#midCol { width:510px; float:left; margin:10px 0 0; }

div.userSections { margin:0 10px; }
div.userSections ul { list-style:none; margin:0; }
div.userSections ul li { background:url(/cms/outertemplates/images/bg/bgAccountTabs.png) no-repeat bottom; float:left; font-weight:bold; height:26px; line-height:26px; margin:0 4px 0 0; text-align:center; width:100px; }
div.userSections ul li a { color:#666; }
div.userSections ul li.active { background-position:top; color:#FFF; }

div.userSectionFrame { border:1px solid #D4D4D4; clear:both; padding:6px; position:relative; }
div.userSectionFrame div.corner { background-image:url(/cms/outertemplates/images/bg/corners/white-white1.gif) }
div.userSectionFrame div.formRow { margin:0 0 5px; padding:0 0 0 180px; }

div.accountPaymentsFilter { margin:0 0 0.8em; }
div.orderList { background:#EEE; border:1px solid #D4D4D4; padding:0; position:relative; }
div.orderList div.boxContent { width:100%; }
div.orderList div.corner { background-image:url(/cms/outertemplates/images/bg/corners/white-grey2.gif); }
div.orderList table.orderList { border-collapse:collapse; }
div.orderList table.orderList th { border-bottom:2px solid #D4D4D4; padding:8px 4px; }
div.orderList table.orderList td { padding:6px 4px; }

div.orderDetails { background:#EEE; border:1px solid #D4D4D4; margin:10px 0 0; padding:0; }
div.orderDetails div.corner { background-image:url(/cms/outertemplates/images/bg/corners/white-grey2.gif); }
div.orderDetails table#orderDetails { border-collapse:collapse; width:100%; }
div.orderDetails table#orderDetails th { border-bottom:2px solid #D4D4D4; border-top:2px solid #D4D4D4; padding:8px 4px; }
div.orderDetails table#orderDetails td { padding:6px 4px; }
div.orderDetails p { border-top:2px solid #D4D4D4; padding:2px 6px 4px; }
div.orderDetailsFilter { padding:6px; }
div.orderDetailsFilter select.ddl { border:1px solid #999; }

div#rightCol2 { background:url(/cms/outertemplates/images/bg/rightCol2Mid.gif) repeat-y; width:215px; float:left; margin:0 0 0 20px; }
div#rightCol2Top { background:url(/cms/outertemplates/images/bg/rightCol2Top.gif) no-repeat top; padding:8px 0 0; }
div#rightCol2Btm { background:url(/cms/outertemplates/images/bg/rightCol2Btm.gif) no-repeat bottom; width:215px; overflow:hidden; padding:0 0 8px;  }
div#rightCol2 h2 { color:#074789; font-weight:bold; font-size:1.2em; padding:0 0 0 8px; }

div#rightColDefault { width:215px; float:left; margin:0 0 0 20px; }
div#rightColDefaultTop { padding:8px 0 0; }
div#rightColDefaultBtm { width:215px; overflow:hidden; padding:0 0 8px;  }
div#rightColDefault h2 { color:#074789; font-weight:bold; font-size:1.2em; padding:0 0 0 8px; }

div#latestOffer { background:#FFF; margin:0 auto; overflow:hidden; padding:10px; width:180px; }
div#latestOffer .boxContent { padding:0; width:180px; }
div#latestOffer div.corner { background-image:url(/cms/outertemplates/images/bg/corners/grey-white1.gif); }
div#latestOffer h2 { font-size:1.3em; height:24px; line-height:24px; margin:0; padding:0; }

div#latestOfferControls { margin:8px 0 0; overflow:hidden; }
div#latestOfferControls input { height:22px; width:60px; border:none; cursor:pointer; background:none; background-position:top; background-repeat:no-repeat; }
div#latestOfferControls input.latestOffersNext { background-image:url(/cms/outertemplates/images/btn/btnOfferNext.png); float:right; }
div#latestOfferControls input.latestOffersPrev { background-image:url(/cms/outertemplates/images/btn/btnOfferPrev.png); float:left; }

div#latestOfferCont { width:180px; margin:0; background:#FFF; padding:0; overflow:hidden; height:160px; }
    div.offerImg { width:180px; height:90px; margin:8px 0; text-align:center; padding-bottom:8px; }
        div#latestOfferCont div.offerImg div.corner { background-image:url(/cms/outertemplates/images/bg/corners/white-trans1.png); }
    div#latestOfferCont p { margin:0; }
    div#latestOfferCont p a { color:#000; text-decoration:underline; }
    div#latestOfferCont p.price { text-align:right; font-weight:bold; margin:8px 0 0; }
    div#latestOfferCont span.oldPrice { text-decoration:underline line-through; color:#555555; }
    div#latestOfferCont span.offerPrice { text-decoration:underline; color:#e10000; }
    div#latestOfferCont ul li { width:180px; float:left; }
    
    #carouselList { margin:0; position:relative; overflow:hidden; }

div#newsletterSignup { width:199px; margin:10px 8px 0; background:#074789; }
div#newsletterSignup div.boxContent { padding:0; }
div#newsletterSignup div.corner { background-image:url(/cms/outertemplates/images/bg/corners/grey-blue1.gif); }
div#newsletterSignup h2 { color:#FFF; text-transform:uppercase; margin:8px 0 0.8em;  }
div#newsletterSignup div.inputText { background:url(/cms/outertemplates/images/bg/input/newsletterInputL.png) no-repeat left; height:23px; width:165px; padding:0 0 0 7px; margin:0 13px 10px; }
div#newsletterSignup div.inputText div { background:url(/cms/outertemplates/images/bg/input/newsletterInputR.png) no-repeat right; height:23px; padding:0 7px 0 0; }
div#newsletterSignup div.inputText div input { background:none; border:none; color:#7F7F7F; font-size:0.9em; width:158px; margin:3px 0 0; }
div#newsletterSignup input.inputSubmit { background:url(/cms/outertemplates/images/btn/newsletterSubmit.png) no-repeat right; height:28px; line-height:28px; padding:0; text-transform:uppercase; color:#FFF; font-size:0.9em; border:none; width:69px; height:27px; float:right; margin:0 12px 6px 0; text-indent:-999em; }

div.quote { width:183px; margin:10px 8px 0; background:#FFF; padding:8px; }
div.quote div.corner { background-image:url(/cms/outertemplates/images/bg/corners/grey-white1.gif); }
div.quote div.boxContent { padding:0; }
div.quote div.innerQuote { width:163px; padding:6px 0 0 20px; background:url(/cms/outertemplates/images/bg/quoteL.gif) no-repeat top left; }
div.quote blockquote { width:153px; padding:0 10px 5px 0; background:url(/cms/outertemplates/images/bg/quoteR.gif) no-repeat bottom right; font-style:italic; }

a#securePayment { display:block; width:187px; height:36px; margin:15px 14px 0; }

div#footer { width:957px; margin:10px 14px 0; font-size:0.9em; }

div#footerTop { width:957px; height:44px; background:url(/cms/outertemplates/images/bg/footerTop.png) no-repeat; position:relative; }
div#footerBtm { width:957px; height:44px; background:url(/cms/outertemplates/images/bg/footerBtm.png) no-repeat; position:relative; }
div#footerTop ul { list-style:none; position:absolute; bottom:5px; left:10px; margin:0; }
div#footerTop ul li { float:left; padding:0 5px; border-right:1px solid #FFF; }
div#footerTop ul li.last { border:none; }
div#footerTop ul li a { color:#FFF; }
div#footerBtm p { color:#FFF; margin:0 0 0 10px; }
div#footerLegal {clear:both: margin-top:15px;}
div#footerLegal p {text-align:center; font-size:0.9em; color: #999; margin:0.4em;}

a#logoSCLFooter { position:absolute; left:650px; top:15px; }
a#logoAECCFooter { position:absolute; left:650px; top:5px; }



/* Non X-Standard Text Styles */

.blueBG div.corner { background-image:url(/cms/outertemplates/images/bg/corners/white-blue1.gif); height:6px; width:6px; }
.greyBG div.corner { background-image:url(/cms/outertemplates/images/bg/corners/white-grey1.gif); height:6px; width:6px; }
.blueBG div.boxContent, .greyBG div.boxContent { padding:3px 8px; }

h2.featured { margin:0.8em 0; }

div.clear { clear:both; }
.hidden {display:none;}
/* 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 */

#scroll { position:absolute; top:0; bottom:-0.1px; width:1em; z-index:-1em; }

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.3; filter:alpha(opacity=30);}
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:28px; text-indent:-999em; text-align:left; background:url(/cms/outertemplates/images/btn/continueWithOrder.png) no-repeat;}
a.btnLogin {position:absolute; bottom:0; right:10px; display:block; margin:4px; width:64px; height:28px; text-indent:-999em; text-align:left; background:url(/cms/outertemplates/images/btn/login.png) no-repeat;}
a.btnRegister {position:absolute; bottom:0; right:10px; display:block; margin:4px; width:113px; height:28px; text-indent:-999em; text-align:left; background:url(/cms/outertemplates/images/btn/createAccount.png) 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;}

div.formRegister {  }
div.formRegister div.formRow { margin:0 0 0.8em; overflow:hidden; padding:0; }
div.formRegister div.formRow input.textBox { background:#FFF; border:1px solid #CCC; }
div.formRegister div.formRow label { float:left; margin:0; padding:0 6px 0 0; width:140px; }
div.formRegister div.formRow select {  }

div.accountPayments { margin:0 0 6px; }
div.accountPayments table { width:100%; }
div.accountPayments div.accountTotal { margin:12px 0 0; }
div.accountPayments div.accountTotal table td { width:50%; }
div.accountPayments div.amountAdvanced {  }
div.accountPayments div.amountAdvanced input.btnOK {  }
div.accountPayments div.amountAdvanced input.textBox { background:#FFF; border:1px solid #CCC; }
input.btnPay {  }