/* ----- LAYOUT ----- */
	
body { 
	background: #000000 url('images/bg_image.jpg') no-repeat fixed;
	margin: 0px auto;
	padding: 0px;
	}
	
#logo {
	margin:0px auto;
	position:absolute;
	left:100px;
	top:55px;
	text-align: center;
	}
	
#contentWrapper {
	position:absolute;
	left:275px;
	top:85px;
	text-align:left;
	width:650px;
	}

#homeBanner {
	background-color:#02BAFE;
	margin-top:8px;
	}
	
#promoBanner {
	margin-top:8px;
	}
	
.inputBox input[type="text"] {
	border: 1px solid #202021;
	background-color: #EEEEEE;
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
   	padding: 4px 4px 6px 4px;
   	width: 250px
   	}
	
.button {
	border: solid thin #EC0E50;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
	background: #EC0E50;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 6px;
	}
	
.button:hover {
	background: #AB0939;
	}
	
#thumbs {
	background: url('images/thumb_images.png') no-repeat;
	padding:0px 0px 15px 15px;
	margin-top:8px;
	}
	
#specialsBanner {
	margin-top:8px;
	}
	
#signUp {
	margin-top:8px;
	}
	
#secondaryNav {
	background-color:#FFFFFF;
	padding:9px 10px 10px 0px;
	margin-top:8px;
	display: block;
	}
	
#servicesNav {
	border-bottom:2px solid #02BAFE;
	padding:0 0 5px 0;
	display: block;
	}
	
#sectionContent {
	font-family:arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color:#202021;
	line-height: 21px;
	margin-top: 8px;
	background-color:#FFFFFF;
	padding: 16px 16px 16px 16px;
	}
	
#sectionContent2 {
	font-family:arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color:#202021;
	line-height: 21px;
	background-color:#ffffff;
	margin-top:8px;
	padding: 20px 20px 16px 16px;
	}
	
#footer {
	background-color:#18191C;
	margin-top:8px;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:500;
	line-height: 18px;
	color: #999999;
	padding:30px 20px 20px 20px;
	}
	

/* ----- TEXT ----- */

.noDisplay {
	display:none;
	}

b {
	font-family:arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	}
	
h1, h2, h3, .subHeads {
	font-family:arial, helvetica, sans-serif;
	font-weight: 500;
	display: block;
	margin: 0;
	}

h1 {
	background-color: #02BAFE;
	font-size: 24px;
	color: #FFFFFF;
	letter-spacing: -1px;
	padding: 10px 10px 10px 10px;
	}
	
h2 {
	border-bottom:2px solid #AB0939;
	font-size: 21px;
	color: #AB0939;
	letter-spacing: -1px;
	line-height: 24px;
	padding: 0px 0px 5px 0px;
	}
	
	
h3 {
	font-size: 24px;
	color: #999999;
	letter-spacing: -1px;
	line-height: 30px;
	margin-top: 25px;
	}
	
strong {
	font-family:arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #000000;
	letter-spacing: -1px;
	}
	
blockquote{
	border-left: 4px solid #EC0E50;
	padding:0 0 0 10px;
	font-family: georgia, serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	font-style: italic;
	}
	
.subHeads {
	font-size: 18px;
	color: #3C3E46;
	letter-spacing: -1px;
	padding: 0 0 0 0 0;
	}
	
.highlightText {
	border-left: 8px solid #02BAFE;
	font-family:arial, helvetica, sans-serif;
	font-size: 21px;
	font-weight: 500;
	color:#202021;
	letter-spacing: -1px;
	line-height: 23px;
	padding: 0 0 0 10px;
	}
	
.thumbText {
	background-color:#FFFFFF;
	font-family:arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color:#3C3E46;
	letter-spacing: 0px;
	}
	
.thumbHeader {
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: 600;
	color:#3C3E46;
	letter-spacing: -1px;
	}	
	
.table {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 21px;
	}
	
table.menu {
	position: absolute;
	background: #AB0939;
	visibility: hidden;
	line-height: 18px;
	}
	
.list {
	border-top: 1px solid #202021;
	padding: 4px 0 4px 0;
	display: block;
	}
	
       
/* ----- NAVIGATION ----- */

a {
	outline: none; /* hide dotted outline in Firefox */
	}
	
.thumbNav {
	background-color:#EC0E50;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 18px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	}
	
.thumbNav:hover {
	background-color: #AB0939;
	color: #FFFFFF;
	}

.promoNav {
	font-family:arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color:#FFFFFF;
	text-decoration: none;
	}
	
.promoNav:hover{
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	}
	
.topNav {
	background-color:#3C3E46;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding:6px 12px 6px 12px;
	border-left: 10px solid #FFFFFF;
	display: block;	
	}
	
.topNav:hover {
	background-color:#999999;
	color: #ffffff;
	}
	
.topNav2 {
	background-color:#3C3E46;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding: 5px 5px 5px 10px;
	display: block;	
	}
	
.topNav2:hover {
	background-color:#999999;
	color: #ffffff;
	}
	
.secondaryNav {
	color: #3C3E46;
	font-weight: 500;
	font-size: 21px;
	letter-spacing: -1px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	display: inline;
	}
	
.secondaryNav:hover {
	background-color:#02BAFE;
	color: #ffffff;
	}
	
.secondaryNavOn {
	background-color:#02BAFE;
	color: #ffffff;
	font-weight: 500;
	font-size: 21px;
	letter-spacing: -1px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 10px 15px 10px 15px;
	display: inline;
	}
	
.servicesNav {
	background-color:#AB0939;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 18px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding:5px 10px 5px 10px;
	}
	
.servicesNav:hover {
	background-color:#EC0E50;
	}
	
.servicesNavOn {
	border-top: 2px solid #02BAFE;
	background-color:#02BAFE;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 18px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding:5px 10px 5px 10px;
	}
	
.contentNav {
	color: #3C3E46;
	font-weight: 500;
	font-size: 16px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	border-bottom:1px dotted #3C3E46;
	}
	
.contentNav:hover {
	color: #3C3E46;
	text-decoration:none;
	border-bottom:2px solid #3C3E46;
	}
	
.stylistNav {
	color: #3C3E46;
	font-weight: 500;
	font-size: 21px;
	letter-spacing: -1px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	border-bottom:1px dotted #3C3E46;
	}
	
.stylistNav:hover {
	color: #EC0E50;
	text-decoration:none;
	border-bottom:1px dotted #ffffff;
	}
	
.stylistNavOn {
	color: #EC0E50;
	font-weight: 500;
	font-size: 21px;
	letter-spacing: -1px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	}
	
.stylistNavOn:hover {
	text-decoration:none;
	}
	
.productHeader {
	background: url(images/arrow.png) no-repeat;
	border-bottom:2px solid #EC0E50;
	background-color: #AB0939;
	text-decoration:none;
	font-family:arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #FFFFFF;
	padding:5px 10px 5px 10px;
	display: block;
	}
	
.productLink {
	text-decoration:none;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight:500;
	color:#FFFFFF;
	padding:3px 0px 3px 5px;
	display: block;
	}
	
.productLink:hover {
	background-color: #EC0E50;
	color:#FFFFFF;
	}
	
.specialsNav, .specialsNav2 {
	border-bottom: 2px solid #FFFFFF;
	background-color: #AB0939;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 18px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	padding: 5px 5px 5px 10px;
	display: block;
	}
	
.specialsNav:hover, .specialsNav2:hover {
	background-color: #EC0E50;
	color: #FFFFFF;
	text-decoration:none;
	}
	
.specialsNav2 {
	border: none;
	padding: 10px 10px 10px 10px;
	}
	
.promoNav2 {
	background: #EC0E50 url('images/promo.png') no-repeat;
	color: #FFFFFF;
	font-weight: 500;
	font-size: 21px;
	font-family: arial, helvetica, sans-serif;
	text-decoration: none;
	height: 56px;
	padding: 8px 0 0 210px;
	display: block;
	}
	
.promoNav2:hover {
	background-color: #AB0939;
	text-decoration:none;
	}
	
.twitterNav {
	background: url(images/twitter.gif) no-repeat;
	padding: 5px 0px 5px 30px;
	}
	
.facebookNav {
	background: url(images/facebook.gif) no-repeat;
	padding: 5px 0px 5px 35px;
	margin-left: 15px;
	}
	
.twitterNav, .facebookNav {
	font-family: arial, helvetica, sans-serif;
	text-decoration:none;
	font-size: 16px;
	font-weight: 600;
	color: #999999;
	display: inline;
	}
	
.facebookNav:hover, .twitterNav:hover {
	color: #ffffff;
	}
	
.footerNav {
	text-decoration:none;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-weight:600;
	color:#999999;
	}
	
.footerNav:hover {
	color: #ffffff;
	}
	
/* ----- HOME PAGE SLIDESHOW ----- */

#slideshow {
	background-color: #EC0E50;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight:500;
	color:#FFFFFF;
    position:relative;
    height:64px;
    width: 650px;
	}

#slideshow DIV {
	background-color: #EC0E50;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    width: 650px;
	}

#slideshow DIV.active {
	background-color: #EC0E50;
    z-index:10;
    opacity:1.0;
    width: 650px;
	}

#slideshow DIV.last-active {
    z-index:9;
	}

.slideNav {
	background: #EC0E50 url('images/specials.png') no-repeat;
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight:normal;
	text-decoration: none;
	color:#FFFFFF;
	height: 54px;
	padding: 10px 0 0 210px;
	display: block;
	}

.slideNav:hover {
	background-color: #AB0939;
	}