/* ========== GLOBAL STYLES ========== */

body {
	/*background: #eeedeb url('/img/bg.gif') repeat-x;*/
	background-image: url('/img/bg-tile.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #1f5ea9;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: normal;
	font-size: 10pt;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 15pt;
	color: #000;
	}

div {
	margin: 0;
	padding: 0;
	}
	
img {
	border: none;
	margin: 0;
	padding: 0;
	outline: none; /* KILLS FF OUTLINES */
	}
	
img a:link, img a:visited { outline: none; } /* KILLS FF OUTLINES */

img.borders { 
	border-right:2px solid #333;
	border-bottom:2px solid #333;
	border-left:2px solid #ccc;
	border-top:2px solid #ccc;
	}

.left { float: left; }
.right { float: right; }
.clear { clear: both; margin: 20px 0; }

/* ========== TEXT ========== */

p {
	margin: 0 0 20px 0;
	padding: 0;
	}

h1 {
	color: #ed1c24;
	font-weight: bold;
	font-size: 18pt;
	line-height: 20pt;
	text-transform:uppercase;	
	margin: 30px 0 0 0;
	}	
	
h2 {
	color: #000;
	font-weight: bold;
	font-size: 14pt;
	line-height: 16pt;
	text-transform:uppercase;
	}

h3 {
	color:#000;
	font-size: 12pt;
	font-weight: normal;
	line-height: 14pt;
	text-transform: uppercase;
	}
	
h4 {
	color:#000;
	font-weight: normal;
	line-height: 13pt;
	font-size: 11pt;
	}
	
#content ul, #content ol {
	margin:0 0 20px;
	padding:0;
	list-style-position:inside;
	overflow:hidden;
	}

#content ul li {
	margin: 0 0 0 10px;
	padding:0 0 0 12px;
	font: normal 9pt Arial;
	color: #333;
	line-height: 18px;
	}

.hr {
	border-top:2px dashed #fff;
	height:1px;
	width:95%;
	display:block;
	clear:both;
	margin:20px auto;
	padding:0;
	}

#content .hr {
	border-top:2px dashed #b1b3b6;
	height: 1px;
	width: 100%;
	display:block;
	clear:both;
	margin: 20px auto;
	padding:0;
}

/* =========== LINKS =========== */

a:link, a:visited {
	color: #ed1c24;
	text-decoration: none;
	outline: none;
	font-weight:bold;
	}

a:hover {
	text-decoration: underline;
	}

/* =========== Overall Styles =========== */

#bodyimg {
	background-image: url('/img/bg.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
}

#wrapper {
	margin: 0 auto 20px auto;
	padding: 0;
	width: 877px;
	background-color:none;
	background-image: url('/img/bg-shadow.png');
	background-repeat: repeat-y;
	background-position: top left;
	}
	
#content {
	padding:0 30px;
	width:805px;
	margin:0 auto;
	}

#header {
	margin:0 auto;
	padding:0;
	width:865px;
	background-image: url('/img/bg-header.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 139px;
	}

#logo {
	width: 181px;
	height: 152px;
	background: url('/img/logo-zio.png');
	background-repeat: no-repeat;
	background-position: top left;
	position: relative;
	z-index: 1000;
	top:0;
	left:20px;
}

#shuffle {
	margin:0 auto;
	width: 865px;
	height: 436px;
	}

/* ========== FOOTER STYLES =========== */

#footer-cap {
	background-image: url('/img/bg-footer-bottom.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 843px;
	margin:0 auto;
	padding:0;
	height: 3px;
	display:block;
	clear:both;
}

#footer-trim {
	background-image: url('/img/bg-footer-trim.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 843px;
	margin:0 auto;
	padding:0;
	height: 41px;
	display:block;
	clear:both;
}

#footer-bg {
	background: url('/img/bg-footer.png') no-repeat top left;
	width:813px;
	height:69px;
	margin:0 auto;
	padding:0;
	}

#footer {
	background-color: #a4a4a4;
	background-image: url('/img/bg-footer-top.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 843px;
	margin: 0 auto;
	padding: 20px 0;
	}

#footer ul {
	margin: 0px 0 0 8px;
	padding:28px 0 0;
	color: #FFF;
	font: normal 11px Arial;
	line-height:13px;
	text-align:left;
	list-style-type:none;
	width: 555px;
	float:left;
	}

#footer ul li {
	display:inline;
	padding:5px 7px;
	border-right:1px dashed #fff;	
	}

#footer a:link, #footer a:visited {
	color: #FFF;
	font: normal 11px Arial;
	text-decoration: none;
	text-transform: uppercase;
	}

#footer a:hover {
	text-decoration: underline;
	}

#copyright {
	font: normal 10px Arial;
	line-height:13px;
	text-align:center;
	color:#686666;
	}

/* SiteBy Code */
#siteby {
	width:116px;
	height:23px;
	background:url('http://linkback.monkee-boy.com/sby-mboy-linkback.png') no-repeat top left;
	display:block;
	}

#siteby span { display:none; }
#siteby a:link, #siteby a:visited { display:block; border-bottom:none; width:116px; height: 23px; }

/* ======= TOP NAV CONTAINER ======= */

#navlist {
	margin: 30px 15px 0 0;
	padding: 0;
	float:right;
	width: 653px;
	height: 31px;
	}
	
#navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	color: #333;
	font: normal 8pt Arial;
	}

#navlist li a { 
	margin: 0;
	padding: 0;
	}

#navlist li a:link, #navlist li a:visited {
	font: normal 14px Arial;
	color: #333;
	display: block;   /* VERY IMPORTANT FOR CORRECT DROP DOWN POSITIONING IN IE7, REMOVE FOR HORIZONTAL POSITIONING */
	margin: 0;
	padding: 0;
	text-decoration: none;
	}

#navlist li a:hover { 
	color: #333;
	border-bottom:none;
	text-decoration:none;
	}

.nav1 { 
	width: 83px; 
	height: 31px; 
	display: block; 
	position: relative; 
	background:url('/img/bg-topnav.png') 0 0 no-repeat; 
	}
.nav1 * { display: none; }

.nav2 { 
	width: 78px;
	height: 31px;
	display:block;
	position:relative;
	background:url('/img/bg-topnav.png') -83px 0 no-repeat; 
	}
.nav2 * { display: none; }

.nav3 { 
	height: 31px;
	width: 66px;
	display:block;
	position:relative;
	background:url('/img/bg-topnav.png') -161px 0 no-repeat; 
	}
.nav3 * { display: none; }

.nav4 { 
	width: 101px;
	height: 31px;
	display:block;
	position:relative;
	background:url('/img/bg-topnav.png') -227px 0 no-repeat; 
	}
.nav4 * { display: none; }

.nav5 { 
	width:115px;
	height: 31px;
	display:block;
	position:relative;
	background:url('/img/bg-topnav.png') -328px 0 no-repeat; 
	}
.nav5 * { display: none; }	
	
.nav6 { 
	width:73px;
	height: 31px;
	display:block;
	position:relative;
	background:url('/img/bg-topnav.png') -443px 0 no-repeat; 
	}
.nav6 * { display: none; }

.nav7 { 
	width:137px;
	height: 31px;
	display:block;
	position:relative;
	background:url('/img/bg-topnav.png') -516px 0 no-repeat; 
	}
.nav7 * { display: none; }	

/* ======= DROP DOWN NAVIGATION ======= */

#navlist li ul {
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0;
	padding: 0;
	background: #fff;
	border-top: 7px solid #FFF;
	border-bottom:7px solid #FFF;
	border-left:8px solid #FFF;
	border-right:8px solid #FFF;
	/*opacity: .90; 
	filter: alpha(opacity=90); 
	-moz-opacity: 0.9;*/
	list-style-type: none;
	z-index:2000;
}

#navlist li ul li { padding: 0; margin: 0; float:none; }

#navlist li ul a:link, #navlist li ul a:visited  { 
	font: normal 11px Tahoma;
	color: #333 !important; 
	text-decoration: none; 
	display: block !important;
	line-height: 22px;
	padding: 0px 20px 2px 10px;	
	text-align: left;
	}
	
#navlist li ul a:hover 	{ 
	background: #ed1c24;
	color: #FFF !important;
	text-decoration: none;
	}

#navlist li:hover ul {
	left: auto;
}

#navlist li:hover ul, #navlist li.sfhover ul {
	left: auto;
}

/* FIXES IE7 STICKY */
#navlist li:hover, #navlist li.hover {
    position: static;
}

/* ======= SECONDARY NAV CONTAINER ======= */

ul#secnavlist {
	margin: 0px;
	padding: 0px;
	width: 168px;
	}

#secnavlist li {
	list-style-type:none;
	border-top: 1px solid #FFF;
	line-height: 43px;
	background: #dfdbd5;
	display: block;
	float: left;
	width: 168px;
	}
	
/* nav style of double for two liner */
#secnavlist li.double {
	height: 56px;
	}

#secnavlist a:link, #secnavlist a:visited { 
	font: normal 8pt Arial !important; 
	display: block; 
	float: left; 
	margin: 0px; 
	outline: none; 
	}
	
#secnavlist a:hover {
	text-decoration:underline;
	}
.wholesalediv{
	float: left;
	padding-bottom: 10px;
	color: #006;
}
.wholesalediv a:link{
	color: #006;
	
}
.wholesalediv a:visited{
	color: #006;
	
}