*{
	margin:0; 
	padding:0;
}

body{
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:12px;
}

a{
	color:#31aaf0;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

p {
	padding: 6px;
}

a img{
	border:none;
}
h1{font-size:22px; margin:8px 0;}
h2{font-size:20px; margin:8px 0;}
h3{font-size:18px; margin:8px 0;}
h4{font-size:16px; margin:8px 0;}
h5{font-size:14px; margin:8px 0;}

#site-wrap{
	width:994px;
	margin:0 auto;
	background:#FFF;
}

#header{
	width:994px;
	float:left;
	background:#FFF;
}

#logo{
	float:left;
	width:370px;
	padding-top:10px;
}

#header-right{
	float:left;
	width:624px;
}

/* LINKS AT VERY TOP */
ul#toplinks{
	list-style:none;
	padding:10px 0;
	text-align:right;
}
ul#toplinks li{
	display:inline;
	margin-right:10px;
}
/* taking this out in favor of icons ---
ul#toplinks li a{
	background:url(../../images/bullet_raquo.gif) 0% 50% no-repeat;
	padding-left:15px;
	color:#666666;
}
ul#toplinks li.first a{
	background:none;
}
*/

/* THE TAG TEXT THAT APPEARS IN THE HEADER */
h3.tagline{
	text-align:center;
	color:#31aaf0;
	font-size:16px;
	margin:0;
	padding:0;
	height:45px;
	line-height:45px;
}

/* TABS */

#tabs {
	float:left;
	width:100%;
	background:#FFF;
	font-size:14px;
	line-height:normal;
}
#tabs ul {
	margin:0;
	padding:10px 10px 0 0;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:5px 0;
}
#tabs a {
	float:left;
	background:url(../../images/tab_left.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	cursor:pointer;
}
#tabs a span {
	float:left;
	display:block;
	background:url(../../images/tab_right.gif) no-repeat right top;
	padding:7px 15px 6px 6px;
	margin-right:2px;
	color:#FFF;
	cursor:pointer;
}
#tabs a:hover span {
	color:#FFF;
	cursor:pointer;
}
#tabs a:hover, #tabs ul li#current a{
	background-position:0% -31px;
	cursor:pointer;
}
#tabs a:hover span, #tabs ul li#current a span{
	background-position:100% -31px;
	cursor:pointer;
}

/* BIG GREEN NAV BAR */
 #nav-bar{
 	clear:both;
	float:left;
	width:100%;
 	background: url(../../images/nav_bar_bg.gif) 0% 0% repeat-x;
	font-size:11px;
}
#nav-bar ul{
	float:left;
	width:100%;
	list-style:none;
 	background: url(../../images/nav_bar_right.gif) 100% 0% no-repeat;
}
#nav-bar ul li{
	float:left;
	line-height:38px;
}
#nav-bar ul li.first{
	float:left;
 	background: url(../../images/nav_bar_left.gif) 0% 0% no-repeat;
	line-height:38px;
}
#nav-bar a{
	color:#FFF;
	padding:10px 0 10px 25px;
}

/* SIDEBAR */
#sidebar-left{
	float:left;
	width:200px;
	margin-bottom:10px;
	padding-bottom:10px;
	background: url(../../images/sidebar_corner_bottom.gif) 50% 100% no-repeat;
}

#side-search{
	background:#ece7d8 url(../../images/sidebar_corner_bottom.gif) 50% 100% no-repeat;
	text-align:center;
	padding-bottom:10px;
}
#side-search h3{
	color:#397339;
	padding:6px 0;
	text-transform:uppercase;
	font-size:14px;
	margin:0;
}
#side-search input.search{
	border:1px solid #333;
	text-align:left;
	padding:3px;
	background: #FFF;
}
#side-search input.button{
	border:1px solid #397339;
	text-align:left;
	background: #5fab5f;
	color:#FFF;
	font-size:11px;
	padding:3px;
}
#side-search input.search:focus, #side-search input.search:active{
	background:#FFFFCC;
}
#sidebar-left h3.heading{
	background: #397339 url(../../images/sidebar_corner_top.gif) 50% 0% no-repeat;
	color:#FFF;
	padding:6px 0;
	text-transform:uppercase;
	text-align:center;
	font-size:14px;
	margin-top:10px;
}

/*
.side-categories{
	background:#ece7d8 url(../../images/sidebar_corner_bottom.gif) 50% 100% no-repeat;
	color:#397339;
	padding-bottom:10px;
}
.side-categories ul{
	list-style:none;
	padding:10px 0 0 0;
}
.side-categories ul li.first{
	background:#d8d1bc;
	padding:6px 0 6px 10px;
	margin:4px 0;
	font-weight:bold;
	font-size:14px;
}
.side-categories ul li a{
	padding:1px 0 1px 10px;
	text-decoration:none;
	color:#397339;
	display:block;
}
.side-categories ul li a:hover{
	text-decoration:underline;
	color:#397339;
}
*/

/* NEW CATEGORIES */

.side-categories{
	background:#ece7d8 url(../../images/sidebar_corner_bottom.gif) 50% 100% no-repeat;
	color:#397339;
	padding-bottom:10px;
}

.side-categories	 * a{
	color:#397339;
}
.side-categories dl{ 
}
.side-categories dl,dd{ 
	margin: 0;
}
.side-categories dt {
	border-bottom: 1px solid #D8D1BC; 
	font-size: 12px;
	padding: 7px 3px 7px 7px; 
	margin: 2px;
	font-weight:normal;
}
.side-categories dt a { 
	color: #397339; 
	text-decoration:none;
	display:block;
	padding-right:15px;
	cursor:pointer;
}

.side-categories dl dt a{
	color:#397339;
}
.side-categories dt a:active, .side-categories dt a:focus{outline:none}

.side-categories dt a.current { 
	color: #397339; 
	text-decoration:none;
	display:block;
	font-weight:bold;
}

.side-categories dd a {
	color: #333;
	text-decoration:none;
	display:block;
}

.side-categories ul { 
	list-style: none; 
	padding: 5px 0 5px 5px;
	background:#f3f0e7;
	border-bottom: 1px solid #D8D1BC;	
}
	
.side-categories ul li{
	padding:5px 0 5px 8px;
}
.side-categories ul li *{
		color: #397339;
}


div .side-categories

dl dd#active ul li.activenav{
	background:#FFF;
	border:none;
	font-weight:bold;
	color:#397339;
}
dl dd#active ul li.activenav a{
	/* border-bottom:1px solid #ECE7D8; */
	padding:3px;
}

dl dd#active ul li.activenav ul.thirdlevel{
	background:#FFF;
	font-weight:normal;
}
dl dd#active ul li.activenav ul.thirdlevel li{
	margin:2px 0;
	padding:0;
}
dl dd#active ul li.activenav ul.thirdlevel a{
	border:0;
	padding:0;
	margin:0;
}

/* CONTENT */
#content{
	float:left;
	width:574px;
	padding:10px;
	background:#FFF;
}

/* Spans the full width */
#content-full{
	float:left;
	width:974px;
	padding:10px;
}

/* Spans almost the full width, really only using this on the cart index page */
#content-half-full{
	float:left;
	width:774px;
	padding:10px;
}

/* SIDEBAR RIGHT */

#sidebar-right{
	float:left;
	width:200px;
	margin-top:10px;
}
#sidebar-right h3.heading{
	background: #ece7d8 url(../../images/sidebar_corner_top.gif) 50% 0% no-repeat;
	color:#397339;
	padding:6px 0;
	text-transform:uppercase;
	font-size:14px;
	margin-top:10px;
	padding-left:8px;
	border-bottom:1px solid #FFF;
}

ul.arrow-list{
	list-style:none;
	margin:8px 0;
}
ul.arrow-list li{
	padding:2px 0;
}
ul.arrow-list li a{
	padding:2px 0 2px 15px;
	margin:0 0 0 10px;
	text-decoration:none;
	color:#397339;
	background: url(../../images/bullet_arrow.gif) 0% 50% no-repeat;
}
ul.arrow-list li a:hover{
	text-decoration:underline;
	color:#397339;
}

.side-ad{
	border-bottom:1px solid #ece7d8;
}

/* BLOCKS - I used to make a distinction between product and category lists but they're basically the same thing so now I'm just calling them blocks */

.block-list{
	
}

.block{
	float:left;
	width:100%;
	border-bottom:1px solid #d7d7d7;
	margin-bottom:10px;
}
.block .image{
	float:left;
	margin:0 15px 15px 0;
}
.block .title{
	font-size:16px;
	margin-bottom:8px;
}
.block .title a{
	color:#333;
	text-decoration:underline;
}
.block .title a:hover{
	color:#5fab5f;
	text-decoration:none;
}
.block .desc{}
.block .detail{
	margin:4px 0;
	line-height:18px;
	padding:0 0 0 0;
	line-height:20px;
}

/* Block Thumb */
.block-thumb{
	
}

.block-thumb .block{
	width:180px;
	border-bottom:none;
	margin:10px 5px 0 5px;
	text-align:center;
}
.block-thumb .image{
	text-align:center;
	width:100%;
}
.block-thumb .block .title{
	font-size:12px;
	margin-bottom:8px;
	float:left;
	width:100%;
}
.block-thumb .block .title a{
	color:#333;
	text-decoration:underline;
}
.block-thumb .block .title a:hover{
	color:#5fab5f;
	text-decoration:none;
}
.block-thumb .block .desc{}
.block-thumb .block .detail{
	margin:4px 0;
	line-height:18px;
	padding:0 0 0 0;
	line-height:20px;
	width:100%;
	clear:both;
	font-size:11px;
}


/* SORTING */

.sort-detail{
	background:url(/images/nav_bar_bg.gif) top left repeat-x; 
	padding:8px; 
	color:#FFF;
	clear:both;
	float:left;
	width:556px;
	border:1px solid #397339;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
}
.sort-detail a{
	color:#FFF;
	text-decoration:none;
}
.sort-detail a.off, .sort-detail a:hover{
	color:#ADCEAE;
}
.sort-left{
	float:left;
	width:46%;
}
.sort-right{
	float:right;
	width:27%;
}
a.sort-thumb{
	background: url(/images/icons/thumbview.png) top left no-repeat;
	padding:0px 0 3px 22px;
	color:#FFF;
}
a.sort-thumb:hover, a.sort-thumb.off{
	background: url(/images/icons/thumbview_off.png) top left no-repeat;
}

a.sort-list{
	background: url(/images/icons/listview.png) top left no-repeat;
	padding:0px 0 3px 22px;
	color:#FFF;
}
a.sort-list:hover, a.sort-list.off{
	background: url(/images/icons/listview_off.png) top left no-repeat;
}

.sortby ul{
	display:none;
}

.sortby.sfHover ul{
	display:block;
	width:190px;
	z-index:990;
	position:absolute;
	background:#FFF;
	color:#000;
	opacity:0.9;
	border:1px solid #CCC;
	text-align:left;
	padding:5px;
	list-style:none;
}
.sortby.sfHover ul *{
	color:#397339;
}
.sortby.sfHover ul li{
	padding:4px 0;
	border-bottom:1px dotted #ADCEAE;
}

.refine-search{
	border:1px solid #CCC;
	background:#f5f5f5;
	padding:8px;
	margin:8px 0;	
}
.search-heading{
	margin:0;padding:0;
	color:#397339;
}

.our-price{
	color:#009900;
	text-transform:uppercase;
	font-weight:bold;
}
.on-sale{
	color:#FF0000;
	text-transform:uppercase;
	font-weight:bold;
}

/* BIG GREEN FOOTER */
 #footer{
 	clear:both;
	float:left;
	width:100%;
	text-align:center;
 	background: url(../../images/nav_bar_bg.gif) 0% 0% repeat-x;
	margin-bottom:15px;
}
#footer ul{
	float:left;
	width:100%;
	list-style:none;
	text-align:center;
 	background: url(../../images/nav_bar_right.gif) 100% 0% no-repeat;
}
#footer ul li{
	float:left;
	line-height:38px;
}
#footer ul li.first{
	float:left;
 	background: url(../../images/nav_bar_left.gif) 0% 0% no-repeat;
	line-height:38px;
}
#footer a{
	color:#FFF;
	padding:10px 0 10px 25px;
}

#copyright{
	clear:both;
	width:900px;
	margin:10px auto;
	color:#666666;
	text-align:center;
}

/* CATALOG INDEX */

.catalog-list h3.heading{
	background: url(/images/category_block_heading_bg.gif) bottom center no-repeat;
	color:#FFF;
	padding:8px 0 8px 8px;
	font-size:12px;
	margin:8px 0;
}
.catalog-list h3 a:hover{
	color:#FFF;
	text-decoration:underline;
}
.catalog-list h3 a{
	color:#FFF;
	text-decoration:none;
}

.catalog-list ul{
	list-style:none;
	margin:8px 0 0 15px;
}
.catalog-list ul li{
	line-height:20px;
}
.catalog-list ul li a{
	color:#333;
}
.catalog-block{
	width:265px;
	float:left;
	margin:8px;
}

/* PRODUCT BLOCK */

.product-block{
	float:left;
}
.product-block h1{
	font-size:18px;
	margin:10px 0;
}


/* to handle the new tabs on product detail */

#tab-description, #tab-key-features, #tab-attributes, #tab-related-items, #tab-customer-reviews{
	padding:15px;
	width:540px;
}

#tab-key-features ul{
	margin:8px 0 8px 25px;
}

#tab-key-features ul li{
	list-style-image:url(/images/icons/bullet_go.png);
}

/* end the tab lovins */

.product-block .image{
	float:left;
	padding:20px 20px 10px 20px;
	text-align:center;
}

.product-block .product-options{
	float:left;
	padding:20px;
	width:220px;
}
.product-block .product-options ul{
	list-style:none;
	float:left;
	width:100%;
}
.product-block .product-options ul li{
	float:left;
	padding:3px 0;
	border-bottom:1px solid #f5f5f5;
	width:100%;
}

.product-block .product-options ul li.even{
	background:#f5f5f5;
}

.product-block .product-options ul li input{
	float:left;
}
.product-block .product-options ul li label{
	margin-left:15px;
	float:left;
	font-size:11px;
}


.product-block .product-options ul li input.button{
	margin-left:20px;

}

.product-block .long-desc{
	float:left;
	clear:both;
	font-size:12px;
}

.product-block h3.heading{
	background: url(/images/category_block_heading_bg.gif) bottom left no-repeat;
	color:#FFF;
	padding:8px 0 8px 8px;
	font-size:16px;
	margin:10px 0 0 0;
}

/* INSTALLATION DIFFICULTY ON PRODUCT PAGE */
.product-block .installation-difficulty{
	display:inline;
	text-align:center;
	border:1px solid #f5f5f5;
	float:left;
	margin:10px 0 10px 5px;
}
.product-block .installation-difficulty .heading{
	padding:5px;
 	background: url(/images/nav_bar_bg.gif) 0% 0% repeat-x;
	text-align:left;
	font-size:11px;
	line-height:15px;
}
.product-block .installation-difficulty .heading a{
	color:#FFF;
	text-decoration:none;
}
.product-block .installation-difficulty .heading a:hover{
	color:#FFF;
	text-decoration:underline;
}
.product-block .installation-difficulty .wrench{
	padding:5px;
}


.product-block .related-items{
	float:left;
	width:100%;
	border:2px solid #31AAF0;
	
}

/* MISC */

.breadcrumb{
	background:#f5f5f5;
	padding:6px;
	margin:5px 0;
	border:1px solid #CCC;
}

.img-right{
	float:right;
	margin:0 0 15px 15px;
}
.img-left{
	float:right;
	margin:0 15px 15px 0;
}

.small-text{
	font-size:11px;
}

.gray{
	color:#999999;
}


/* TABLE */

.table_header{
	padding:8px;
	background:url(/images/table_header.gif) top left repeat-x;
	color:#fff;
	font-weight:bold;
	border:none;
	border-bottom:1px solid #333;
	border-right:1px solid #1f7abd;
	border-left:1px solid #1f7abd;	
	margin-bottom:8px;
	font-size:14px
}
table tr.table_row_even td, table tr.table_row_odd td{
	padding:5px;
}
table tr.table_row_even td{
	background:#f5f5f5;
}

table tr td{
	padding:8px;
}


/* FORM */
.button{
	padding:3px; 
	background: url(/images/btn_bg.gif) 50% 50% repeat-x; 
	border:none; 
	color:#FFF; 
	font-size:14px;
	border: 3px double #FFF;
}
input.button:hover, button.button:hover{
	color:#333;
	background: url(/images/btn_bg_hover.gif) 50% 50% repeat-x; 
}
input.button:focus, button.button:focus{
	color:#CCC;
	background:#f5f5f5;
}

form input, form textarea, form button{
	padding:2px;
}

form input:focus, form textarea:focus, form select:focus{
	background:#FFFFCC;
	border-style:solid;
	border-color:#CCC;
}

form select{
	padding:2px 0 2px 2px;
}

/* MY ACCOUNT */
#myaccount-list{
	font-size:16px;
	list-style:none;
	margin:10px 0 10px 30px;
	line-height:20px;
}

/* ICONS */

a.icon-help, a#icon-help{
	background:url(/images/icons/help.png) 0% 50% no-repeat;
	padding-left:20px;
	text-decoration: underline;
}

a.icon-logout{
	background:url(/images/icons/bullet_key.png) 0% 50% no-repeat;
	padding-left:20px;
	text-decoration: underline;
}

a.icon-cart:link, a.icon-cart:visited, a.icon-cart:hover, a.icon-cart:active, .icon-cart{
	background: transparent url(/images/icons/icon-cart.gif) 0% 50% no-repeat;
	padding-left:20px;
}

a.icon-account:link, a.icon-account:visited, a.icon-account:hover, a.icon-account:active, .icon-account{
	background: transparent url(/images/icons/icon-account.gif) 0% 50% no-repeat;
	padding-left:20px;
} 

a.icon-help:link, a.icon-help:visited, a.icon-help:hover, a.icon-help:active, .icon-help{
	background: transparent url(/images/icons/icon-contact.gif) 0% 50% no-repeat;
	padding-left:20px;
}

/* PAGE LINKS */

.paginate{
	padding:8px 0 0 0;
	clear:both;
	width:100%;
	margin:10px 0;
	background:#f3f3f3;
	float:left;
}

.paginate .left{
	float:left;
	width:49%;
}
.paginate .right{
	float:left;
	width:49%;
	text-align:right;
}

a.pagelink{
	background: #f3f3f3; 
	padding:3px;
	color:#31AAF0;
	font-size:14px;
	border-bottom:1px solid #f3f3f3;
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	text-decoration:none;
	margin-bottom:5px;
	height:18px;
}
strong.pagelink{
	background: #FFF; 
	padding:5px;
	color:#333;
	font-size:14px;
	border-bottom:6px solid #FFF;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	text-decoration:none;
	height:20px;
	width:10px;
	line-height:26px;
	margin-left:5px;
	margin-right:5px;
}


a.prevnext{
	background: #FFF; 
	padding:5px;
	color:#333;
	font-size:14px;
	border-bottom:6px solid #FFF;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	text-decoration:none;
	height:20px;
	width:10px;
	line-height:26px;
	margin-left:5px;
	margin-right:5px;
}
a.prevnext:hover{
	background: #f3f3f3; 
	padding:5px;
	color:#31AAF0;
	font-size:14px;
	border-bottom:6px solid #FFF;
	border-top:1px solid transparent;
	border-left:1px solid transparent;
	border-right:1px solid transparent;
	text-decoration:none;
	height:20px;
	width:10px;
	line-height:26px;
	margin-left:5px;
	margin-right:5px;
}

.message {
	color: #900;
	font-weight: bold;
}

.shopping-tip{
	width:350px; 
	text-decoration:none; 
	color:#517339; 
	background: #FFFFEB url(/images/icons/information.png) 2px 4px no-repeat; 
	float:left; 
	border:1px solid #D8D1BC; 
	margin: 5px 0 10px 5px; 
	padding:5px 5px 5px 22px; 
	font-size:11px	
}
.shopping-tip.last{
	margin-left:8px;
}
a.shopping-tip:hover{
	background: #FFFBEF url(/images/icons/information.png) 2px 4px no-repeat; 	
}
a.shopping-tip strong{
	color:#397339;
	font-size:16px;
}

ul.subcats{
	margin-left:10px;
	list-style:none;
}
ul.subcats li{
		list-style:disc;
		margin-left:8px;
}
.placeorder-warning{
	color:#BF2F2F;
	font-size:11px;
}


input.input-disquise, input.input-disquise:active, input.input-disquise:hover,input.input-disquise:focus{
	border:none;
	background:transparent;
	text-align:right
	padding:0;
	margin:0;
	width:28px
}
.floatright{
	float:right;
}
.placeorder-warning{
	color:#BF2F2F;
	font-size:11px;
}
/*Other Classes*/
.help
{
	border:solid 1px #000;
	background:#F6F4ED;
	color:#000;
	padding:4px;
	text-align:justify;
}

.helpheading
{
	text-align:left;
	font-size: 18px;
}
/*Product Pages Description Bullets*/
#bullet-key-features {
	margin: 0;
	padding: 0;
}
#bullet-key-features ul{
	margin:-20px 0 1px 21px;
}

#bullet-key-features ul li{
	list-style-image:url(http://www.rvsupplywarehouse.com/images/icons/bullet_go.png);
}