/* CSS Document */
body {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background: #101217;
	padding: 0;
	margin: 0;
	color: #333333;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 20px;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

a {
	text-decoration: none;
	color: #235d7e;
}

a:hover {
	text-decoration: underline;
}

h1 { /* used as most Main headings */
	color: #444444;
	font-size: 22px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
	padding: 10px 0px 0px 0px;
}

h2 { /* hompage NewsList heading */
	color: #444444;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
}

h3 { /* blue Category subheadings */
	color: #235d7e;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 0px;
	margin: 10px 0px 5px 0px;
}

h4 { /* grey Specifications heading */
	color: #333333;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 20px 0px 15px 0px;
}

hr {
	height: 0px;
	border-top: 0px solid #1a1d24;
	color: #1a1d24;
}

ul {
	list-style-image: url(../images/bullet_blue-diamond.gif);
	margin: 0 0 20px 0;
	padding: 0px 0px 0px 15px;
	line-height: 20px;
}

li {
	margin: 0px 0px 8px 0px;
	padding: 0px 5px 0px 0px;
}


/****** GENERIC ******/

/*.flashTextFix {
	margin: 0;
	padding: 0;
}*/

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
	font-size: 0;
	height: 0px;
}

h4.clear {
	padding-top: 35px;
}

input.textInput {
	height: 18px;
	width: 255px;
	border: 1px solid #bec5cd;
}


textarea.inputTextArea {
	width: 255px;
	border: 1px solid #bec5cd;
	height: 148px;
}

.backToTop {
	background: url(../images/bullet_arrow-up.gif) 3px 6px no-repeat;
	padding-left: 15px;
	font-size: 11px;
}

.endofRow {
	padding-right: 0px !important;
	margin-right: 0px !important; 
}

p.blueColor {
	color: #235d7e;
}

.increaseSize14 {
	font-size: 14px;
}

a.increaseSize14 {
	padding-bottom: 5px;
}


/****** CONTAINERS ******/

body div#headerContainer {
	width: 100%;
	margin: 0;
	background-color: #596286;
	min-width: 996px;
}

body div#flashContainer {
	width: 100%;
	margin: 0;
	background-color: #3e455f;
	min-width: 996px;
}

body div#pageContainer {
	width: 100%;
	margin: 0;
	background: url(../images/bg/pageContain.gif) repeat-x top #ffffff;
	min-width: 996px;
	padding-top: 7px;
}

body div#footerContainer {
	width: 960px;
	margin: 0 auto;
	padding: 20px 18px;
}

body div#newsContainer {
	width: 100%;
	margin: 0;
	background-color: #ecedeb;
	min-width: 996px;
}


/** FLASH **/
div#flashBanner {
	height: 395px;
}

/******** FLASH TEXT ********/

h1.mainTitle, h2.mainTitle { /* used as most headings */
	color: #444444;
	font-size: 22px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
	margin: 0px 0px 15px 0px;
	line-height: 22px;
} 

h2.mainTitle {
	margin-bottom: 8px;
}

h2.subTitle { /* used on NewsList heading */
	color: #444444;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: uppercase;
}


/******** PAGE ********/
div#page {
	width: 960px;
	background: #ffffff;
	padding: 0px 0px 15px 0px;
	margin: 0 auto;	
	background: url(../images/bg/sub_bg.gif) repeat-y left top ;
}

/***** HEADER *****/
div#header {
	background: url(../images/bg/header_bg.jpg) top left no-repeat;
	padding: 0;
	position: relative;
	height: 135px;
	width: 996px;
	margin: 0 auto;
}

div#header div#navButtons {
	height: 38px;
	background: url(../images/nav_buttons/nav_bg.jpg) no-repeat center top;
}

div#navButtons ul {
	list-style: none;
	list-style-image: none;
	width: 886px;
	margin: 0px auto;
	height: 38px;
	padding: 0px;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0px;
	padding: 0px 25px;
}

div#navButtons ul li a {
	height: 38px;
	display: block;
}

div#navButtons ul li a:hover {
	background-position: left bottom;
}

div#navButtons ul li a.highlight {
	background-position: left bottom;
}

/** NAV **/
a#navHome {
	width: 76px;
	background: url(../images/nav_buttons/nav_home.gif) no-repeat;	
}

a#navAbout {
	width: 100px;
	background: url(../images/nav_buttons/nav_about.gif) no-repeat;	
}

a#navKnow {
	width: 140px;
	background: url(../images/nav_buttons/nav_know.gif) no-repeat;	
}

a#navGallery {
	width: 90px;
	background: url(../images/nav_buttons/nav_gallery.gif) no-repeat;	
}

a#navProducts {
	width: 90px;
	background: url(../images/nav_buttons/nav_products.gif) no-repeat;	
}

a#navFaqs {
	width: 70px;
	background: url(../images/nav_buttons/nav_faqs.gif) no-repeat;	
}

a#navContact {
	width: 110px;
	background: url(../images/nav_buttons/nav_contact.gif) no-repeat;	
}

/******** CONTENT ********/

div#main {
	float: right;
	width: 700px;
	min-height: 500px;
	_height: 500px;
}

div#content {
	padding: 0px 60px 15px 0px;
}

div#sub {
	background: url(../images/bg/sub_hdr.gif) no-repeat top left;
	width: 190px;
	float: left;
	padding: 127px 25px 20px 25px;
}

div#sub a.active {
	font-weight: bold;
} 

div#sub p {
	margin-bottom: 7px;
}

div#sub ul {
	font-size: 11px;
	margin-left: 2px;
	line-height: 18px;
	padding-left: 15px;
}

div#sub ul li {
	margin: 0px 0px 4px 0px;
}

/* BREAD CRUMB */

div#breadcrumb {
	padding: 20px 3px;
	color: #868686;
	font-size: 11px;
	font-weight: bold;
}

div#breadcrumb a {
	font-weight: normal;
	color: #868686;
}

.crumbSep {
	font-weight: normal;
	padding: 0px 10px;
}

/****** HOME ******/

div.Home div#page {
	background: url(../images/bg/waterPage.gif) no-repeat bottom right;
	width: 996px;
	padding: 0px;
}

div.homeColumn {
	width: 210px;
	float: left;
	padding: 25px 19px 20px 20px;
	color: #323233;
	font-size: 11px;
}

div.homeColumn p {
	margin: 15px 0px 10px 0px;
	line-height: 16px;
}

div.homeColumn ul {
	width: 90px;
	float: left;
	margin: 0px 0px 10px 0px;
	line-height: 15px;
}

div.homeColumn li {
	margin: 0px 0px 4px 0px
}

/** NEWS **/

div#news {
	width: 960px;
	margin: 0px auto;
	padding: 20px 0px 15px 0px;
}

div#adContainer {
	float: right;
}

div.newsList {
	float: left;
	width: 320px;
	padding-top: 10px;
}

div.newsList ul {
	font-size: 11px;
	list-style: none;
	list-style-image: none;
	padding: 0px;
	line-height: 15px;
}

div.newsList li {
	clear: left;
	margin: 0px 0px 4px 0px;
}

div.newsList li .date {
	color: #868686;
	display: block;
	width: 75px;
	float: left;
}

div.newsList li a {
	color: #333333;
}

div.newsList li a:hover {
}

/**** PRODUCT CATEGORY LIST ****/
div.categoryContainer ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
}

div.categoryContainer ul li {
	width: 210px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 35px 5px 0px;
	height: 235px;
}
div.categoryContainer ul li p {
	font-size: 11px;
	line-height: 16px;
	margin: 0;
}

div.categoryContainer ul li a.imgLink {
	display: block;
	position: relative;
	width: 210px;
	height: 110px;
}

img.newIcon{
	position: absolute;
	z-index: 2;
	top: 5px;
	left: 5px;
}

div.categoryContainer ul li h3 a:hover,
div.categoryContainer ul li p a {
	text-decoration: underline;
}

div.categoryContainer ul li h3 a,
div.categoryContainer ul li p a:hover {
	text-decoration: none;
}

/** NEWS ARTICLE **/
div.newsArticleList {
	padding: 0 0 15px 0;
}

div.newsArticleList a {
	font-size: 14px;
}

div.newsArticleList p {
	
}


/** Resources **/
div.resourceList {
	padding: 0 0 0px 0;
	border-bottom: 1px solid #e0e0e0;
}

div.resourceList a {
	font-size: 14px;
}

div.resourceList p {
	
}

div.spacer {
	height: 17px;
}

/**** PRODUCT ITEM ****/

div#productItemContainer {
	/*background: url(../images/bg/product_bg.gif) repeat-y 433px top;*/
}

div#productItem {
	float: left;
	width: 400px;
}

div.productSpecs {
	margin: 10px 0px 15px 0px;
}

div.productSpecs p {
	float: left;
	font-size: 11px;
	line-height: 16px;
	width: 280px;
	margin: 0px 0px 7px 0px;	
}

div.productSpecs .field {
	font-weight: bold;
	width: 120px;
	clear: left;
}

/** RELATED **/
div#productRelated {
	float: right;
	width: 227px;
	background: #596286 url(../images/bg/product_side_bg.jpg) no-repeat top left;
	padding: 0px 20px 5px 20px;
}

div#productRelated h4 {
	color: #FFFFFF;
}

div#productRelated table tr td {
	padding: 0px 0px 25px 0px;
}

div#productRelated table tr td {
	vertical-align: middle;
	color: #ffffff;
	font-size: 11px;
}

div#productRelated table tr td p {
	padding: 0px 10px 0px 0px;
	margin: 0px;
	line-height: 16px;
}

div#productRelated table tr td a {
	color: #ffffff;
	text-decoration: underline;
}

div#productRelated table tr td a:hover {
	text-decoration: none;
}

/** OPTIONS **/
div#productOptions {
	clear: both;
	background: #FFFFFF;
}

div#productOptions ul {
	list-style: none;
	list-style-image: none;
	padding: 0px;
}

div#productOptions ul li {
	width: 210px;
	padding-right: 35px;
	float: left;
}

div#productOptions ul li img {
	border: 1px solid #E8E8E8;
}

/** FLASH GALLERY **/
div#galleryContainer {
	height: 433px;
	width: 700px;
	padding-bottom: 8px;
	background: #596286;
}

/***** CONTACT *****/
div.contactDetails {
	float: left;
	width: 320px;
}

div.contactDetails p {
	margin: 0px 0px 10px 0px;
}

div.contactDetails div.productSpecs {
	margin: 0px;
}

div.contactDetails div.productSpecs p {
	width: 180px;
	margin: 0px 0px 5px 0px;
}

div.contactDetails div.productSpecs .field {
	width: 100px;
}

/* FORM */
form.contactForm {
	background: #ecedeb;
	padding: 30px 0px 30px 30px;
	margin-top: 10px;
}

form.contactForm tr td {
	font-size: 11px;
	vertical-align: center;
	padding: 0px 0px 10px 0px;
	/*min-height: 25px;*/
	line-height: 18px;
}

form.contactForm tr td.label {
	text-align: right;
	padding: 5px 30px 0 0;
	vertical-align: top;
}

form.contactForm tr td input {
	vertical-align: top;
}

form.contactForm tr td label {
	line-height: 25px;
	padding: 10px 20px 0 30px;
}

form.contactForm tr td span {
	margin: 0px 0px 0px 20px;
	color: #777777;
}

form.contactForm .textInput,
form.contactForm .textSelect {
	width: 390px;
	border: 1px solid #c2c2c2;
	padding: 5px;
	margin: 0px;
}

form.contactForm .textSelect {
	width: 400px;
}

form.contactForm input,
form.contactForm select {
	font-size: 11px;
	vertical-align: text-top;
	margin: 0px 2px 0px 15px;
}

form.contactForm input.textInput.short {
	width: 100px;
}

form.contactForm input.textInput.medium {
	width: 170px;
}


	
/****** FOOTER ******/
div#footer {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0px;
	border-top: 1px #1a1d24 solid;
	font-size: 10px;
	color: #6d7794;
	clear: both;
}

div#footer p {
	margin: 0px 0px 5px 0px;
	line-height: 15px;
}

div#footer div.footerLeft {
	width: 200px;
	padding-right: 15px;
	float: left;
}

div#footer div.footerLeft strong {
	color: #a5aabe;
}

div#footer div.footerLeft .label {
	width: 45px;
	display: block;
	float: left;
	clear: left;
}

div#footer div.footerLeft a {
	color: #ab9e33;
}

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

div#footer div.footerRight {
	width: 310px;
	float: right;
	text-align: right;
}

div#footer div.footerRight a {
	color: #6d7794;
}

div#footerLinks {
	color: #a5aabe;
	font-size: 11px;
}

div#footerLinks a {
	color: #a5aabe;
	text-decoration: none;
}

div#footerLinks a:hover {
	text-decoration: underline;
}

/* FOOTER NAV LINKS */

div#footerLinks {
	float: left;
	width: 465px;
	padding: 10px 0px;
}

div#footerLinks ul {
	list-style: none outside;
	padding: 0px;
}

div#footerLinks ul li {
	float: left;
	display: block;
	width: 150px;
	height: 15px;
}

/* AFFILIATES */

div#affiliateLinks {
	width: 490px;
	float: right;
	margin-bottom: 15px;
	border-left: 1px #1a1d24 solid;
}

/* BLISS */
a#blissLink {
	padding: 0px 25px 0px 0px;
	background: url(../images/blissmedia.gif) no-repeat top right;
}

a#blissLink:hover  {

}

div.sifrLink {
	position: relative;
}

div.sifrLink, div.sifrLink a, div.sifrLink h2 {
	width: 210px;
	height: 27px;
}

div.sifrLink a, div.sifrLink h2 {
	position: absolute;
		top: 0px;
		left: 0px;
}

div.sifrLink a {
	background-color: #FF0000;
	display: block;
	opacity: 0;
		filter: alpha(opacity=0);
	z-index: 2;
}

div.sifrLink h2 {
	z-index: 1;
}


/* END OF CSS */