@import url("reset.css");
@import url("cmxform.css");
@import url("thickbox.css");

/* main tags */
body { background:url(../images/core/bg2.jpg) top center no-repeat #d2e6e5; color:#535353; font: 10pt Verdana, Arial, Helvetica, sans-serif;}
#tnc{
	background: none;
}
.left { float:left; }
img.left { margin-right:20px; }
.right{ float:right; }
.clear { display:block; clear:both; }
p { margin:10px 0 20px 0; }
a { color:#00a887; }
ol.points { list-style:disc; margin-left:20px; }
.crossedOut { text-decoration:line-through; }
a:hover { color:#0e6392; }

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* containers */
#container {margin:auto; width:980px; position:relative;}
#tnc #container{width: 610px;}
	#header{ height:183px; position:relative; }
		#nav{ position:absolute; right:5px; top:101px; width:730px; height:30px; background: url(../images/core/navLeftBg.gif) no-repeat; padding-left:5px;}
		#search { position:absolute; right:0; top:141px; width:258px; height:30px; backgroun:#ccc; }
	#main{line-height:1.5em;}
		#mainLeft{ float:left; width:170px; padding:0 20px 0 20px; margin-top:-35px;}
		#mainRight{float:left; width:710px; padding:0 30px 0 30px;}
		#tnc #mainRight{width: 550px;}
			#banner { display:block; width:705px; height:170px; background:url(../images/core/banner.jpg) no-repeat; overflow:hidden; margin-bottom:20px;}
	#footer{ clear:both; height:40px; padding:14px 20px 0 20px; display:block; background:url(../images/core/footer.gif) no-repeat; color:#fff; text-align:center; font-size:8pt; margin:0;}
	
/* navigation */
#nav ul{ width:730px; height:30px; display:block; background:url(../images/core/nav2.gif) no-repeat;}
#nav ul li{ float:left;}
#nav ul li a span {display:none; }
#nav ul li, #nav ul li a{ display:block; height:30px;}
#nav ul li#home a { width:80px;} #nav ul li#comp a { width:160px;} 
#nav ul li#ourC a { width:111px;} #nav ul li#spec a { width:105px;} 
#nav ul li#link a { width:85px;} #nav ul li#cont a { width:105px;} 

#nav ul li a:hover { background:url(../images/core/nav2.gif) no-repeat; }
#nav ul li#home a:hover { background-position: 0 -30px;} #nav ul li#comp a:hover { background-position: -80px -30px;} 
#nav ul li#ourC a:hover { background-position: -240px -30px;} #nav ul li#spec a:hover { background-position: -351px -30px;} 
#nav ul li#link a:hover { background-position: -456px -30px;} #nav ul li#cont a:hover { background-position: -541px -30px;} 

#products { padding-bottom:5px; margin-bottom:5px; background:url(../images/core/productsBot.png) bottom no-repeat; position:relative; z-index:100; }
#products ul li { padding: 3px 0 0 20px; height:22px; background:#0e6392; border-bottom:#377da4 1px solid; list-style:url(../images/core/listArrow.gif) inside; position:relative; }
#products ul li a { color:#fff; text-decoration:none;}
#products ul li:hover { background:#3f89b2; list-style:url(../images/core/listArrowHover.gif) inside; padding-left:22px;}

#products ul li ul { display:none; position:absolute; width:160px; left:100%; top:0; list-style:none; border-left:1px solid #377da4;  z-index:100; }
/* header items */
#logo { position:absolute; left:240px; top:10px; }
#cta { position:absolute; right:20px; top:54px; }
#header h1 { position:absolute; top:143px; left:241px; width:300px; height:40px;}

#search form input#box { display:inline; padding:2px 0 2px 3px; width:151px; position:relative; top:-7px; border:none; }
#search form input#but { display:inline; margin:2px 0 0 1px; }
/* MainLeft elements */
h3 { width:170px; height:30px; display:block; background:url(../images/core/h3Sprite.gif) no-repeat; }
h3 span { display:none; }
h3#prod { background-position:0 0;}
h3#logi {background-position:0 -30px;}
h3#mail {background-position:0 -60px;}

a#specials { display:block; width:170px; height:46px; background:url(../images/core/special.gif) no-repeat; margin-bottom:5px; }
a:hover#specials { background-position:0 -46px; }

#specials span { display:none; }

#mainLeft .formBox{ background:#eff9f8; padding:5px 13px 5px 13px; margin-bottom:5px; font-size:9pt; color:#535353; line-height:1.3em;}
	#mainLeft .formBox a {color:#00a28b; font-size:8pt; }
	#mainLeft .formBox form input {margin:3px 0 3px 0; font-size:9pt; padding:2px; color:#535353; width:130px;}
	#mainLeft .formBox form input.left_button { width:65px; }
	#mainLeft .formBox form input.left_checkbox { width:20px; }
/* mainRight ELements */

.sifr { font: 20px Verdana, Arial, Helvetica, sans-serif; color:#3f89b2; font-weight:100;}
h2 .sifr { }

#links ul li {  padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #eee; }
#links ul li img { float:left; padding-right:40px; }
#links ul li p { margin:0; padding:0; }
#links ul li a { display:block; }
#links .image-left { height: 100px; float:left;}

#contactDetails ul { margin-bottom:20px; width:400px; }
#contactDetails ul li span { display:block; float:left; width:50px; }

.thickboxHolder { clear:both; }
.thickboxHolder ul { width:160px; float:right; margin:0 0 30px 10px; }
.thickboxHolder li { padding:3px; height:100px; }
.thickboxHolder ul li a img { border:2px solid #eff9f8; }
.thickboxHolder ul li a:hover img { border:2px solid #00a28b; }

#thickboxHori a.thickbox img { border:2px solid #eff9f8; margin:15px; }
#thickboxHori a.thickbox:hover img { border:2px solid #00a28b; }


#specialProduct { display:block; height:200px; overflow:hidden; position:relative; top:20px; cursor:pointer; border:2px solid #ccc; margin-left:80px;}
#specialProduct:hover { border:2px solid #fff; }
#specialProduct #description {
	position:absolute;
	bottom:0; 
	min-height:50px;
	padding:0; 
	background:#000;
	filter:alpha(opacity=90);   /* Internet Explorer       */
	-moz-opacity:0.8;           /* Mozilla 1.6 and below   */
	opacity: 0.8;               /* newer Mozilla and CSS-3 */
	z-index:5; 
}
#specialProduct img { z-index:1; position:absolute; top:0; left:0; }

#specialProduct #description #specialTitle { font: 16px Georgia, "Times New Roman"; font-weight: bold; color:#3f89b2; line-height:20px; padding:5px;}
#specialProduct #description p { margin:0; padding:5px; }

#category ul{}
#category ul li{ width:150px; height:140px; padding:10px; display:block; float:left; margin:10px; border:2px solid #fff; text-align:center; }
#category ul li:hover { border:2px solid #86d3c8; cursor:pointer; }
#category ul li span { font-size:14px; }

#productListing ul li { width:310px; height:100px; float:left; padding:20px 10px; margin:4px; border:2px solid #fff; }
#productListing ul li:hover { border:2px solid #00a887; cursor:pointer; }
#productListing ul li img { float:left; padding-right:10px; }
#productListing ul li span.title { font-size:14px; font-weight:bolder; }
#productListing ul li p { color:#666666; font-size:10px; line-height:14px; padding:0; margin:3px 0 3px 0; }
#productListing ul li span.price { font-weight:bold;}

#productDetail p#details { font-size:12px; }
#product-desc {margin-top:15px;}

#product-desc ul, #product-desc li{list-style:square; margin: 0 0 0 10px; padding:0;}
#product-desc ul{padding: 5px;}
#product-desc h2, #product-desc h3, #product-desc h4, #product-desc h5, #product-desc h6{color:#00395a;}
#product-desc h2 {font-size:1.4em;}
#product-desc h3 {background:none; font-size:1.3em;}
#product-desc h4 {font-size:1.2em;}
#product-desc h5 {font-size:1.1em;}
#product-desc h6 {font-size:1em;}


#breadCrumb { margin: 20px 0; font-size:10px;}

/* footer elements */
#footer a { color:#fff; text-decoration:none;}
#footer a:hover { text-decoration:underline; }
#footer #wfLogo { float:right; margin:0 10px 0 10px; }

#page-navigation { clear:left; display:block; width:400px; margin:0 auto; text-align:center; padding:20px 0; }
#page-navigation a { padding:0 10px; text-decoration:none;}
#page-navigation a:hover { text-decoration:underline;}

/* lost password popup */
body#lost-password {background:none;}
.main-lpword {padding:20px;}

/* error page */
body#error {
	background:#d2e6e5 url(../images/newsletter/newsletter-background.jpg) no-repeat center top; 
	padding:0; 
	margin:0; 
	font:11pt Arial, Helvetica, sans-serif;
}
#error-container{ margin:0 auto; padding:10px; width:820px; background:#fff; line-height:18pt;  }

/* search results page */
.search-results {margin-bottom: 20px; padding: 5px; border: 1px solid #ccc;}
.search-results p {padding:0;margin:0;}

#social { text-align:right; padding-bottom:5px; color:#0e6392; position:relative; z-index:50;}
#social img {magin-left:5px; vertical-align:middle;}