/*** GENERAL STYLES ***/

html {
     overflow: -moz-scrollbars-vertical;
}

body {
    background: #542b2b; 
    text-align: center; 
    margin: 0; 
    padding: 0;
	height: 100%;
	position: relative;
}
    
body, th, td, h1, h2, h3, h4, h5, h6, select, input, textarea {font-family: "trebuchet ms", trebuchet, arial, helvetica, sans-serif; font-size: 12px; color: #000;}
body, th, td, h1, h2, h3, h4, h5, h6 {line-height: 17px;}
form, h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}

img, table, fieldset {border: 0;}
ul, ul li {list-style: none; margin: 0; padding: 0;}
p {margin: 0 0 1.5em 0;}
a {color: #a51712; text-decoration: none;}
a:hover {text-decoration: underline;}

.ir {display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
a .ir {cursor: pointer;}


/*** TEXT STYLES ***/

.alert {color: #c00;}
.green {color: #080;}
.small {font-size: 11px;}
.red {color: #a51712 !important;}
.yellow {color: #c87715 !important;}
.blue {color: #609cb3 !important;}


/*** FLOAT AND CLEAR STYLES ***/

.floatleft {float: left;}
.floatright {float: right;}
.imgleft {float: left; margin: 0 15px 15px 0;}
.imgright {float: right; margin: 0 0 15px 15px;}
.textcenter {text-align: center;}
.textright {text-align: right;}

.spacer {float: none; clear: both; height: 1px; overflow: hidden;}
.hr {float: none; clear: both; height: 1px; overflow: hidden; background: #ccc; margin: 2em 0;}
.clear {float: none; clear: both;}

.half {width: 50%;}
.third {width: 33%;}
.twothird {width: 60%;}
.quarter {width: 25%;}
.threequarter {width: 70%;}

.texttable  
{
    border-collapse: collapse; 
    border: 0px solid white; 
    vertical-align:middle;
    height: 100%;
}
.texttable input[type=text]
{
    float: left;
    height: 14px;
    font-size: inherit;
}
.inputspan
{
    display: block;
    float: left;
    height:100%;
}

/*** Popup Style ***/
#fade {
	background: #000;
	position: fixed;
	width: 100%;
	height: 100%;
	filter: alpha(opacity=70);
	opacity: .70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--IE 8 Transparency--*/
	left: 0;
	top: 0;
	z-index: 70;
}

.sitelogo {   
float: left;   
padding: 10px;   
margin: 10px;   
}   

/* Hide Show */
.hideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/*  Sample: All over screen width
.popup_block {
	float: left;
	width: 920px;
	height: 520px;
	position: fixed;
	z-index: 100;
    left: 50%;
    top: 50%;
    margin-left:-460px; 
    margin-top:-260px;
}
*/

.popup_block {
	float: left;
	width: 703px;
	height: 5px;
	position: fixed;
	z-index: 100;
    left: 50%;
    
    margin-left:-218px; 
    margin-top: 173px;
}
.popup_block .popup {
	float: left;
	width: 100%;
	background: #fff;
	border: 1px solid #bbb;
	background-image:
	url('../images/popupback.gif');
}

.popup h3 {
	margin: 0 0 20px;
	padding: 10px 10px;
	border-bottom: 1px solid #bbb;
	font-size: 1.5em;
	font-weight: normal;
	background-color:#efefef;
}

.popup h2 {
	margin: 0 0 20px;
	padding: 10px 10px;
}

.popup p {
	padding: 10px 10px;
	margin: 10px 10px;
}

.popup img.close {
	position: absolute;
	right: 30px;
	top: 8px;
}

.popup img.gotowebsite {
	position: absolute;
	right: 150px;
	top: 8px;
}


/*** STRUCTURAL STYLES ***/

#searchform {float: right; width: 260px; padding-right: 10px; font-style: italic;}
#outer {position: relative; width: 994px; margin: 0 auto; text-align: left; background: #fff url(../images/outer.gif);}
#rightSimple {float: right; width: 962px; background: url(../images/right.gif) left top repeat-x;}

#outerSimple {position: relative; width: 994px; margin: 0 auto; text-align: left; background: #fff url(../images/outerSimple.gif);}
#main {margin: 0 11px;}
#right {float: right; width: 704px; background: url(../images/right.gif) left top repeat-x;}
#contactright {float: right; width: 704px; background: url(../images/right.gif) left top repeat-x; overflow:auto;}
#left {float: left; width: 268px; height: 430px; min-height: 430px; background: #600 url(../images/left.gif) left top repeat-x;}
#leftSimple {float: left; width: 0px; height: 430px; min-height: 430px; background: #600 url(../images/left.gif) left top repeat-x;}
	html>body #left {height: auto;}


/*** TOP STYLES ***/

#top {height: 94px; background: #000 url(../images/top.gif); padding: 17px 11px 0 11px;}
#logo {float: left; position: relative; width: 368px; height: 93px; color: #fff; line-height: 93px; text-indent: 20px; font-size: 29px; font-weight: normal;}
#logo .ir {text-indent: 0;}

#toppromo {float: right; width: 596px;}
#toppromoimg {float: left; width: 400px;}
#toppromotext {float: right; width: 166px; padding: 10px 15px 0 15px; text-align: center;}
#toppromotext h2 {font-size: 13px; color: #fff; margin-bottom: 5px;}
#toppromotext p {font-size: 11px; color: #ccc; line-height: 15px; margin-bottom: 5px;}
#toppromolink {font-size: 12px; color: #ce8a2b; font-weight: bold;}


/*** NAV AND SEARCH BAR STYLES ***/

#navsearch {height: 61px; background: #85100d url(../images/navsearch.gif); padding: 0 11px;}
#searchform p {margin: 0; color: #faf0de; padding: 5px 0;}
#searchform label {color: #ebbc4b; vertical-align: middle; padding-right: 5px;}
#searchform .textinput {font-style: italic; font-size: 11px; width: 100px; vertical-align: middle;}
#searchform #searchgo {width: auto; margin-left: 5px; vertical-align: middle;}

#nav {position: relative; float: left; padding: 6px 0 0 8px; height: 54px;}
#nav li {float: left; margin-right: 8px;}
#nav li a {display: block; color: #e8dac2; background: url(../images/nav-a.gif) right top no-repeat; line-height: 28px; text-decoration: none;}
#nav li a span {display: block; width: 10px; height: 54px; white-space: nowrap; padding: 0 27px; background: url(../images/nav-span.gif) left top no-repeat; cursor: pointer; cursor: hand;}

#nav li a .gold {display: block; color: #e8dac2; background: url(../images/nav-b.gif) right top no-repeat; line-height: 28px; text-decoration: none;}
#nav li a span .gold {display: block; width: 10px; height: 54px; white-space: nowrap; padding: 0 45px; background: url(../images/nav-spanB.gif) left top no-repeat; cursor: pointer; cursor: hand;}

#nav li a .blue {display: block; color: #000; background: url(../images/nav-c.gif) right top no-repeat; line-height: 28px; text-decoration: none;}
#nav li a span .gold {display: block; width: 10px; height: 54px; white-space: nowrap; padding: 0 45px; background: url(../images/nav-spanC.gif) left top no-repeat; cursor: pointer; cursor: hand;}

	html>body #nav li a span {width: auto;}
#nav li a:hover, #nav li.on a {color: #fff;}
#nav li a:hover {background-position: right -54px;}
#nav li a:hover span {background-position: left -54px;}
#nav li.on a {background-position: right -108px;}
#nav li.on a span {background-position: left -108px;}

#nav ul {display: none; position: absolute; left: 0; bottom: 0; height: 25px; background: #e86c2b url(../images/subnav.gif); width: 600px; padding-left: 7px;}
#nav li.on ul {display: block;}
#nav li.on ul li {margin: 0; background: none;}
#nav li.on ul li a {width: 10px; white-space: nowrap; height: 25px; background: url(../images/subnav-a.gif) 0 10px no-repeat; line-height: 25px; padding: 0 15px 0 12px;}
	html>body #nav li.on ul li a {width: auto;}
#nav li.on ul li.on a, #nav li.on ul li a:hover {background-image: url(../images/subnav-a-on.gif);}


/*** GENERAL CONTENT STYLES ***/

#content {padding: 40px 30px;}
#content h1 {font-size: 22px; color: #a51d15; margin-bottom: .7em;}
#content h2 {font-size: 15px; color: #000; margin-bottom: .7em;}
#main ul {margin: 1em 0 1.5em 15px;}
#main ul li {padding-left: 10px; background: url(../images/bullet.gif) 0 .4em no-repeat; margin-bottom: 5px;}
ul.listBullet
{
        padding-left: 15px;
        margin-bottom: 1.5em;
}
ul.listBullet li
{
        list-style: disc outside none;
}

#main ul.progressbar {margin: 0 0 1.5em 0; height: 25px; color: #fff; font-weight: bold; font-size: 13px; line-height: 24px;}
#main ul.progressbar li {float: left; background: #ccc url(../images/progressbar-li.gif) right top no-repeat; padding: 0;}
#main ul.progressbar span {display: block; width: 10px; white-space: nowrap; height: 25px; background: url(../images/progressbar-span.gif) left top no-repeat; padding: 0 25px;}
	html>body #main ul.progressbar span {width: auto;}
#main ul.progressbar li.on {background: #ce8a2b url(../images/progressbar-li-on.gif) right top no-repeat;}
#main ul.progressbar li.on span {background-image: url(../images/progressbar-span-on.gif);}


/*** TABLE STYLES ***/

table {border-collapse: collapse; border-bottom: 2px solid #900; }
table.fullwidth {width: 100%;}
td, th {border: 1px solid #900; padding: 5px 10px;}
thead td, thead th {background: #900; color: #fff; font-weight: bold;}
tr.alt td, tr.alt th {background: #fff8eb;}
tr.tablebottom td, tr.tablebottom th {background: #ce8a2b; padding: 0; height: 7px; overflow: hidden;}
#ctl00_ContentBody_dltNotes table.texttable
{
    table-layout: fixed;
    word-wrap: break-word;
}
#ctl00_ContentBody_dltNotes table.texttable span
{
    word-wrap: break-word;
}

/*** FORM STYLES ***/

#main form {line-height: 22px;}
#main form div.clear {padding-top: 3px;}
#main form label {float: left; margin-right: 5px;}

#content form {margin: 1.5em 0;}
#content form div.floatleft {margin-right: 10px;}
#content form label {text-align: right; margin-right: 10px;}
#content form .width50 {width: 50px;}
#content form .width100 {width: 100px;}
#content form .width150 {width: 149px;}
#content form .width200 {width: 200px;}
#content form .width250 {width: 250px;}

.disabled 
{
    background: #ccc;
}
.isCreditAddress
{
    background: 0;
    border: 0;
}

/*** LOCATION GRID STYLES ***/

/*#featuredlocations {background: #000 url(/images/featuredlocations.jpg); padding: 200px 0 0 9px; margin: 1.5em 9px 1.5em 8px; height: 172px;}*/
#featuredlocations {background: #000 url(../images/featuredlocations.jpg); padding: 10px 0 10px 9px; margin: 1.5em 9px 1.5em 8px;}
#featuredlocations h2 {color: #fff; font-size: 18px; height: 28px;  margin: 0; padding-bottom:10px;}
.logodiv {float: left; margin: 0 0 10px 0; padding: 0 5px 0 4px;}
#featuredlocations .logodiv {margin: 0 0 0 0; padding: 0 6px;}


/*** LEFT MODULE STYLES ***/

.module 
{
		margin: 20px 13px; 
		background: #faf0de url(../images/module.gif) left bottom no-repeat;
		padding-bottom: 1px; 
		color: #504832; 
		font-size: 12px; 
		line-height: 15px;
}


.modulehead {
	font-size: 14px; 
	color: #f4ede1; 
	padding: 8px 13px; 
	background: #3f3823 url(../images/modulehead.gif) no-repeat; 
	line-height: 18px;
}

.modulepad 
{
	width: 212px; 
	padding: 10px 15px;
}

.moduleadpad 
{
	width: 212px; 
	padding: 1px 1px;
}

.adTxtBgAdjust {
	width: 212px; 
	padding-top: 0px;
	padding-bottom:25px;
	padding-left:16px;
	padding-right:10px;
	background-color:#000;
	border-left:1px solid #faf0de;
	border-right:1px solid #faf0de;
	font-size: 10px;
	font-family: Helvetica;
	color:#fff;
}

.adTxtFooter {
	padding-top: 10px;
	padding-bottom:10px;
	padding-right:13px;
	font-size: 12px; 
}

.module p {margin-bottom: .7em;}

.module .imgfullwidth 
{
	border: 1px solid #faf0de;
}

.darkbuttonBlue {background: #cae1f7 url(../images/darkbutton_blue.gif) left bottom no-repeat; margin: 8px; font-size: 12px;}
.darkbuttonpadBlue {background: url(../images/darkbuttonpad_blue.gif) left top no-repeat;}
.darkbuttonBlue a {display: block; width: 210px; padding: 8px; text-align: center; color: #3f3823; text-decoration: none;}
.darkbuttonBlue a strong {font-size: 11px; color: #a51712;}
.darkbuttonBlue a:hover strong {text-decoration: underline;}

.darkbuttonOrange {background: #f7db86 url(../images/darkbutton_orange.gif) left bottom no-repeat; margin: 8px; font-size: 12px;}
.darkbuttonpadOrange {background: url(../images/darkbuttonpad_orange.gif) left top no-repeat;}
.darkbuttonOrange a {display: block; width: 210px; padding: 8px; text-align: center; color: #3f3823; text-decoration: none;}
.darkbuttonOrange a strong {font-size: 11px; color: #a51712;}
.darkbuttonOrange a:hover strong {text-decoration: underline;}

.darkbutton {background: #d5cbb9 url(../images/darkbutton.gif) left bottom no-repeat; margin: 8px; font-size: 12px;}
.darkbuttonpad {background: url(../images/darkbuttonpad.gif) left top no-repeat;}
.darkbutton a {display: block; width: 210px; padding: 8px; text-align: center; color: #3f3823; text-decoration: none;}
.darkbutton a strong {font-size: 11px; color: #a51712;}
.darkbutton a:hover strong {text-decoration: underline;}

#loginform label {width: 60px; text-align: right;}
#loginform .textinput {width: 135px;}


/*** BOTTOM PROMO STYLES ***/

#promos {border-top: 1px solid #c7c7c7; margin-top: 30px; padding-top: 20px;}
#promos .half {width: 47%;}


/*** FOOTER STYLES ***/

#footer {clear: both; height: 52px; background: #f0e4cf url(../images/footer.gif); padding: 10px 21px; font-size: 10px;}
#footer ul {float: right;}
#footer li {display: inline;}
#footer p {margin: 0;}

/*** PRIVACY STYLES ***/

.privacySubHeading 
{
	font-size:9.0pt;
	font-family:Verdana; 
	color:black;
	font-weight:bold;
}

#loading-div-background  
    {
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:black;
        width:100%;
        height:100%;
     }
#loading-div-background2  
    {
        display:none;
        position:fixed;
        top:0;
        left:0;
        background:black;
        width:100%;
        height:100%;
     }
#loading-div 
    {
         width: 500px !important;
         height: 140px;
         text-align:center;
         color: #000 !important;
         position:absolute;
         left: 50%;
         top: 50%;
         margin-left:-150px;
         margin-top: -100px;
         opacity: 0;
     }
#dialog
{
	background-color: #0c0b0b;
	text-align: center;
	position: relative;
	color: #FFFFFF;
}
#dialog2
{
	background-color: #0c0b0b;
	text-align: center;
	position: relative;
	color: #FFFFFF;
}

/*************************App Popup*************************************************/
.noclose .ui-dialog-titlebar-close
{
    display:none;
}
#overlay { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;  
}
.app-dialog {
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    /*background: none repeat scroll 0 0 #FFFFFF;
    border: 10px solid #ccc;
    border-radius: 3px 3px 3px 3px;
    color: #333333;*/
    display: none;
    /*font-size: 14px;*/
    left: 60%;
    margin-left: -402px;
    position: fixed;
    top: 20%;
    width: 600px;
    height: 400px;
    z-index: 100;
    /*background-image: url(../images/AppPopup.jpg);*/
}
.ios
{
	position: relative;
	top:-10px;
	right: 110px;
}

/***********************************************************************************************/

.smallButton
{
	background: #c41212;
  background-image: -ms-linear-gradient(top, #c41212, #800c0c);
  background-image: -o-linear-gradient(top, #c41212, #800c0c);
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none; 
}

.smallButton:hover
{
  background: #fc3c3c;
  background-image: -ms-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -o-linear-gradient(top, #fc3c3c, #c41212);
  text-decoration: none;
}

.button
{
	background: #c41212;
    color:White;	
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    width: 34px;
    height: 19px;
}

.button:hover
{
	background: #fc3c3c;
    border: solid 0px white;
    color:White;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: White;
    width: 34px;
    height: 19px;
}

.regButton
{
  background: #c41212;
  background-image: -webkit-linear-gradient(top, #c41212, #800c0c);
  background-image: -moz-linear-gradient(top, #c41212, #800c0c);
  background-image: -ms-linear-gradient(top, #c41212, #800c0c);
  background-image: -o-linear-gradient(top, #c41212, #800c0c);
  background-image: linear-gradient(to bottom, #c41212, #800c0c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;  
}

.regButton:hover
{
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -moz-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -ms-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -o-linear-gradient(top, #fc3c3c, #c41212);
  background-image: linear-gradient(to bottom, #fc3c3c, #c41212);
  text-decoration: none;
}

.regSmallButton
{
  background: #c41212;
  background-image: -webkit-linear-gradient(top, #c41212, #800c0c);
  background-image: -moz-linear-gradient(top, #c41212, #800c0c);
  background-image: -ms-linear-gradient(top, #c41212, #800c0c);
  background-image: -o-linear-gradient(top, #c41212, #800c0c);
  background-image: linear-gradient(to bottom, #c41212, #800c0c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  padding: 0px 5px 0px 5px;
  text-decoration: none;  
}

.regSmallButton:hover
{
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -moz-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -ms-linear-gradient(top, #fc3c3c, #c41212);
  background-image: -o-linear-gradient(top, #fc3c3c, #c41212);
  background-image: linear-gradient(to bottom, #fc3c3c, #c41212);
  text-decoration: none;
}

.modalBackground
{
    background-color: Black;
}
.modalPopup
{
    background-color: #dfd2d2;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 300px;
    height: 140px;
}