/* Copyright 2007 by Quexion, LLC - Any Usage of this document on another 
   site must be sited and credited to the original author - Quexion, LLC.
 * ------------------------------------------------------------------------- */

/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; } 

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code { font-size: 12px; font-family: Verdana, Arial, Tahoma, ; font-weight: 600; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
table { font-size: 12px; font-family: Arial, Tahoma, Verdana; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border: none; }

/* Image Header Text */

/* global elements
 * ------------------------------------------------------------------------- */
body { background: url(../images/bg01.gif) top; background-repeat: repeat-x; padding: 0px; margin:  0px; text-align: center; font-family: Arial, Verdana, Tahoma; font-size: 12px; }
img { border: 0px; }
a {color:#83b3b3; font-weight:bold; text-decoration:none;} 
a:hover { text-decoration:underline; }
.formbtn { font-size: 12px; }

/* classes
 * ------------------------------------------------------------------------- */
.header_nav {color:#83b3b3; font-size:2px; letter-spacing:0px; font-family:Verdana }
.header_homeh {font-size:12px; color:#336666; font-family:Verdana; margin:0px 10px 0px 10px; font-weight:bold; }
.header_homes {font-size:11px; color:#336666; font-family:Verdana; margin:0px 10px 0px 10px; font-weight:normal;}
.green_font {color:#83b3b3;}
.info_tbl { margin-left:5px; }
.search { vertical-align: middle; width: 125px; height: 18px; border-style: solid; border-width: 1px; border-color: #7f9db9; }


/* framework
 * ------------------------------------------------------------------------- */
#container { width: 922px; margin: 0px auto 0px auto; padding: 0px; text-align: left;}
#main_area { width: 922px; position:absolute; }
#top {width:922px; height:155px; background: url(../images/EN/hdr.jpg); background-repeat:no-repeat; float:left; background-color:White;}
    #top p {margin:0px 0px 0px 25px; font-size:11px; color:#83b3b3; text-align:left;}
    #top a { color:#336666; }
#home_content {width:922px;}
	#nav {width:922px; background: url(../images/nav_bar.gif); background-repeat:repeat-y; text-align:left; float:left; }		
	#nav p {text-align:right; margin:0px 55px 0px 0px; }
    #sub_left {width:153px; height:530px; background:url(../images/bg_left.gif); background-repeat:repeat-y; float:left;}
	    #sub_left a {color:#336666; font-weight:bold; text-decoration:none;}
	    #sub_left a:hover {color:#336666; font-weight:bold; text-decoration:underline;}
	    .navbg th, .navbgcell {background: url(../images/nav_bg.gif); background-repeat:no-repeat; background-position:right;}
    #sub_middle {width:523px; background-color:white; float:left;}
        #sub_middle p {font-size:20px; line-height:25px; color:#333333; }
        .middle th {margin:5px 0px 0px 20px; background-color:white; font-family:Verdana; font-size:11px; line-height:20px; text-align:left; font-weight:normal;}
    #sub_right {width:240px; height:530px; background: url(../images/bg_right.jpg); background-position:right; background-repeat:no-repeat; background-color:White; float:left;}
        .news th {background: url(../images/news_bg.gif); background-repeat:repeat-y; font-weight:normal; font-family:Verdana; padding:10px 18px 5px 18px; line-height:20px; font-size:11px;}
#footer {width:922px; height:71px; background:url(../images/footer.jpg); float:left;}

/* subpage * ------------------------------------------------------------------------- */
#sub_content {width:922px; }
    #sub_top {width:922px; background:url(../images/bg_sub.gif); background-position:center; background-repeat:no-repeat;  float:left;}
        #sub_top p {margin:0px 81px 0px 81px; }
    #sub_top2 {width:922px; background:url(../images/bg_sub.gif); background-position:center; background-repeat:no-repeat;  float:left;}
        #sub_top2 p {margin:0px 51px 0px 81px; }
    #sub_bottom {width:922px; background:url(../images/bg_sub_bot.gif); background-repeat:repeat-y; background-position:center; float:left;}
        #sub_bottom p {margin:0px 0px 0px 50px;}
    #sub_outer { background-image: url("../images/bg_sub_bot.gif"); background-repeat: repeat-y; width: 922px; background-position: center; }

/* styles for product images */
.borders_grid { width: 786px; margin: 10px 0px 0px 0px; clear:both; height:300px; }
.borders_grid td { text-align: center; vertical-align: top; line-height: 12px; }
.borders_grid p { width:80px; margin: 0px 0px 15px 0px; color:#4b3900; font-weight:bold; }
.blend_title { font-size: 11px; margin: 0px 0px 2px 0px; display: block;}
	.borders_grid_intro { width: 786px; margin: 10px 0px 0px 0px; clear:both; }
	.borders_grid_intro td { text-align: center; vertical-align: top; line-height: 12px; }
	.borders_grid_intro p { width:125px; margin: 0px 0px 17px 0px; color:#67999a; }
	.borders_grid_intro a { color:#67999a; }	
	.blend_title_intro { font-size: 12px; margin: 5px 0px 2px 0px; padding-bottom:5px;}
	.links { padding-top:5px; }
	.links a:hover { text-decoration:underline; }
.blend_type { font-size: 9px; margin: 0px 0px 0px 0px; display: block;}

.fullsize_grid { text-align: center; }
.fullsize_title { font-size: 12px; display: block; margin: 0px 0px 2px 0px; font-weight:bold; }
.fullsize_type { font-size: 10px; display: block; font-weight:bold; }
img.product_image { cursor: pointer; }

#product_hover
{
	text-align: center;
}

.btn_enabled { }
.btn_disabled { color:Gray; }

/* Product Details Page */
.product_details { clear:both; margin: 10px auto 0px auto; width:786px; }
#details_left { float:left; width:240px; margin-left:0px; padding-left:13px; margin-right:35px; }
#details_left h1 { padding-top:1px; padding-bottom:3px; }
#details_left table { margin-left:8px; }
#details_left a { color:#67999a; }
.details_header1 { font-size:18px; font-weight:bold; color:#6c8683; }
#details_right { float:left; margin-top:15px; height:315px; }

/* dropdown menus */
.menu .options { margin-top:3px; margin-right:1px; margin-bottom:1px; background-color:#67999a; padding: 2px 0px 2px 0px; border: solid 1px #000000; }
.menu a { display:block; padding:2px 13px; text-decoration:none; color:#c8dbda; background-color:#67999a; }
.dropdown { border-bottom: solid 1px #c8dbda; margin: 0px 3px 0px 3px; }
.menu a:hover { background-color: #eaeaea; color:#373737; }
#menu_area { width: 644px;}
#nav_bar { width: 644px; position: relative; margin:0px; }

#menu_links { width: 644px; height: 15px; position: relative; margin: 0px; padding: 0px; background: url(../images/EN/menubar.gif); }
#menu_links li { list-style: none; padding: 0px 0px 0px 0px; margin: 0px; position: absolute; top: 0px; text-align:center; }
#nav_about { width: 73px; left: 0px; }
#nav_gallery { width: 66px; left: 74px; }
#nav_new { width: 108px; left: 141px; }
#nav_stamps { width: 73px; left: 250px; }
#nav_colors { width: 118px; left: 324px; }
#nav_accessories { width: 96px; left: 443px; }
#nav_news { width: 49px; left: 540px; }
#nav_faqs { width: 46px; left: 590px; }

/* Gallery page */
.gallery_grid { margin: 0px 0px 0px 81px; clear:both; }
.gallery_grid td { text-align: left; vertical-align: top; line-height: 12px; padding-left:1px; }
.gallery_grid p { margin: 0px 10px 5px 0px; }
.gallery_title { font-size: 13px; text-align: left; font-weight:bold; margin: 3px 0px 2px 0px; display: block;}
.gallery_description { font-size: 12px; text-align: left; margin: 0px 5px 0px 0px; display: block; line-height:15px;}

/* Colors/Stains page */
.colors_stains_intro_hdr { font-size:19px; color:#6c8683; font-weight:bold; }
.details_subcategory { font-size:18px; font-weight:bold; color:#373737; }
#intro_content a { font-size:16px; font-weight:bold; color:#373737; }
.cs_borders_grid { width: 786px; margin: 10px 0px 0px 0px; clear:both; }
.cs_borders_grid td { text-align: center; vertical-align: top; line-height: 12px; }
.borders_grid_generic p { width:100px; margin: 0px 0px 15px 0px; color:#4b3900; font-weight:bold; }
.borders_grid_aw p { width:115px; margin: 0px 0px 15px 0px; color:#4b3900; font-weight:bold; }
.borders_grid_wbs p { width:120px; margin: 0px 0px 15px 0px; color:#4b3900; font-weight:bold; }
.borders_grid_cas p { width:200px; margin: 0px 0px 15px 0px; color:#4b3900; font-weight:bold; }

/* Faqs page */
.questions { font-size:18px; }
.answers { margin-top:10px; margin-right:100px; }
.flex_stamp { margin-left:35px; margin-top:10px; list-style-type:disc; }
.flex_stamp li { margin-top:5px; }

/* RepWeb pages */
.repweb_list li { margin-bottom:10px; }

/* News page */
.news_tbl { margin: 0px 150px 0px 84px; clear:both; }
.news_tbl td { text-align: left; vertical-align: top; line-height: 12px; padding-left:1px; }
.news_tbl p { margin: 0px 10px 5px 0px; }

/* MSDS Library page */
.library_list li { margin-bottom:5px; margin-left:45px; }

/* login page */
.login table tr { height:30px; }
.login_button { margin-right:7px; }
.login_validator { margin-left:2px; }

/* training page */
.training_tbl ul { list-style-type:disc; padding-left:130px; margin-top:0px; margin-bottom:5px; }
.training_tbl p { padding-top:7px; padding-bottom:8px; }
.training_tbl blockquote { margin-left:35px; line-height:17px; margin-top:-3px; }

/* clickable imagemap area (for header background image) */
#zone1 {    
float: left;
width : 916px;
height: 130px;
margin-left: 3px;
margin-top: 1px;
}