/***** layout styles *****/
body
{ }
 

 
#main_container
{
    background-image: url(../images/bottomtexture.jpg);
    background-position:center bottom;
    background-repeat:no-repeat;
    padding-bottom: 70px;
    z-index: 1;
    font-family: Georgia;
     font-size: 11px;
     color: #CCCCCC;
     text-align:center;
    
    
}

#outside_container
{
 text-align:center;
 background-image: url(../images/bg.jpg); 
 background-color: #000000;
 background-position: left top; 
 background-repeat: no-repeat;
 width: 720px;
 margin: 0 auto;
 border: solid 1px #3a3938;
 z-index: 1;
 }

	
#inner_container
{ 
 text-align:left;   
 padding: 30px;
 margin:30px; 
 height:1%;
 border: solid 1px #000000;
}


#content_container
{
 padding: 20px; 
 }

#main_container .content_box
{
padding: 12px; 
width: 45%; 
} 	

#main_container a img{border:0;}
#main_container a:link, a:visited {color: #FFFFFF;}
#main_container a:hover{color:#CCCCCC;}

/*common*/
#main_container .clear{clear:both;}
#main_container .left{float:left;}
#main_container .right{float:right;}
#main_container .dividerSm{padding: 8px 0px; }
#main_container .dividerMed{padding: 12px 0px; }
#main_container .dividerLarge{padding: 16px 0px; }
#main_container .divPadding{padding: 14px;}
#main_container .divPaddingSm{padding: 8px;}
#main_container .center{text-align:center; width:auto;}
#main_container .block{padding: 8px 0px; }

.ucase { text-transform:uppercase;}
/***** display styles ****/
#main_container .heading{color:#FFFFFF; font-weight:bold; display:block;}
#main_container .subtext{color: #999999; font-style:italic;}
#main_container .title{color:#FFFFFF; font-weight:bold; position: static;}
ul.guitar{ list-style-image:  url(../images/gtr_bullet.gif);  }
ul.guitar li{margin-bottom: 10px;}

#main_container .bullet{float:left; width: 20px;}
#main_container .bulletItem{float:left;}

#main_container .listItem{margin: 17px 0;}

#main_container form {margin: 0; padding:0;}
#main_container form .txtAACardNum{ width: 45px; text-align:center; }


#main_container form br {clear:both;}
#main_container form .formLeft{float:left; width: 150px; position:relative;  margin:2px 0;}

#main_container form.signup .formLeft{width: 95px; padding-top: 6px; }
#main_container form .formRight{float:left;position:relative;  margin:2px 0;}

#main_container form .formRight .small{width: 70px;}

#main_container form .formRight .med{width: 120px;}
#main_container form .formRight .large{width: 165px;}
#main_container form.signup .large{width: 145px;}
#main_container form .formRight .large.dropdown{width: 170px;}
#main_container form.signup .formRight .large.dropdown{width: 150px;}

#main_container .dropDownContainer.large select{width: 170px; display: inline;}
#main_container .dropDownContainer.med select{width: 150px; display: inline;}
#main_container .dropDownContainer.large { display: inline;}
#main_container .dropDownContainer.med { display: inline;}

/* popups */
#main_container .closeButton{width:100%; text-align:right; }
#main_container .closeLink{width:100%; height:15px; text-align:center; position:absolute; bottom: 4px; left:0px;  }

#numberHelpPopup 
{
    background-image: url(../images/help_numberpopup.jpg); 
    width: 330px; 
    height: 350px; 
    position:absolute;   
    z-index: 1000;
    border: solid 1px #000000; 
    }
    
#CVCHelpPopup 
{
    background-image: url(../images/CVV2popup.jpg); 
    width: 330px; 
    height: 485px; 
    position:absolute; 
    top: 325px;  
    left: 225px;
    z-index: 1000;
    border: solid 1px #000000;    
    }


/* transparent boxes for non-IE browsers */
#main_container .transbox1 {background-image: url(../images/bigbox_bg.png);  background-repeat: repeat-x; }
#main_container .transbox2{ background-image: url(../images/bigbox_bg2.png);} 
/*.transbox2{ background-image: url(../images/bg3.png); background-repeat: repeat-x;} */
#main_container .transbox3{background-image: url(../images/bigbox_bg3.png); position:static !important;}

ul.list {font-size: 11px;}
ul.list li{margin: 8px 0 8px 24px;}
ul.list li a:link, ul.list li a:visted{color: #FFFFFF;}
ul.list li a:hover{color: #CCCCCC;}

#CorpCafeList a, a:link, a:visited, #FranchiseCafeList a, a:link, a:visited{color: #FFFFFF;}
#CorpCafeList a:hover, #FranchiseCafeList a:hover{color: #CCCCCC;}


/*Bottom Promos */
#PromoContainer{padding: 20px 0 0 0; width: 100%; position:relative;}
#PromoImage1{width: 33%; margin: 0 auto; text-align: center; float:left; position:relative; left: -4px;}
#PromoImage2{width: 33%;  margin: 0 auto; float:left;  text-align: center;}
#PromoImage3{width: 33%; margin: 0 auto; float:right; position:relative; left: 2px;}

#PromoText1{width: 33%; margin: 0 auto;  float:left; position:relative; left: -4px;  text-align: center;}
#PromoText2{width: 33%; margin: 0 auto;  float:left; text-align: center;}
#PromoText3{width: 33%; margin: 0 auto; float:right; position:relative; left: 2px; text-align: center;}


/*validation*/
.jsvalidation, .validation-advice{color:#FFFFFF; margin-left: 10px; margin-top:3px; width: 175px; padding:2px; }
.jsvalidation-static{color:#FFFFFF; margin-left: 10px; margin-top:3px; width: 175px; padding:2px; background-color:#CC0000;}
.statusSuccess{ color: #FFFFFF;}
.statusError{ color:#FFFFFF; background-color:#CC0000; width:auto; padding:2px;}

/* debugging */
.borderYellow {border: 2px solid yellow; } 
.borderRed {border: 2px solid red; }
.borderOrange {border: 2px solid orange; }