@charset "UTF-8";
/* CSS Document */

/* ============= RESET ============= */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}


body{
	font:14px/1.5 Lucida Bright, Georgia, Times New Roman, Times, serif;
	background-color: #222222;
	background-image: url(images/background_coll.jpg);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	}

a	{
	font-weight: bold;
	text-decoration: none;
	}

a:link {
	color: #000033;
	}

a:visited {
	color: #000033;
	}

a:hover {
	color: #0033FF;
	text-decoration: underline;
	}



p	{
	border: 0px;
	overflow: hidden;
	padding: 0px;
	text-align: left;
	}


hr	{
	border:0px #5F87BF solid;
	border-top-width: 4px;
	clear:both;
	height:0
	}

h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -.03em;
	line-height: 1.2;
	font-weight: bold;
	color: #111111;
	}

h1 	{
	font-size: 24px;
	}
h1 span {
	font-size: 18px;
	color: #333164;
	line-height: 1.0em;
	font-weight: normal;
	}
h2 	{
	font-size: 20px;
	}
h2 span {
	font-size: 16px;
	color: #333164;
	line-height: .8em;
	font-weight: normal;
	}
h3 	{
	font-size: 18px;
	}
h3 span {
	font-size: 14px;
	color: #333164;
	line-height: 1.0em;
	font-weight: normal;
	}


ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

img {
    border: none;
} 




/* divs */

#banner {
	height: 150px;
	background: url(images/HQ_banner_wide.jpg) repeat-x;
	background-position: center;
	}

#column {
	width: 920px;
	padding: 0px;
	margin: 0px auto;
	background-color: #9FC7FF;
	}

#column_b {
	width: 860px;
	padding: 30px;
	margin: 0px auto;
	background-color: #9FC7FF;
	}



.column1 { float: left; width: 590px; overflow: hidden; padding-left:30px } 
.column2 { float: right; width: 260px; overflow: hidden; }


#footer {
	width: 920px;
	height: 120px;
	padding: 0px;
	margin: 0px auto;
	background: url(images/footer.png) no-repeat;
	}

.normtext {
	padding: 0px 30px 0px 30px;
	}



.discount1 {
	width: 580px;
	height: 120px;
	background: url(images/discounts_01.jpg) no-repeat;
	}
.discount1 h3 { font-size: 14px; color: #FFFFFF; padding: 14px 260px 0px 14px; }
.discount1 p { font-size: 12px; color: #FFFFFF; font-weight: normal; padding: 0px 260px 0px 14px; font-family: Arial, Helvetica, sans-serif; }


.discount2 {
	width: 580px;
	height: 120px;
	background: url(images/discounts_02.jpg) no-repeat;
	}
.discount2 h3 { font-size: 14px; color: #FFFFFF; padding: 14px 260px 0px 14px }
.discount2 p { font-size: 12px; color: #FFFFFF; font-weight: normal; padding: 0px 260px 0px 14px; font-family: Arial, Helvetica, sans-serif; }


.discount3 {
	width: 580px;
	height: 120px;
	background: url(images/discounts_03.jpg) no-repeat;
	}
.discount3 h3 { font-size: 14px; color: #FFFFFF; padding: 14px 260px 0px 14px }
.discount3 p { font-size: 12px; color: #FFFFFF; font-weight: normal; padding: 0px 260px 0px 14px; font-family: Arial, Helvetica, sans-serif; }


/* ----------- FORM STYLES ----------- */ /* ----------- FORM STYLES ----------- */



#contact-area {
	margin-top: 10px;
	}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 400px;
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 2px solid #09F;
	background: #FFFFFF;
	}

#contact-area select.state {
	width: 90px;
	}

#contact-area select {
	width: 120px;
	text-align: left;
	background-color: #D8F0FF;
	font-size: 12px;
	color: #000033;
	}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #0000CC;
	}

#contact-area input.submit-button {
	width: auto;
	margin-left: 130px;
	border: none;
	padding: 0px;
	}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	padding-top: 5px;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 2em;
	}


#newsletter {
	width: 230px;
	margin: 0px 0px 20px 0px;
	height: 70px;
	background: url(images/Newsletter_banner.jpg) no-repeat;
	padding: 15px 10px 0px 620px;
	line-height: 1.5;
	text-align: left;
	}

#newsletter input[type="text"] {
	padding: 5px;
	width: 150px;
	height: 16px;
	font-size: 14px;
	line-height: 1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #CCCCFF;
	background-color: #CCCCCC;
	}

#newsletter textarea:focus, #newlsetter input:focus {
	border: 2px solid #CCCCFF;
	background-color: #FFFFFF;
}


#newsletter label {
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	}

#newsletter input.submit-button {
	width: 44px;
	height: 32px;
	background: #9FC7FF;
	color: #009;
	border: 1px solid #009;
	margin: 0px;
	padding: 0px;
}

#newsletter input.submit-button:hover {
	background: #009;
	color: #9FC7FF;
	border: 1px solid #9FC7FF;
}


input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #F00;
}
input.validation-failed, textarea.validation-failed {
	border: 2px solid #F00;
}
input.validation-passed, textarea.validation-passed {
}

.validation-advice {
	margin: 0px 0px 0px 140px;
	padding: 0px;
	color: #F00;
	font-weight: bold;
}

.custom-advice {
	margin: 0px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
	color: #F00;
	font-weight: bold;
}


/* ----------- NAVIGATION ----------- */

#navbanner {
	width: 920px;
	height: 40px;
	margin: 0px auto;
	text-align: center;
	}

#navi {
	width: 920px;
	height: 40px;
	position: relative;
	background: url(images/nav_image.png) no-repeat;
	margin: 0px;
	padding: 0px;
	}

#navi li { float: left; }

#navi li a {
	position: absolute;
	top: 0px;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 40px;
	background: url(images/nav_image.png) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}

/* ----------- NAVIGATION -UP- ----------- */

li#navi_home a {
	left: 0px;
	width: 115px;
	background-position: 0px 0px
	}

li#navi_catalog a {
	left: 115px;
	width: 115px;
	background-position: -115px 0px
	}

li#navi_catalogreq a {
	left: 230px;
	width: 115px;
	background-position: -230px 0px
	}

li#navi_showcase a {
	left: 345px;
	width: 115px;
	background-position: -345px 0px
	}

li#navi_products a {
	left: 460px;
	width: 115px;
	background-position: -460px 0px
	}

li#navi_tanning a {
	left: 575px;
	width: 115px;
	background-position: -575px 0px
	}

li#navi_links a {
	left: 690px;
	width: 115px;
	background-position: -690px 0px
	}

li#navi_cfd a {
	left: 805px;
	width: 115px;
	background-position: -805px 0px
	}


/* ----------- NAVIGATION -HOVER STATE- ----------- */

li#navi_home a:hover {
	background-position: 0px -40px;
	}

li#navi_catalog a:hover {
	background-position: -115px -40px;
	}

li#navi_catalogreq a:hover {
	background-position: -230px -40px;
	}

li#navi_showcase a:hover {
	background-position: -345px -40px;
	}

li#navi_products a:hover {
	background-position: -460px -40px;
	}

li#navi_tanning a:hover {
	background-position: -575px -40px;
	}

li#navi_links a:hover {
	background-position: -690px -40px;
	}

li#navi_cfd a:hover {
	background-position: -805px -40px;
	}
/* ----------- NAVIGATION -ACTIVE STATE- ----------- */

li#navi_home a:active {
	background-position: 0px -80px;
	}

li#navi_catalog a:active {
	background-position: -115px -80px;
	}

li#navi_catalogreq a:active {
	background-position: -230px -80px;
	}

li#navi_showcase a:active {
	background-position: -345px -80px;
	}

li#navi_products a:active {
	background-position: -460px -80px;
	}

li#navi_tanning a:active {
	background-position: -575px -80px;
	}

li#navi_links a:active {
	background-position: -690px -80px;
	}

li#navi_cfd a:active {
	background-position: -805px -80px;
	}

/* ----------- NAVIGATION -CURRENT- ----------- */


#body_home li#navi_home a {
	background-position: 0px -120px;
	}

#body_catalog li#navi_catalog a {
	background-position: -115px -120px;
	}

#body_catalogreq li#navi_catalogreq a {
	background-position: -230px -120px;;
	}

#body_showcase li#navi_showcase a {
	background-position: -345px -120px;
	}

#body_products li#navi_products a {
	background-position: -460px -120px;
	}

#body_tanning li#navi_tanning a {
	background-position: -575px -120px;
	}

#body_links li#navi_links ar {
	background-position: -690px -120px;
	}

#body_cfd li#navi_cfd ar {
	background-position: -805px -120px;
	}