/* Utility Styles */
/* ************************** */

/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; /* height: 0px; */ clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */

/* Site styles */
/* ************************** */

body{
	text-align: center; 
	font-family: arial,verdana,helvetica,sans-serif; 
	font-size: 75%; 
	line-height: 1.3em; 
	color: #9d9d9d;
	background-color:#d2d4d5;
	padding:0;
	margin:0;
}


/* Headings */
/* ************************** */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#9d9d9d; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}


/* Other */
/* ************************** */

p{margin: 0.33em 0 1em 0;}
small{font-size: 85%;}
big{font-size: 115%;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form{margin: 0; padding: 0;}
hr{clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
a{color: #9d9d9d;}
label.hidden{display: none;}


/* Layout */
/* ************************** */

#wrapper{
	width: 990px; 
	margin: 0 auto 0 auto; 
	text-align: left;
	background-color:#fff;
	padding:0;
}
#header{
	padding: 0; 
	height: 106px; 
	overflow: hidden;
	background:url('../images/bg-header.png') no-repeat top right;
}
#navigation {
	padding:0 0 13px 0;
	height:25px;
}
#main {
	padding:0 12px;
	min-height:300px;
}
#sidebar {
	width: 114px; 
	float: left;
}
#content{
	width: 840px; 
	float: right;
	padding:0;
}
.pageBlog #content {
	width:692px;
}
#footer{
	font-size:85%;
	margin:0 0 0 128px;
	clear:both;
	padding:10px 0 0 0;
}
.pageAbout #footer {
	padding:30px 0 5px 0;
}


/* ADA508 */
/* ************************** */

#ada508{display:none;}


/* Header */
/* ************************** */

#header h1 {
	float:left;
}
#session {
	float:right;
	margin:47px 12px 0 11px;
}
#session img {
	float:right;
	margin:0 0 0 5px;
}
#session a {
	text-transform:uppercase;
	color:#000;
	text-decoration:none;
	line-height:4em;
	font-size:92%;
}
#session a:hover {
	text-decoration:underline;
}

/* Nav */
/* ************************** */

#navigation li {
	float:left;
	width:163px;
	text-align:center;
	border-right:1px solid #9e9e9e;
	height:25px;
	line-height:2.1em;
}
#navigation li.last {
	border-right:none;
}
#navigation li a {
	text-decoration:none;
}
#navigation li a:hover {
	text-decoration:underline;
}


/* Sidebar */
/* ************************** */

#navStore {
	margin:0 0 20px 0;
}
#navStore a {
	text-decoration:none;
}
#navStore li {
	margin:0;
	border-bottom:1px solid #fff;
}
#navStore a.levelOne, #navStore a.levelOneSales {
	display:block;
	background-color:#9e9e9e;
	padding:6px 10px 5px 15px;
	color:#fff;
	margin:0 0 1px 0;
}
#navStore a.levelOneSales {
	background-color:#fd07d7;
}
#navStore li ul {
	padding:3px 0 3px 0;
}
#navStore li ul li {
	padding:0px 10px 0px 15px;
}
#navStore li ul li a {
	color:#07acef;
}
#navSocial {
	margin:0 0 0 7px;
}
#navSocial h4 {
	text-transform:uppercase;
	color:#9e9e9e;
	font-weight:normal;
	margin:0 0 5px 0;
}
#navSocial li {
	clear:left;
	margin:0 0 2px 0;
	height:24px;
	line-height:2em;
}
#navSocial li a {
	text-decoration:none;
}
#navSocial li a:hover {
	text-decoration:underline;
}
#navSocial li img {
	float:left;
	margin:0 5px 0 0;
}

#kickers {
	margin:15px 0 12px 0;
	height:153px;
	text-transform:uppercase;
}
#kickers li {
	float:left;
	width:255px;
	height:153px;
	padding:0 18px;
	border-left:1px solid #9d9d9d;
	border-right:1px solid #9d9d9d;
}
#kickers li.first {
	padding:0 17px 0 0;
	border:none;
}

#kickers li.last {
	padding:0 0 0 17px;
	border:none;
}
#kickers h4 {
	color:#9e9e9e;
	margin:4px 0 4px 0;
}
#newsletter {
	border:1px solid #ff03d8;
	padding:4px 12px 3px 12px;
}
#newsletter legend {
	display:none;
}
#newsletter label {
	float:left;
	width:92px;
	display:inline;
	text-transform:uppercase;
	line-height:1.8em;
}
#newsletter input {
	height:12px;
}
.butSubscribe {
	position:relative;
	top:1px;
}
/* Content */
/* ************************** */

.pageAbout #content {
	padding:10px 0 0 0;
	position:relative;
}
.pageAbout #content p {
	margin:0 0 15px 163px;
	line-height:150%;
	font-size:1.5em;
	font-weight:bold;
}
.pageAbout #boy-holder {
	position:absolute;
	bottom:42px;
	left:0px;
}
#wrapContact {
	margin:0 auto;
	width:650px;
}
#wrapContact h2 {
	margin:0 0 40px 0;
}
#wrapContact p {
	font-size:1.5em;
	margin:20px 0 25px 25px;
	font-weight:bold;
}
#wrapContact a {
	padding:3px 11px 5px 11px;
	font-size:2em;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
#wrapContact a:hover {
	text-decoration:underline;
}
.pageContact a:hover {
	text-decoration:none;
}

.pageContact a#customerservice {
	background-color:#ec008c;
}
.pageContact a#customerservice:hover {
	background-color:#fc0196;
}
.pageContact a#mailinglist {
	background-color:#7ad3f7;
}
.pageContact a#mailinglist:hover {
	background-color:#97ddf9;
}
.pageContact a#wholesaleinfo {
	background-color:#f7941d;
}
.pageContact a#wholesaleinfo:hover {
	background-color:#f8a644;
}
.pageContact a#questions {
	background-color:#fff200;
}
.pageContact a#questions:hover {
	background-color:#fbf248;
}


/* Home page slideshow */
#wrapSlideshow {
	height:560px;
	overflow:hidden;
}
.pageHome #content .pics {
	height: 560px;
	width: 840px;
	padding:0;
	margin:0;
	overflow: hidden;
} 
.pageHome #content .pics img { 
	top:0; 
	left:0;
	width:840px;
	height:560px;
}

.pageHome #content #wrapSlideshowNav { 
	height:33px; 
	width:auto; 
	float:left; 
	margin: 0 0 20px 0;
	position:relative;
	top:-32px;
	left:1px;
	z-index:1000;
}
.pageHome #content #slideshowNav ul { 
	padding:0; 
	margin:0; 
	font-family:Arial, Helvetica, sans-serif;   
	font-weight:bold; 
}
.pageHome #content #slideshowNav { 
	list-style:none; 
	float:left; 
	color:#FFF;   
	background-color:#9e9e9e; 
	font-size:1.5em; 
}
.pageHome #content #slideshowNav a { 
	margin:5px; 
	padding: 3px 3px;  
	background-color:#9e9e9e; 
	text-decoration: none; 
	float:left; 
	color:#FFF; 
	width:15px;
	text-align:center   
}
.pageHome #content #slideshowNav a.activeSlide { 
	background-color: #00acef;  
	color:#FFF  
}
.pageHome #content #slideshowNav a:focus { 
	outline: none;  color:#FFF 
}

/* Footer */
/* ************************** */
#footer p {
	float:left;
	padding:0 !important;
	margin:0 !important;
	font-size:1em !important;
	font-weight:normal !important;
}
#footer ul {
	float:right;
}

#footer ul li {
	float:left;
}
#footer ul li a {
	text-decoration:none;
	padding:0 5px;
}
#footer ul li a:hover {
	text-decoration:underline;
}