* { padding:0; margin:0; } /*global definition for padding and margin*/

html { min-height:101%; background:#FFF url('/images/bg_page.jpg') no-repeat 50% 100%; }

body { font-size:100%; padding:5px 0 0 0; }

h1, h2, h3, h4, h5 { font:normal 100%/100% "Lucida Grande", arial, verdana, sans-serif; color:#000; padding:0 0 5px 0; }
h1 { font-size:17px; line-height:100%; color:#454646; font-weight:bold; }
h2 { font-size:16px; line-height:100%; font-weight:bold; }
h3 { font-size:14px; line-height:100%; font-weight:bold; }
h4 { font-size:1.0em; line-height:100%; }
h5 { font-size:0.9em; line-height:100%; }

p, ol, ul, table, dl { font:normal 13px/150% "Lucida Grande", arial, verdana, sans-serif; padding:0 0 10px 0; color:#454646; }

a, a:visited { color:#007DB1; text-decoration:none; outline:none; /*removes dotted outline around links in FF*/ }
a:hover { color:#007DB1; text-decoration:underline; }

dl { padding:0 0 5px 10px; }
dt { font-weight:bold; }
dd { margin:0 0 5px 0; }

ol { padding:0 0 0 15px; }
ol li { padding:0 0 5px 0; }

ul { padding:0 0 0 20px; }
ul li { padding:0 0 5px 0; }

th { font-weight:bold; }
td { padding:3px 0; }

img { border:none; }
option{ margin-right:10px;}

#wrapper { width:1000px; margin:0 auto;  }

#content_top { background:url('/images/content_top-trans.png') no-repeat 0 100%; height:38px; font-size:0; overflow:hidden; }
#content { background:url('/images/bg_content-trans.png') repeat-y 0 0; padding:0 20px 0 40px; }
#home_content_bottom { background:url('/images/content_bottom_home-trans.png') no-repeat 0 0; height:16px; font-size:0; overflow:hidden; }
#back_content_bottom { background:url('/images/content_bottom_back-trans.png') no-repeat 0 0; height:26px; font-size:0; overflow:hidden; }

#header { position:relative; height:158px; }
#header .logolink { /*float:left; margin:8px 0 28px 0px;*/ position:absolute; top:8px; left:0; }
#header .hdr_text {
	position:absolute;
	right:20px;
	top:95px;
	/*float:right;*/
	width:506px; 
	display:block;
	text-align:right;
	height:0px !important;
	overflow:hidden;
	/*font-size:0;*/ 
	padding:43px 0 0 0;
	/*margin:93px 20px 0 0;*/
	background:url('/images/text_header.gif') no-repeat 0 0;
}

#btns_header { position:absolute; top:15px; right:15px; }
#btns_header p { float:left; }
#btn_request_quote { background:url(/images/btns_header.jpg) 0 0; width:157px; padding:41px 0 0 0; }
#btn_call_us { background:url(/images/btns_header.jpg) -157px 0; width:90px; padding:41px 0 0 0; }
#btn_view_products { background:url(/images/btns_header.jpg) -247px 0; width:144px; padding:41px 0 0 0; }
#btn_home { background:url(/images/btn_home.jpg) 0 0; width:40px; padding:41px 0 0 0; margin-left: 8px;}

#nav { width:209px; float:left; margin:0 7px 10px 0; }
#nav ul { padding:1px 0 0 0; list-style:none; }
#nav ul li { padding:0; margin:0 0 5px 0; height:38px; overflow:hidden; }
#nav ul li a { display:block; width:209px; height:0; font-size:0; padding:38px 0 0 0; }

#nav ul li a.home { background:url('/images/text_nav.gif') no-repeat -5px -10px; }
#nav ul li a.home:hover { background:url('/images/text_nav.gif') no-repeat -226px -10px; }

#nav ul li a.about { background:url('/images/text_nav.gif') no-repeat -5px -53px; }
#nav ul li a.about:hover { background:url('/images/text_nav.gif') no-repeat -226px -53px; }

#nav ul li a.gallery { background:url('/images/text_nav.gif') no-repeat -5px -96px; }
#nav ul li a.gallery:hover { background:url('/images/text_nav.gif') no-repeat -226px -96px; }

#nav ul li a.blog { background:url('/images/text_nav.gif') no-repeat -5px -139px; }
#nav ul li a.blog:hover { background:url('/images/text_nav.gif') no-repeat -226px -139px; }

#nav ul li a.faq { background:url('/images/text_nav.gif') no-repeat -5px -182px; }
#nav ul li a.faq:hover { background:url('/images/text_nav.gif') no-repeat -226px -182px; }

#nav ul li a.contact { background:url('/images/text_nav.gif') no-repeat -5px -225px; }
#nav ul li a.contact:hover { background:url('/images/text_nav.gif') no-repeat -226px -225px; }

#nav .newsletter { height:92px; border:1px solid #D5D5D4; background-color:#72C6A2; padding:11px 0 0 9px; }

#nav .newsletter h2 {
	width:121px;
	height:0;
	font-size:0;
	line-height:0;
	font-weight:normal;
	overflow:hidden;
	padding:9px 0 0 0;
	margin:0 0 8px 0;
	background:url('/images/text_newsletter.gif') no-repeat 0 0;
}
#nav .newsletter p { color:#454646; font-size:11px; padding-bottom: 10px; line-height: 140%;}
#nav .newsletter input { float:left; }
#nav .newsletter input.text { width:152px; padding:4px 5px; margin-right:4px; border:none; }

#page_content { width:705px; float:left; }

#teaser_boxes { height:432px; overflow:hidden; background:url('/images/teaser_bottom-trans.png') no-repeat 0 0; position:relative; }
#teaser_boxes .left_col { width:539px; float:left; padding:20px 25px 5px 48px; margin:0 25px 0 0; }


#teaser_boxes .left_col h1, #teaser_boxes .right_col h1 { font-size:17px; color:#454646; padding:0 0 10px 0; }
#teaser_boxes .left_col p { font-size:12px; line-height:115%; }

#teaser_boxes .right_col p { font-size:13px; line-height:125%; }
#teaser_boxes .right_col { width:325px; float:left; padding:20px 0 21px 0;  }
#teaser_boxes .right_col img { float:left; margin:0 22px 0 0; }

#teaser_boxes .right_col h2 { line-height:130%; }
#teaser_boxes .right_col a { text-decoration:underline; }

#home_featured_product { height:150px; margin-bottom:30px; }

#home_featured_product p { line-height:130% !important; }


#home_images_left { width:349px; float:left; border:1px solid #D5D5D4; }
#home_images_right { width:353px; float:left; border:1px solid #D5D5D4; border-left:none; }

.home_blog_pic { padding:3px; border:1px solid #ccc;}

#home_content p { line-height:130% !important; }

.featured_product_home { float:right; margin:-10px 0 0 20px; }

.floated_list {float: left; margin: 15px 50px 15px 0; list-style-type: none; padding: 0;}


#footer { min-height:152px; padding:20px 0 0 78px; background:transparent url('/images/bg_footer-trans.png') no-repeat 0 0; }
#footer .content { background:transparent url('/images/bg_footer_lines-trans.png') repeat-y 0 0; }
#footer ul { padding:0; list-style:none; float:left; }
#footer ul.site { width:100px; margin:0 38px 0 0; }
#footer ul.products { width:135px; margin:0 38px 0 0; }
#footer ul.textures { width:165px; margin:0 34px 0 0; }
#footer ul.colors { width:105px; margin:0 36px 0 0; }
#footer ul li { padding:0; color:#FFF; }
#footer p { float:left; color:#89CCE2; }
#footer p .white { color:#FFF; }
#footer a, #footer a:visited { color:#89CCE2; text-decoration:none; }
#footer a:hover { color:#89CCE2; text-decoration:underline; }

/************ styles for notice/error divs ************/
#error, #notice, #success { width:90%; margin:0 auto 10px auto; padding:5px; border:2px solid #DDD; }
#error p, #notice p, #success p { margin-left:20px; padding:0; font-size:12px; color:#000; }
#error a, #notice a, #success a { text-decoration:none; padding:0 3px; }
#error a:hover, #notice a:hover, #success a:hover { color:#000; border:1px solid #000; }
#error { background-color:#FBE3E4; color:#8A1F11; border-color:#FBC2C4; }
#notice { background-color:#FFF6BF; color:#514721; border-color:#FFD324; }
#success { background-color:#E6EFC2; color:#264409; border-color:#C6D880; }
#error a { border:1px solid #8A1F11; color:#8A1F11; }
#notice a { border:1px solid #514721; color:#514721; }
#success a { border:1px solid #264409; color:#264409; }

/************ styles for product pages ************/
.category { width:135px; float:left; margin:0 25px 20px 0; }
.category_item_odd, .category_item_even, .category_item_even_last, .category_item_odd_last { width:300px; float:left; }
.category_item_odd { border-right:1px solid #D5D5D4; border-bottom:1px solid #D5D5D4; padding:20px 35px 20px 0; }
.category_item_odd_last { border-right:1px solid #D5D5D4; padding:20px 35px 20px 0; }
.category_item_even { border-bottom:1px solid #D5D5D4; padding:20px 0 20px 25px; }
.category_item_even_last { padding:20px 0 20px 25px; }
.category_item_odd img, .category_item_even img, .category_item_odd_last img, .category_item_even_last img { float:left; margin:0 10px 5px 0; }
.category_item_odd p, .category_item_even p, .category_item_odd_last p, .category_item_even_last p { line-height:125%; }

.product_item { margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #CCC; }
.product_item img { margin:0 10px 10px 0; float:left; }

#back_left { width:205px; float:left; margin-right:25px; }
#back_left p { font-size:11px; padding:0 0 5px 0; }

#back_right { width:450px; float:left; }

#product_details { border:1px solid #D1D1D1; padding:5px; }
#product_details table { border-collapse:collapse; font-size:.9em; width:100%; }
#product_details td { padding:12px; }
#product_details tr.even td { background-color:#E5EFF8; }
#product_details td.key { text-transform:uppercase; font-weight:bold; text-align:left; color:#000; }
#product_details td.value { text-align:right; }

/**************************************************
											CLASSES
**************************************************/
.clear { clear:both; }
.formfield { width:250px; font-size:16px; margin:0; padding:2px; }

.hdr_image { border:1px solid #D5D5D4; }
.back_image { margin:0 0 34px 0; }

.hint { color:#999; } /*style for defaultValueActsAsHint method*/

h2.list_headline{ border-bottom:1px solid #D3F4E2; color:#333; font-size:1.5em; }

.buttons { float:right; position:relative; top:-30px; right:0; }

.texture { width:135px; float:left; margin:0 40px 15px 0; }
.texture img { border:1px solid #5B5B5B; }

.example { width:180px; float:left; margin:0 40px 15px 0; }
.example img { border:1px solid #5B5B5B; }

.replacement { height:0px !important; display:block; overflow:hidden; }

#btn_blog_subscribe { background:url(/images/btn_blog_subscribe.jpg) 0 0; width:157px; padding:41px 0 0 0; }
#btn_blog_archive { background:url(/images/btn_blog_subscribe.jpg) 156px 0; width:160px; padding:41px 0 0 0; }

#blog_btns { position:absolute; bottom:20px; right:50px;}
#blog_btns p { float:left; }

/************ styles for tagged page ************/
.tagged_h2 { border-bottom:1px solid #CCC; margin:0 0 5px 0; }
.tagged_date { font-size:11px; line-height:200%; color:#666; padding:0; }
.tagged_tags { padding:0 0 25px 0; }
.tagged_photo { float:left; margin:17px 24px 22px 23px; }

/************ styles for pagination ************/
.pagination {
	font:normal .75em/150% Arial, Verdana, Arial,sans-serif;
	padding:3px;
	margin:3px;
	text-align:center;
}
.pagination a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #666;
	text-decoration:none;
	color:#666;
	font-size:1.0em !important;
}
.pagination a:hover, .pagination a:active { border:1px solid #000; color:#000; }
.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #666;
	font-weight:bold;
	background-color:#666;
	color:#FFF;
}
.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #DDD;
	color:#999;
}
/************************/