/*
TABLE OF CONTENTS

HTML Elements
Page Structure
Navigation
Headings
Content Area
Forms
Clear
Footer

/* ----- @ HTML Elements -----*/

* {
margin: 0;
padding: 0; 
}

html {

min-height:100%;
font-size: 16px; /* 100%; */ 


}

body {

	min-height:100%;
	color:#ffffff;
	background: #292929;
	font-size: 16px; /* 100%; */
	/*background: transparent url("") center bottom no-repeat;  */
	background: #292929 url("../images/pagebg.jpg") center 16px repeat-x;
	}

body, form {
font-family: Arial, Verdana, sans-serif;
}

body#subscribeBody 
{
    background:#ffffff;
}

p {
margin: 0px 0 12px 0px;
text-align:left;
line-height:160%;
}

a:link, a:visited {
text-decoration:underline;
color: #00a6e4;  /* 369 */
}

a:hover, a:active {
color:#b82d35;

}

*:focus {
outline: none
}

ul 
{
    margin-top:10px;
    margin-left:20px;
    padding-left:10px;
}

/* ----- @ Page Structure -----*/

#wrapper {
margin: 0 auto;
font-size: 0.8em;
width: 100%;
	background: transparent url("../images/bluebg.jpg") center 16px no-repeat;
min-height:100%;

position:relative;
}

#headerContainer {
	margin:0px auto;
	width:100%;
	background: transparent url("../images/toweltexture.gif") 0px -36px repeat-x;
	position:relative;
	height:204px;
}
#header {
	width:930px;
	height:100%;
	margin:0 auto;	
	position:relative;
	height:100%;
}


.left {
float:left;
}

.right {
float:right
}

/* ----- @ Navigation -----*/

#nav {
	font-size:100%;
	height:100px;
	position:absolute;
	padding:0px;
	margin:0px;
	bottom:0px;
	left:200px;
	
}


#nav li:first-child {
	margin-left:30px;
}
#nav li {
	float:left;
	list-style:none;
	height:100%;
}

#nav a {
	display:block;
	height: 91px;
	text-align:center;
	padding: 8px 10px 0px 10px;
	
	margin:0px 5px;
	/* text-indent: -9000px; */
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	font-size:100%;
	font-weight:bold;
}

#nav a.selected {
/*color:#c50000;*/
background-color:#0061a3;
color:#fff;
}
#nav a:hover {
	background-color:#0061a3;
color:#fff;
}


/* ----- @ Headings -----*/

h1#logo {
margin:0 auto;
width: 186px;
display:block;
background: transparent url("../images/logo3.jpg") left bottom no-repeat;
height: 139px;
text-indent:-9000px;
font-size: 1.8em;
position:absolute;
left:20px;
top:35px;
}

h2 { 
	font-size:230%;
	letter-spacing:1px;
	font-weight:bold;	
	padding:0px;
	margin:0px;
	margin-bottom:16px;

}


h3 
{
    font-size:140%;
    margin:0px;
    padding:0px;
    padding-bottom:8px;
    margin-top:24px;
}

h4 {
    font-size: 100%;
    font-weight:bold;
}



/* ----- @ Content Area -----*/

/*Home*/

#content {
	/*
	margin-top:40px;
	width: 486px;
	
	padding-top: 175px;
	background-position: left top;
	background-image: url(images/splash01.jpg);
	background-repeat:no-repeat;
	background-color: Transparent;
    
	margin-left:164px;
	position:relative;
	line-height:150%;
	*/

	/*
	position:relative;
	padding-right:230px;
	padding-left:30px;*/

	padding-top:50px;
	width:872px;
	margin:0 auto;
	position:relative;
	
}

p.hook {
	font-size:130%;	
	letter-spacing:1px;
	margin-bottom:32px;
	padding-right:10px;
}

.previewBox {
	margin:0px;
	padding:0px;
	width:400px;
	height:245px;
	display:block;
	border: 1px solid #414141;
	float:left;
	margin-right:32px;
	margin-bottom:32px;
	background: transparent url("../images/grayboxbg.jpg") top left;
	position:relative;
	
}
.previewBox h3 {
	margin-left:232px;
	margin-top:32px;
	font-size:125%;
	margin-bottom:8px;

}
.previewBox p {
	margin-left:232px;
	font-size:100%;
	margin-right:16px;
	font-size: normal;
	line-height:150%;
	color:#cccccc;

}
.previewBox img.thumb {
	border:1px solid #ffffff;
	position:absolute;
	top:32px;
	left:32px;
}

#sidebar {
}

/*Interior Pages*/

.bullets {

margin: 0px 0px 30px 30px;
}

.bullets li {
list-style-type:square;
padding-left: 3px;
margin-bottom: 5px;
}

/* ----- @ Forms -----*/

.button {
background: #000 ! important;
border:#F7ECD4 1px solid;
padding: 2px;
margin: 0 2px 0 0;
color:#FFF;
}

.button:focus {
padding:2px;
background: #000 ! important;
}

.button:hover {
background: #CCC ! important;
color: #000;
}

/*Clear*/

.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}

*+html .clearfloat {
height:1%;
}

.clearfloat {
display:block;
}
/* End hide from IE-mac */





#footer {
	text-align:center;

	font-size:80%;
	padding:0px;
	width:500px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:32px;
	color:#999999;
	border-bottom:0px;
}

a.prog {
	text-decoration:inherit;
	color:inherit;
}
.decor1 {
    float:right;
    border:1px solid #dddddd;
    margin-left:20px;
    margin-bottom:20px;
}


.locationBtn {
    background: #494949 url("../images/locationbtn_off.jpg") right top repeat-x ;
    
    border-top:1px solid #222222;
    border-right:1px solid #444444;
    border-bottom:1px solid #444444;
    border-left:1px solid #252525;
    
    width:200px;
    height:74px;
    
}
.locationBtn h3 {
    margin:0px;
    padding:0px;
    padding-top:10px;
    padding-left:20px;
}
.locationBtn p {
    margin:0px;
    padding:0px;
    line-height:140%;
    padding-left:20px;
}
.locationBtn:hover {
    background: #494949 url("../images/locationbtn_on.jpg") right top repeat-x ;   
}
.locationBtn.selected {
    background: #494949 url("../images/locationbtn_on.jpg") right top repeat-x ;   
}

.lastLocationBtn {


}

#map_canvas {
    height:400px;
    width:600px;
    border:1px solid #242424;
    position:absolute;
    left:201px;
    top:0px;

}

#locationMapArea {
    position:relative;
    height:400px;
}

.emphasize {
 text-decoration: italic;
}


.deliveryloginbtn {
    width:151px;
    height:131px;
    border:0;
    display:block;
    background: transparent url('../images/deliverylogin_sprite.gif') 0px 0px no-repeat;
    text-indent:-4000px;
}
.deliveryloginbtn:hover {
    background-position:0px -144px;
}