body{margin: 0;padding: 0;background: #ddd;border-top: 8px solid #3F3F3F;}
a, a:link, a:active{color:#4c6fff;font-weight: bold;}
#top{display: block;background: #fff;}
#most{display: block;height: 110px;background: #fff;}
#search_login {text-align: right;}
#login {line-height: 65px;}
#login a {margin: 0 0 0 12px;padding: 6px;background: #FFFCAD;color: #000;font-weight: bold;text-decoration: none;border: 2px solid #FFFCAD;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
#login a:hover {background: #ccc;color: #333;border: 2px solid #aaa;}
#search {display: block;padding: 4px;background: #3F3F3F;color: #fff;line-height: 45px;}
#search .sitemap {margin-right: 12px;color: #FFF;text-decoration: none;border-bottom: 1px solid #FFF;}
#search form {display: inline;margin: 0;padding: 0;}
#navigation {padding: 10px;background: #3F3F3F;border-bottom: 4px solid #fb6044;line-height: 30px}
#main {margin: 0;padding: 24px 0;background: #FFF;border-bottom: 2px solid #CCC;}
#footer {padding: 16px 0;}
#content p {font-size: 120%;line-height: 120%;}

/* nav */
#navigation ul {
margin: 0 0 0 120px;
padding: 0;
list-style-type: none;
}
#navigation li {
display: inline;
}
#navigation li a {
display: inline;
margin-right: 8px;
padding: 8px 8px 20px 8px;
color: #FFF;
font-size: 120%;
font-weight: bold;
text-decoration: none;
}
#navigation li a.current, #navigation li a:hover {
background: #fb6044 url(tab_hilite.gif) repeat-x top;
}

/* menu */
.menu_header{padding:4px 4px 12px 6px; font-weight:bold; color:white; background:#fb6044 url(http://warrenmarketinggroup.com/img/down-arrow.gif) no-repeat bottom left}
#menu ul{margin:0; margin-bottom:12px; padding:0; list-style-type:none}
#menu ul li{padding:0; width:100%}
#menu a:link, #menu a:active, #menu a:visited {width:100%; display:block; font-weight:bold; color:#4c6fff; padding:4px 0 4px 6px; border-bottom:1px solid #ddd; text-decoration:none; text-transform:capitalize}
#menu a:hover{background:#eee}
#menu a.selected{background:#FFC}

/* Flash Messages */
div#flash{}
div#flash div#flashMessage{margin:0 0 16px 0;padding:12px;background:#FD8;border-width:1px;border-style:solid;border-color:#FE9 #C90 #C90 #FE9;font-size:1.2em;font-weight:bold;color:#333;}

/* Forms */
fieldset{border:none;}
form dl {margin: 0;border:none;}		
form dt {float: left;width: 150px;padding-top: 12px;}
form dt label {font-size: 1.4em;font-weight: bold;}
form dd {margin: 12px 8px 0 160px;padding-bottom:12px;line-height: 40px;}
form dd span {margin: 0px 0px 6px 12px;font-size: 120%;line-height: 14px;}
form dd p {margin: 2px 0;font-size: 0.9em;}
form div.error-message {margin:0;padding:3px;background:#F22;border-width:1px;border-style:solid;border-color:#FBB #B33 #B33 #FBB;font-weight: bold;color: #FFF;line-height:1.2em;}
dd input.normal {
width: 250px;
padding: 4px;
background: #FFF;
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #ddd;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
font-size: 1.4em;
}
input.email {
width: 350px;
padding: 4px;
background: #FFF;
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #ddd;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
font-size: 140%;
}
input.password {
width: 250px;
padding: 4px;
margin-right: 6px;
background: #FFF;
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #ddd;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
font-size: 140%;
}
dd input.state {
width: 40px;
padding: 4px;
background: #FFF;
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #ddd;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
font-size: 1.4em;
}
dd input.zip {
width: 100px;
padding: 4px;
background: #FFF;
border-top: 1px solid #7d7d7d;
border-bottom: 1px solid #ddd;
border-left: 1px solid #c3c3c3;
border-right: 1px solid #c3c3c3;
font-size: 1.4em;
}
input[type="submit"] {
font-size: 140%;
font-weight: bold;
}
select {
font-size: 140%;
}

dl.list {
	margin: 0;
	padding: 0;
}
dl.list dt {
	float: left;
	width: 80px;
	font-weight: bold;
	font-size: 1em;
	color:#888;
}
dl.list dd {
	margin-left: 90px;
	font-size: 1.2em;
}

/* Kwicks */
.category_kwicks {  
    list-style: none;  
    position: relative;  
    margin: 0;  
    padding: 0;  
}  
.category_kwicks li{  
    display: block;  
    overflow: hidden;  
    padding: 0;  
	width: 350px;
	height: 150px;
	margin-bottom: 3px;
    cursor: pointer;  
}
	.category_kwicks li a {
		display: block;
		width: 350px;
		height: 220px;
		text-indent:-9999px;
	}
	#k_hearth {
		background: url(http://warrenmarketinggroup.com/img/k_hearth.png) no-repeat top left;
	}
	#k_patio {
		background: url(http://warrenmarketinggroup.com/img/k_patio.png) no-repeat top left;
	}
	#k_barbeque {
		background: url(http://warrenmarketinggroup.com/img/k_barbeque.png) no-repeat bottom left;
	}
/* Home Page */
#home_content p {
	font-size: 1.4em;
}
/* Vendor Products Table */
table.vendor_products {
	width: 100%;
}
table.vendor_products tr {
	padding: 0 0 8px 0;
}
table.vendor_products td.pid {

}
table.vendor_products td.pid a {
	display: block;
	width: 80%;
	padding: 2px;
	background: #ccc;
	color: #555;
	font-size: 0.9em;
	text-decoration: none;
	text-align: center;
}

table tr.odd td{background:#F2F2F2;}
/* Miscellaneous */
.hilight {background:#FFFCAD;}
h1 {
	font-size:2.4em;
	font-weight: bold;
	margin-bottom: 16px;
}
h2 {margin:8px 0 16px 0;font-weight: bold;color:#555;}
h3 {margin:8px 0 16px 0;font-weight:bold;}
	h1 span {border-bottom:2px solid #ccc;padding:0 0 3px 0;}
	h3 span {border-bottom:2px solid #ccc;padding:0 0 3px 0;}
	span.alt {border:none;}
div.address {font-size: 1.4em;}
	div.address a, div.address a:link {font-size: 0.8em;}

/* Reps */
.rep {clear:both;margin-bottom:24px;}
.rep div.rep_legend {display:block;float:left;margin-right:16px;width:40px;height:40px;}
.rep div.rep_info {display:block;margin-left: 56px;}
.rep div.rep_info dl {margin:0;padding:0;}
.rep div.rep_info dl dd{margin:0;padding:0;}
.yellow{background:#ffc001;color:#ffc001;}
.green{background:#01b051;color:#01b051;}
.purple{background:#7131a0;color:#7131a0;}
.red{background:#ff0101;color:#ff0101;}
.blue{background:#0171c0;color:#0171c0;}

/* Product Listings */
div.product_listing{margin:0 0 16px 0;padding:0 0 12px 0;border-bottom:1px solid #ccc;overflow:auto;}
div.product_listing div.product_name{font-size:1.6em;}
div.product_listing div.product_vendor{color:#777;font-size:0.8em;}
div.product_listing div.product_vendor a{color:#333;}
div.product_listing div.product_description{margin:6px 0 0 0;}

div#download_link{font-size:1.6em;margin:16px 0 0 0;}

/* Pagination */
.pagination_page_numbers{margin:6px 0;}
.pagination_page_numbers span a, .pagination_page_numbers a.nextprev{margin:0 4px 0 0;padding:4px 8px;border:1px solid #ccc;font-size:1.2em;font-weight:normal;text-decoration:none;}
.pagination_page_numbers span a:hover, .pagination_page_numbers a.nextprev:hover{background:#f2f2f2;color:#000;border-color:#333;}
.pagination_page_numbers span.current{margin:0 4px 0 0;padding:4px 8px;border:1px solid #4c6fff;background:#4c6fff;color:#fff;font-size:1.2em;font-weight:bold;}
.pagination_page_numbers p{margin:8px 0 0 0;font-size:0.8em;color:#AAA;}

/* Blog Articles */
div.blog_article{margin:0 0 12px 0;}
div.blog_article h4{margin:0 0 6px 0;}
div.blog_article div.dateline{margin:0 0 6px 0;font-size:1em;}
div.blog_article div.body_home{font-size:1em;}
div.blog_article div.body_home p{margin:0;}

/* Searchbox */
div.searchbox{margin:12px 0;padding:6px;background:#CCC;border-style:solid;border-width:1px;border-color:#DDD #888 #888 #DDD;}
div.searchbox form{padding:8px;background:#FFF;}
div.searchbox h4{font-weight:bold;color:#777;margin:4px 0;font-size:1.2em;}
div.searchbox input[type="text"]{width:60%;font-size:1.2em;padding:3px;}

/* Videos */
div.video_listing{margin:0 0 16px 0;padding:0 0 12px 0;border-bottom:1px solid #ccc;overflow:auto;}
div.video_listing div.video_name{font-size:1.6em;}
div.video_listing div.video_description{margin:6px 0 0 0;}