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


html, body, div, img, span, applet, object, noscript, iframe, h1, h2, h3, h4, h5, h6, p {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
object: 0;
}


body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url(../images/background.jpg);
background-repeat: repeat-x;
margin: 0;
padding: 0;
}


#wrapper {
width: 960px;
margin: 0 auto;
background: url(../images/beam.jpg);
background-repeat: no-repeat;
}

#header {
height: 100px;
margin: 0;
}

#footer {
margin-top: 60px;
background: #000000;
height: 100%;
}

/* ------------------------------------------------------------------------------ Footer */

#footer-main {
width: 940px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 150px;
}

#footernav ul {
padding: 0;
margin: 0;
}

#footernav li {
margin: 0;
list-style-type: none;
padding: 3px 0 3px 0;
}

#footernav {
color: #777777;
width: 940px;
}

.col {
float: left;
}

.col-last {

}

.col-first {

}

#fn-col1, #fn-col2, #fn-col3, #fn-col4  {
width: 90px;
}

#fn-col2, #fn-col3, #fn-col4 {
margin: 16px 0 0 0;
}

#fn-col5, #fn-col6 {
width: 175px;
}

#fn-col7, #fn-col8 {
width: 115px;
}

#legal-row1 {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
border-top: solid 1px #333333;
color: #777777;
}

#legal-row2 {
border-top: solid 1px #333333;
padding: 10px 0 0 0;
margin: 8px 0 0 0;
}

#seo {
border-top: solid 1px #333333;
padding: 10px 0 0 0;
margin: 8px 0 0 0;
}

#seo sub, #seo sup { position: inherit;}


#copyright {
float: left;
width: 700px;
}

#change-location {
float: right;
width: 140px;
}

#change-location img, #change-location p  {
float: right;
}

.cl {
padding-top: 5px;
}

.clText {
float: left;
padding-top: 2px;
}


/* ------------------------------------------------------------------------------ Type */


h1, h2, h3, h4, h5, p, sub, sup {
margin: 0 0 10px 0;
}




h1 {
font-size: 26px;
font-weight: bold;
color: #CC0000;
}

h2 {
font-size: 16px;
font-style: italic;
color: #000;
}

h3 {
font-weight: bold;
font-size: 14px;
}

p {
line-height: 20px;
}

sub, sup {
font-size: 80%;
}

blockquote {
margin-left: 20px;
margin: 20px 20px 20px 20px;
padding-left: 10px;
border-left: 5px solid #cc0000;
}


#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer p {
color: #999999;
font-weight: normal;
}

#footer p {
color: #777777;
margin-bottom: 5px;
}

/* --------------------------------------------------------------------Registration Fix */
sup {
	vertical-align: 60%;
	font-size: 75%;
	line-height: 100%;
}
sub {
	vertical-align: -10%;
	font-size: 75%;
	line-height: 100%;
}



/* ------------------------------------------------------------------------------ Header */

.logo {
float: left;
}

.top-nav {
float: right;
}

#nav {
width: 520px;
float: right;
margin-top: 50px;

}

/* ------------------------------------------------------------------------------ HOME */
/*
#hp-main {
width: 940px;
height: 360px;
margin: 0 auto;
margin-top: 40px;
}*/

#hp-3col {
width: 940px;
margin: 0 auto;
margin-top: 25px;
}

.hp-cta {
margin: 0 17px 0 0;
}

.hp-cta-last {
margin: 0;
}




/* ------------------------------------------------------------------------------ CONTENT */

#main {
background-image: url(../images/swirl_.png);
background-repeat: no-repeat;
padding-top: 40px;
width: 940px;
margin: 0 auto;
min-height: 520px;
}

#content {
width: 590px;
float: left;
}

#sidebar {
width: 280px;
margin-top: 50px;
margin-left: 40px;
float: right;

}


.content-product {
margin: 0 17px 0 0;
width: 300px;
float: left;
}

.content-product-last {
margin: 0;
width: 300px;
float: left;

}

.product-box {
margin: 5px 5px 20px 5px;
width: 220px;
float: left;
}

.product-box h3, .product-box p {
margin: 0 0 5px 0;
font-style: italic;
margin-left: 5px;
text-align: left;
}


.product-box ul {padding-left: 15px; }
.product-box li { padding: 3px 5px; }


/* ------------------------------------------------------------------------------ PRODUCTS PAGES */

#pp-main {
width: 940px;
height: 360px;
margin: 0 auto;
}

#gallery {
margin-top: 10px;
}

/* ------------------------------------------- EASY2NAV */

#pp-nav {
width: 440px;
float: right;
text-align: right;
margin: 35px 0 0 0;
}

/* ------------------------------------------- DESCRIPTION */

#pp-description {
width: 480px;
float: left;
margin: 45px 0 0 0;
}

#pp-description  p {
font-style: italic;
}

#pp-description ul {
margin: 0;
padding: 0;
}

#pp-description li {
list-style: none;
font-style: italic;
padding: 0 0 10px 0;
}

#pp-description strong {
color: #cc0000;
font-weight: bolder;
}

/* ------------------------------------------- 4COL */

#pp-4col {
width: 940px;
margin: 0 auto;
margin-top: 25px;
}

.pp-4col-left {
width: 220px;
margin: 0 25px 0 0;
float: left;
}

.pp-4col-right {
width: 180px;
float: right;
margin: 0;
}


.pp-4col-right ul {
margin: 0;
padding: 0;
}

.pp-4col-right li {
list-style: none;
padding: 0 0 10px 0;
}

#gallery img {
margin-left: 10px;
}



#small-nav {
float: right;
}


.content-image {
float: left;
margin: 5px 15px 5px 0;
border: solid 1px #ddd;
}

.pp-content-image {
float: left;
margin: 5px 15px 0px 0;
border: none;
}


/* ------------------------------------------------------------------------------ Change Location */

.locations-box {
margin: 5px 5px 20px 5px;
width: 220px;
float: left;
}

.locations-box h3, .locations-box p {
margin: 0 0 10px 0;
font-style: normal;
margin-left: 0;
text-align: left;
}

.locations-box ul {
list-style-type: none;
margin: 0 0 25px 0;
padding: 0;

}

.locations-box li {
/* background: transparent url(../images/flags/united-states.png) no-repeat left center;*/
margin: 0 30px 0 0px;
padding: 10px 10px 10px 40px;
}



/* ------------------------------------------------------------------------------ Contact Us */

.contact-box {
margin: 5px 20px 20px 5px;
width: 210px;
float: left;
}

.contact-box h3, .contact-box p {
margin: 0 0 10px 0;
font-style: normal;
margin-left: 0;
text-align: left;
}

.contact-box ul {
list-style-type: none;
margin: 0 0 20px 0;
padding: 0;

}

.contact-box li {
/* background: transparent url(../images/flags/united-states.png) no-repeat left center;*/
margin: 0px;
padding: 10px 10px 0px 10px;
}


#contactForm {
margin: 0 auto;
margin-top: 20px;
width: 620px;
}

#contactForm h1, #contactForm h2, #contactForm p {
text-align: center;
margin-bottom: 20px;
}


dl {
}

dt {
clear:both;
color:#777777;
float:left;
font-size:14px;
font-weight:bold;
line-height:21px;
margin:0 18px 10px 0;
text-align:right;
width:200px;
}

dd {
color:#4A5C6E;
float:left;
margin:0 0 10px;
width:300px;
}

.form-input {
font-size:14px;
height:20px;
width:280px;
}

.form-box {
width: 280px;
height: 65px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

select {
padding: 5px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
/*background-color: #e7f1fa; - lightblue*/
background-color: #e7e7e7;
}





/* ------------------------------------------------------------------------------ LINKS */

a:link, a:visited, a:active {
color: #cc0000;
text-decoration: none;
}
a:hover {
color: #990000;
text-decoration: underline;
}

#footer a:link, #footer a:visited, #footer a:active {
color: #666666;
text-decoration: none;
}
#footer a:hover {
color: #ffffff;
text-decoration: none;
}

#nav2 a:link, #nav2 a:visited, #nav2 a:active {
color: #999999;
text-decoration: none;
text-transform: uppercase;
font-size: 10px;
padding-right: 5px;
padding-left: 5px;
}
#nav2 a:hover {
color: #FFF;
text-decoration: none;
}

div#nav2 a img { position: absolute; margin-left: 3px; top: 12px; }



/* ------------------------------------------------------------------------------ Q&A */

h3.trigger {
	padding: 0 0 0 15px;
	margin: 0 0 5px 0;
	background: url(../images/h3_trigger_a.png) no-repeat;
	height: 36px;
	line-height: 36px;
	width: 560px;
	font-size: 14px;
	font-weight: bold;
	float: left;
}
h3.trigger a {
	color: #CC0000;
	text-decoration: none;
	display: block;
}
h3.trigger a:hover { color: #990000; }
h3.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0;
	padding: 0;
	/* border-top: 1px solid #d6d6d6; */
	/* background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top; */
	overflow: hidden;
	font-size: 12px;
	width: 580px;
	clear: both;.
}
.toggle_container .block {
	padding: 0 0 0 10px; /*--Padding of Container--*/
	/* background: url(../images/toggle_block_btm.gif) no-repeat left bottom; --Bottom rounded corners--*/
}

.toggle_container strong {
font-style: italic;

}
/* ------------------------------------------------------------------------------ MISC */

.black {
color: #000000;
}

.banner {

margin-bottom: 20px;

}

.spacer {
clear:both;
}


.tipfitIcon {
padding-top: -50px;
padding-bottom: -5px;
margin-right: 10px;
float: left;
}

.hpcta1, .hpcta2, .hpcta3 {
float: left;
}

.hpcta1, .hpcta2 {
margin-right: 20px;
}


.hpcta1 a {
display:block;
width: 300px;
height: 170px;
color:#fff;
background: url(../images/hp/01.jpg); 0 0 no-repeat;
text-decoration: none;
}
.hpcta2 a {
display:block;
width: 300px;
height: 170px;
color:#fff;
background: url(../images/hp/02.jpg); 0 0 no-repeat;
text-decoration: none;
}

.hpcta3 a {
display:block;
width: 300px;
height: 170px;
color:#fff;
background: url(../images/hp/03.jpg); 0 0 no-repeat;
text-decoration: none;
}

.hpcta1 a:hover, .hpcta2 a:hover, .hpcta3 a:hover { 
background-position: 0 -170px;
}

#hp-2col {
width: 940px;
margin: 0 auto;
margin-top: 25px;
}

.hp-2col1 {
float: left;
}

.hp-2col2 {
float: right;
}


#socialNetworking {
width: 940px;
margin: 0 auto;
margin-top: 5px;
}

.socialIcons {
float: right;

}

#socialNetworking img {
margin-right: 5px;
float: left;
}

#ep-player {
z-index: 99;
}




#nav { margin-top: 5px;}
#nav2 { color: #777; margin: 5px 0px 20px 0; margin-right: 25px; padding-top: 5px; text-align: right; }
#nav2 img { height: 13px; width: 20px; margin-top: 2px; }
.cltop { margin-top: 2px; } 



#smart-banner { width: 950px; height: 355px; margin: 0px auto; margin-top: 5px; }
#myMovie {z-index:99; margin-top: 0px; padding: 0; }
#store { margin: 0px auto; width: 950px; text-align: right; margin-top:  25px; }