@charset "utf-8";
/* 
========================================================================================================= CREDITS
Copyright : Copyright (c) 2009 JPL. All Rights Reserved.
Author(s) : Josh Barlup - jbarlup@jplcreative.com
Date      : 3/25/2009 
Notes     : Template Style Sheet for CStore.
========================================================================================================= CHANGE LOG
Date		Name				Desc
========================================================================================================= BEGIN CSS
*/

/* ================== TYPE SELECTORS */
html {
	background-color:#2B0100;
}

body {
	background:#2B0100 url(../img/bg-html.jpg) top center no-repeat;
	font-size:62.5%;
}

h2 { font-size:3.7em; font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-weight:200; border-bottom:solid 1px #2b0100; padding-bottom:26px; width:605px; margin-bottom:10px; line-height:1em; letter-spacing:-1px; }
#wideMessage h2 { font-size:3.7em; font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2"; font-weight:200; border-bottom:solid 1px #2b0100; padding-bottom:26px; width:805px; margin-bottom:10px; line-height:1em; letter-spacing:-1px; }

h4 { font-size:1.8em; }

strong { font-weight:bold; }

/* ================== GENERAL CLASSES */
.clear_both { clear:both; height:0px; font-size:1px; line-height:0px; }
.clear_divider { clear:both; height:1px; font-size:1px; line-height:0px; width:420px; background-color:#660000; margin:10px 15px 18px 200px; }
.float_left { float:left; }
.float_right { float:right; }
.mainImageMargin { margin:10px 0 0 54px; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; width:320px; }

/* ================== LAYOUT SELECTORS */
#outerContainer {
	width: 996px;
	margin: 0 auto;
	background:url(../img/outerContainerDS.png) top center repeat-y;
}

#outerHomeContainer {
	width: 996px;
	margin: 0 auto;
	text-align:center;
}

#contentContainer {
	width: 944px;
	margin: 0 auto;	
}

#homeContainer {
	width: 984px;
	margin: 0 auto;
	position: relative;
}

#regcontainer {
	font-family:Arial, Helvetica, sans-serif;
}	

#flashcontainer {
	height: 618px;
}

/* ==================================================================================================== SLIDESHOW */

.slideshow-container { margin-bottom: 35px; background-color:#ff0000; width:510px; margin:0 5px 0 68px; float:left; background:url(../img/home/gradbar.gif) right top no-repeat; }
#slideshow-scroller { height: 475px; }

.slideshow-container { 
  position: relative; 
}
#slideshow-scroller { width: 508px; height: 475px; overflow: hidden; }
#slideshow-content { width: 1530px; }
.slideshow-section { 
	padding: 0px;
	width: 510px; 
	height: 475px; 
	float: left;
	font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2";
	font-weight:bold;
	font-size: 1.4em; 
	line-height: 1.7em; 
	color: #2b0100;
}
.callout-text { margin-bottom: 26px; }

#slidebuttons { position: absolute; left: 430px; top: 450px; }
#slidebuttons li {  
  float: left;
  width:19px;
  background: url(../img/home/numberbg.png) no-repeat center top;
  margin-right:6px;
}
#slidebuttons li.first {  }
#slidebuttons li a {  
  display:block; 
  height: 16px; 
  float: left; 
  font-size: 1.1em;
  color: #FFF;
  font-family:Tahoma;
  text-decoration:none;
  width:19px;
  text-align:center;
  padding-top:3px;
}
#slidebuttons li.active {  }
#slidebuttons li.active a { background: url(../img/home/numberbg.png) no-repeat center -21px; color: #fff }

.homecallout { color:#fff; font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2"; }
.homecallout a { text-decoration:none; color:#fff; }
.homecallout p { font-size:1.2em; font-weight:400; line-height:1.4em; }
.homecallout h3 { font-size:2em; font-weight:200; padding-bottom:5px; }
.homecallout p.calltoaction { font-family:Tahoma, Geneva, sans-serif; font-size:1.3em; text-transform:uppercase; font-weight:bold; margin-top:7px; }

.callout1 { float:left; width:331px; height:139px; background:url(../img/home/callout1.jpg) left top no-repeat; padding:20px 0 0 35px; }
.callout2 { float:left; width:331px; height:139px; background:url(../img/home/callout2.jpg) left top no-repeat; padding:20px 0 0 35px; }
.callout3 { float:left; width:331px; height:154px; background:url(../img/home/callout3.jpg) left top no-repeat; padding:20px 0 0 35px; }

#slide0-pane { background:url(../img/home/premiere-partner.jpg) left top no-repeat; }
#slide0-pane .panecontent { padding:332px 0 0 19px; }
#slide0-pane p { width:420px; }
#slide1-pane { background:url(../img/home/preferred-partner.jpg) left top no-repeat; }
#slide1-pane .panecontent { padding:131px 0 0 19px; }
#slide1-pane p { width:420px; }
#slide2-pane { background:url(../img/home/big-33.jpg) left top no-repeat; }
#slide2-pane .panecontent { padding:69px 0 0 15px; }
#slide2-pane p { width:433px; }

.bluebutton { background:url(../img/home/bluebutton.png) left top no-repeat; width:121px; height:24px; text-align:center; margin-top:10px; padding-top:1px; }
.bluebutton a { color:#f1f1f1; text-transform:uppercase; font-size:.9em; font-family:"ff-dagny-web-pro-1","ff-dagny-web-pro-2"; text-decoration:none; }

#formcontainer { margin:0 auto; width:700px; }
/* PNG Fixes */

#banner h1, #interiorSpan, #outerContainer, #footcap, #footcapwide {
behavior: url(/cstore/lib/css/iepngfix.htc);
}

#banner {
	width: 944px;
	margin:0 auto;
	background: url(../img/banner.gif) top center no-repeat;
	height: 92px;
	z-index:100;
	padding-bottom:30px;
}

#banner h1 {
	background: url(../img/cstore-logo-interior.png) no-repeat;
	text-indent: -999em;
	position: relative;
	width: 242px;
	height: 122px;
	margin:0 0 -35px -22px;	
	float:left;	
}
#banner.home {
	width:984px;
}

#banner.home h1 {
	margin:0 0 -35px 0;	
}

#banner h1 a { 
	display: block;
	width: 242px;
	height: 122px;
}

.loginnav, .logoutnav {
	float:left;
	margin:22px 0 0 17px;
	color:#fff;
	font-size:1.3em;
}

.loginnav li, .logoutnav li {
	float: left;
	height: 21px;
	margin:0 8px 0 0;
}

.loginnav a, .logoutnav a, #hello {
	font-weight:bold;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

#banner #form { display:none;}
#banner input { width: 200px; margin:20px 5px 0px 295px; }
#banner #submit {
	background:transparent url(../img/search.gif) no-repeat scroll 0 0;
	border:medium none;
	cursor:pointer;
	height:9px;
	margin:0 0 0;
	width:61px;
}

#interiorSpan {
	background:url(../img/blueNavBG.png) 6px top repeat-y;
	height:100%;
	padding-bottom:15px;
}

#interiorSpanWide {
	height:100%;
	padding:0 20px 15px 0; 	
}

#nav {
	float:left;
	margin:25px 0 0 20px;
	width:695px;
}
#nav li {
	float: left;
	height: 11px;
	text-indent: -999em;
}

/* Navigation */
#nav #home 				{ background: url(../img/buttons/home.gif) no-repeat; width: 52px; }
#nav #home 	a			{ width: 32px; } /* a width needs defined for IE */
#nav #products			{ background: url(../img/buttons/products.gif) no-repeat; width: 84px; }
#nav #products 	a		{ width: 49px; margin-left: 16px; } /* a width needs defined for IE */
#nav #tradeprog			{ background: url(../img/buttons/trade-programs.gif) no-repeat; width: 124px; }
#nav #tradeprog a		{ width: 89px; margin-left: 16px; } /* a width needs defined for IE */
#nav #catmanage			{ background: url(../img/buttons/category-management.gif) no-repeat; width: 172px; }
#nav #catmanage a		{ width: 138px; margin-left: 16px; } /* a width needs defined for IE */
#nav #consumerpromo		{ background: url(../img/buttons/consumer-promotions.gif) no-repeat; width: 161px; }
#nav #consumerpromo	a	{ width: 126px; margin-left: 16px; } /* a width needs defined for IE */
#nav #contact			{ background: url(../img/buttons/contact-us.gif) no-repeat; width: 79px; }
#nav #contact a			{ width: 62px; margin-left: 16px; } /* a width needs defined for IE */
#nav #programspromo		{ background: url(../img/buttons/programs-consumer-promo.gif) no-repeat; width: 227px; }
#nav #programspromo a	{ width: 207px; margin-left: 16px; } /* a width needs defined for IE */

#nav li a {
	display: block;
}

/* Sub navigation */
#leftbar {
	width:211px;
	float:left;
	padding:1px 1px 0px 15px;
}
#leftbar_top {
}
#leftbar ul {
	margin:25px 0 0 0;
	width:220px;
}
#leftbar ul li {
	background:url(../img/nav/arrowbginactive.gif) left 1px no-repeat;
	display:block;
	margin:0 0 11px;
	padding:0 0 6px;
}

#leftbar ul li.highlight { background:#1f526a url(../img/nav/arrowbgactive.gif) 2px 9px no-repeat; padding-top:10px; }

#leftbar ul li.highlight li.highlight { background:none; padding-top:0; }

#leftbar ul li.active {
	background:url(../img/nav/arrowbgactive.gif) left 1px no-repeat;
	display:block;
	margin:0 0 11px;
	padding:0 0 6px;
}

#leftbar ul li a {
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.5em;
	color:#fff;
	margin:0 0 0 22px;
	text-decoration:none;
	padding:0 0 6px 0;
}

#leftbar ul li a.highlight {
	color:#f8ca91;
}

/* Sub sub navigation */
#leftbar ul li ul {
	margin:15px 0 0 10px;
}

#leftbar ul li ul li {
	background:none;
	display:block;
	margin:0 0 11px;
	padding:0 0 6px;
}

#leftbar ul li ul li a {
	display:block;
	font-family:Tahoma, Verdana, Arial;
	font-weight:normal;
	font-size:1.2em;
	color:#fff;
	margin:0 0 0 22px;
	text-decoration:none;
	padding:0 0 6px 0;
	width:165px;
}

#leftbar ul li ul li a.highlight {
	color:#f8ca91;
}

/* Content area */

ul.showBullets {
	list-style:outside;
	margin:20px 0 20px 30px;
}

ul.showBullets li { margin:0 0 10px 0; }

ol.showNumbers {
	list-style:decimal;
	margin:20px 0 20px 17px;	
}
#message  {
	float:right;
	width:642px;
	padding:10px 20px 0 0;
	font-family:Tahoma, Verdana, Arial;
	font-size:1.1em;
	line-height:1.5em;
	color:#48130e;
}

#message h1 { 
	display:block;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0px 0px 20px 0px;
}

#message p { 
	font-family:Tahoma, Verdana, Arial, sans serif;
	font-size:11px;
	line-height:14px;
	color:#48130e;
	margin:10px 23px 10px 0px;
}
#message p.space_before { 
	margin-top:40px;
}

#message.products h3 { 
	display:block;
	font-family:Verdana, Arial, Tahoma;
	font-weight:bold;
	font-size:1.8em;
	color:#48130e;
	line-height:1.4em;
	margin:0 0 20px 0;
	width:625px;
}

#message img.mainImage {
	float:left;
	margin:0 10px 8px 0;
}

#message img.mainImageRight {
	float:right;
	margin:0 6px 8px 4px;
}

#message a {
	font-family:Tahoma, Verdana, Arial;
	font-size:1em;
	line-height:1.5em;
	color:#48130e;
}

#message li {
}

#wideMessage  {
	width:800px;
	padding:10px 15px 0 0;
	font-family:Tahoma, Verdana, Arial;
	font-size:1.1em;
	line-height:1.5em;
	color:#48130e;
	margin:0 auto;
}

#widerMessage  {
	width:903px;
	font-family:Tahoma, Verdana, Arial;
	font-size:1.1em;
	line-height:1.5em;
	color:#48130e;
	margin:0;
	background:url(../img/promotion/promobacker.jpg) left top no-repeat;
}

#enternowpromo {
	padding:26px 0 93px 589px;
	width:250px;	
	font-size:1.2em;
	text-align:center;		
	color:#fff;	
}

#enternowpromo a {
	color:#fff;
}

#enternowpromo p {
	margin:6px 0 0 0;
}

#youcouldwin {
	margin:0 0 0 390px;
}

#thanksforentering { padding:60px 0 247px 390px; }

#maxentries { font-size:1.6em; color:#fff; padding:30px 0 220px 400px; width:490px; line-height:1.4em; }
#maxentries a { color:#fff; }

#noteligible { font-size:1.6em; color:#fff; padding:30px 0 220px 400px; width:490px; line-height:1.4em; }
#noteligible a { color:#fff; }

#rulescontainer { font-size:1.2em; color:#000; width:860px; height:565px; background:#fff; }

#rulestext { width:800px; height:505px; margin:0 auto; font-size:1em; line-height:1.1em; overflow:auto; }
#rulestext p { margin:0 5px 15px 0; }

#npncontainer { font-size:1.2em; color:#000; width:660px; height:215px; background:#fff; }

#npntext { width:600px; height:155px; margin:0 auto; font-size:1em; line-height:1.1em; overflow:auto; }
#npntext p { margin:0 5px 15px 0; }

#wideMessage img.mainImageRight {
	float:right;
	margin:0 6px 8px 4px;
}

#wideMessage h1 { 
	display:block;
	height:17px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0px 0px 20px 0px;
}

#wideMessage p { 
	font-family:Tahoma, Verdana, Arial, sans serif;
	font-size:11px;
	line-height:14px;
	color:#48130e;
	margin:10px 23px 10px 0px;
}
#wideMessage p.space_before { 
	margin-top:40px;
}

#wideMessage.products h3 { 
	display:block;
	font-family:Verdana, Arial, Tahoma;
	font-weight:bold;
	font-size:1.8em;
	color:#48130e;
	line-height:1.4em;
	margin:0 0 20px 0;
	width:625px;
}

.infotools { width:350px; float:left; margin:0 0 50px 0; }
.infotools img { float:left; border:solid 2px #26688f; }
.infotools a { display:block; margin:15px 0 0 25px; float:left; }

#regcontainer h3 { 
	display:block;
	font-family:Verdana, Arial, Tahoma;
	font-weight:bold;
	font-size:1.8em;
	color:#48130e;
	line-height:1.4em;
	margin:0 0 20px 0;
	width:325px;
}


#wideMessage img.mainImage {
	float:left;
	margin:0 10px 8px 0;
}

#wideMessage img.mainImageRight {
	float:right;
	margin:0 6px 8px 4px;
}

#wideMessage a {
	font-family:Tahoma, Verdana, Arial;
	font-size:1.1em;
	line-height:1.5em;
	color:#48130e;
}

#wideMessage li {
}

ul.dualColumn, ol.dualColumn {
  float: left;
  width: 290px;
  margin: 0;
  padding: 0;
  list-style: none;	
}

ul.dualColumn li, ol.dualColumn li {
  float: left;
  width: 145px;
  margin: 0;
  padding: 0;
}

ul.singleColumn li, ol.singleColumn li {
  float:none;
  width: 186px;
  margin: 0;
  padding: 0;
}


ul.dualColumnShort {
  float: left;
  width: 282px;
  margin: 0;
  padding: 0;
  list-style: none;	
}

ul.dualColumnShort li {
  float: left;
  width: 141px;
  margin: 0;
  padding: 0;
}

#html0, #html1 { padding: 10px 0px 0px 0px; visibility: hidden; }

.html0, .html1 {
	display: none; 
	position: absolute;
	top: 50%;  
	left: 50%;  
	padding: 0px;  
	text-align: left;  
	z-index: 1001;
}

.closeModal {
	background:url(../img/modalbkg.jpg) center top repeat-x;
}

.closeModal a {
	color:#fff !important;
	display:block;
	padding:5px;
}
.closePromoModal { text-align:right; background:#fff; padding:8px 60px 0 0; }
.closePromoNPNModal { text-align:right; background:#fff; padding:8px 30px 0 0; }

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#overlay[id], .flash0[id], .flash1[id], .html0[id] { position: fixed; } 

p.placement {
	float:left;
	margin:45px 0 0 0 !important;
}

p.placement strong { font-weight:bold; }

.promoCallout {

}
p.promotion {
	float:left;
	margin:20px 0 0 20px !important;
	line-height:1.5em;
}

p.promotion strong { font-weight:bold; }

.monthHeader { font-weight:bold; font-size:1.4em; }
.prizeText { color:#036dbd; font-weight:bold; }

/* login/register page */
div#logincontainer {  }

div#logincontainer div.left { font-size:11px; float:left; width:300px; border-right:1px solid #5f4c3b; }
div#logincontainer div.left p, div#logincontainer div.right p.strong { margin:0px; }
div#logincontainer div.left ul { margin:10px 0px 0px 0px; padding:0px; }
div#logincontainer div.left ul li { clear:left; margin:0px; padding:4px 0px 4px 0px; }
div#logincontainer div.left ul li label { width:60px; display:block; float:left; text-align:right; padding:3px 4px 0px 0px }
div#logincontainer div.left ul li input { border:1px solid #4c4094; }
div#logincontainer div.left ul li.remember { padding:12px 0px 4px 64px; }
div#logincontainer div.left ul li.remember input { float:left; margin:0px 5px 0px 0px; }
div#logincontainer div.left ul li.remember label { padding:0px 0px 0px 0px; width:auto; }
div#logincontainer div.left ul li.forgot_pw { font-size:10px; padding:2px 0px 0px 64px; }
div#logincontainer div.left span.error { color:#ff0000; padding:4px 0px 4px 0px; display:block; text-indent:64px; clear:both; }
div#logincontainer div.left ul li.go_btn { padding:8px 0px 0px 88px; }
div#logincontainer div.left ul li.go_btn input { display:block; text-indent:-999px; overflow:hidden; background:url(../img/buttons/go_btn.gif) 0px 0px no-repeat; width:67px; height:33px; }

div#logincontainer div.right { float:right; width:49.5%; }
div#logincontainer div.right input { display:block; width:94px; height:33px; background:url(../img/buttons/register_btn.gif) 0px 0px no-repeat; text-indent:-999px; overflow:hidden; margin:59px 0px 0px 0px; }


div#continueContainer a { display:block; width:129px; height:34px; background:url(../img/buttons/loginRegisterButton.jpg) 0px 0px no-repeat; text-indent:-999px; overflow:hidden; margin:25px 0px 0px 0px; display:block; }

#registerForm { width:600px; }
#registerForm fieldset { margin:0 0 20px 0;  }
#registerForm label { width:110px; float:left; text-align:right; padding-right:10px; }
#registerForm label.wideLabel { padding-left:43px; text-align:left; width:280px; }
#registerForm ul li { clear:both; margin:0 0 10px 0; }
#registerForm ul li table { margin:0 0 0 118px; }
#registerForm ul li table label { float:none; }
#registerForm ul li table tr { display:block; margin:8px 0 0 0; }
#registerForm textarea { margin:10px 0 0 54px; }
#registerForm ul li.disclaimer { font-size:.8em; width:475px; margin:0 0 0 67px; }
.ageverifybuttons { margin:25px 0 0 0; }
.noteligible h4 { font-size:1.2em; font-weight:bold; }
#contactForm { width:600px; }
#contactForm label { width:110px; float:left; text-align:right; padding-right:10px; }
#contactForm ul li { clear:both; margin:0 0 10px 0; }
#contactForm ul li.contactButton { margin:0 0 0 125px; }

/* Footer elements */
#footcap {
    background: url(../img/footerCap.png) no-repeat;
    height: 180px;
	margin:0 auto;
	width:996px;
}

#footcapwide {
    background: url(../img/footerCapWide.png) no-repeat;
    height: 104px;
	margin:0 auto;
	width:996px;
}

#footer {
    font: 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;
    color: #877574;
    padding: 15px 40px;
	margin:0 auto;
	width:894px;
	text-align:left;
}

#footer p { margin: 8px 0; }
#footer a { color: #877574; text-decoration: underline; }
#footer a:hover { text-decoration: none; }