/* css reset*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
	margin:0;padding:0;border:0;outline:0;font-size:100.01%;vertical-align:baseline;background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;} 
/* remember to define focus styles!*/
:focus {outline: 0;} 
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* main styles */
body{
	background:#606261 url(../images/body-bg-pxl.jpg) 0 0 repeat-x fixed;
	color: #fff;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align: center;}

#wrapper{
	width: 980px;
	margin: 0 auto;
	background: url(../images/page-shadow-bg.png) repeat-y;}
	
#page{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: #000; 
	border:0px solid #000;}

#header {
	text-align: left;
	padding:30px 0 0px 0px ;}
	
	#logo {
	border:0px solid #666;
		width:500px;
		margin:0px 0px 16px 100px;}

#promos {background: #1F1F1F; overflow:hidden; width:240px; float:right;margin:20px 35px; padding:20px; border:1px solid #5b5454 }
#promos img {margin:10px ;}

.flowdate{position:relative; z-index:99; top:8px; text-align:center;
	color:#CBCD07; font:bold 13px Arial, sans-serif;
	text-transform:uppercase;}
#flowContainer {
	position: relative;
	background-color:#1F1F1F;
	width:500px;
	border:1px solid #5b5454;
	height:300px;
	margin: 20px 0px 20px 100px;
	}

	
h1 {font:bold 28px Verdana;color:#ddd;text-align:center; margin:8px;}
h3 {font:bold 18px Verdana;color:#ddd;}
	
.slicks {
	text-align:center; 
	width:760px;
	margin: 20px auto 40px auto;
	padding:0 0 20px 0;
	background-color:#1F1F1F;
	border:1px solid #5b5454;}
	
h1, h2 {
	font:bold 28px Verdana;color:#ddd; 
	text-align:center; 
	position:relative;
	margin:8px;
	padding-top:1px; /* use top padding to adjust the start of the gradient  */
	width:100%;
	text-transform:uppercase;
}
	
h1 span, h2 span{
	position:absolute;
	display:block;
	top:0;
	left:0;
	height:100%;
	width:90%;
	background:transparent url(../images/text_gradient_1.png) repeat-x;
}

#stores {
	margin-top:40px;
	width:840px;
	margin: 0px auto 20px auto;
	background-color:#000;
	text-align:center;}
	
	#stores #locations{position:relative;height:300px;}	
		.storeLocation {float: left; 
						width:230px; 
						color:#fff;
						background-color:#1F1F1F;
						margin:8px; padding:8px;
						border: 1px dotted #777;}
	#stores h2{
		font:bold 28px Verdana;color:#ddd;
		text-align:left; 
		margin-bottom:20px;
		margin-left:30px;
	}

/* FOOTER */
#footer{
	color: #ccc;
	font:normal 12px Arial; 
	text-align: center;
	line-height: 1.5em;
	position: relative;
	margin: 20px auto 0;
	padding: 0 0 12px;
	background:#000;
	width:958px; }
	
#footer p {margin:0px;}
#footer a {color: #999; text-decoration:none; padding:0 3px 0;}
#footer a:hover {color: #c7cf00;}
#footer-shadow{
	height:50px;
	color: #ccc;
	font:normal 12px Arial; 
	text-align: center;
	line-height: 1.5em;
	position: relative;
	margin: 0 auto;
	padding: 0 0 12px;
	background:transparent url(../images/footer-shadow.png) no-repeat 0px 0px;
	width:980px; }


 /* this class should be placed on a div or break element and should be the final 
 	element before the close of a container that should fully contain a float */
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* MENU */
		
#menu-bar {
	background:#9b9b21 url(../images/menu-pxl-bg.gif) repeat-x;
	height:33px;
	width:960px; 
	margin-left:0px;}

ul.menu {
	margin: 0; /* all lists */
	padding: 0;
	float: left;
}

ul.menu ul {
	margin: 0; /* all lists */
	padding: 0;
}

ul.menu li {
	margin: 0; /* all list items */
	padding: 0;
	float: left;
	display: block;
	background: none;
	cursor: pointer;
	position: relative;
	list-style: none;
}

ul.menu ul a {
	width: 14.8em;
	w\idth: 10.8em;
}


/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
ul.menu li a {
	margin: 0;
	padding: 8px 14px 10px 14px;
	display: block;
	color: #fff;
	font-weight: bold;
	line-height: normal;
	text-decoration: none;
	text-transform: uppercase;
	font:bold 13px Verdana, Arial, sans-serif;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	background: url(../images/menu-pxl-bg.gif) repeat-x 0px -33px;
}


/* IMAGFLOW */
/*
#imageflow {width:400px; margin-top:8px;}

#imageflow img { 
	position:absolute; 
	top:0px;
	border:none;
}

a{color:#fff;}
.clear{
	clear:both;
}
#images{
	visibility:hidden;height:260px;
}
#loading{
	margin-top:50px;
	text-align:center;
	width:100%;
}
#loading img{
	margin-top:10px;
	position:relative; 
}
#captions{
	font:normal 12px Arial, Verdana, sans-serif; color:#fff;
	position:relative; 
	text-align:center;
	z-index:100;
}
#scrollbar{
	visibility:hidden;
	position:relative;
	padding-top:30px;
	border-bottom:1px solid #999;
	z-index:101;
}
p.hint{text-align:center; font-size:x-small; color:#C7CF00;}

#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:102;
	background-image:url(../images/slider.png);
	background-repeat:no-repeat;
	width:23px;
	height:14px;	
}
#imageflow{
	margin:20px auto;
	text-align:left;
}*/

/* HIGHSLIDE */

.highslide {
	/*cursor: url(/highslide/graphics/zoomin.cur), pointer;*/
	cursor: pointer;
    outline: none;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid #565A59;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-body img {
    margin: 2px 8px 8px 0;
}
.highslide-body h3{font:normal 19px Verdana, sans-serif; color:#fff; margin-bottom:8px; }
.highslide-body p {color:#ddd; margin-bottom:8px; }
.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;    
    padding-left: 22px;
    background-image: url(../highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
/* for html content popups */
.highslide-html, 
	.highslide-body { background:#111; z-index:10003;padding: 0 2px 10px 4px;text-align:left;}		
.highslide-html-content {position: absolute;  display: none; font:normal 13px Arial;z-index:10003;width:480px;height:auto;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}

.highslide-html-content div img, 
	.highslide-body img{position:relative;float:right; margin-left:8px; border:none;}
.highslide-header {
    display: none;
}
.control {
	float: right;
	display: block;
	/*position: relative;*/
	margin: 0 5px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	color: #000;
}
.control:hover {color: black !important;}
.highslide-move { cursor: move;}
.pop {cursor:pointer;text-decoration:underline;}