/*===========================================================================*

	BASICS

*===========================================================================*/
* { font-size: 100%; padding: 0; margin: 0; }

body {
	background: #ffffff;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0;
}

img { display: block; border: 0; }
img a { display: block; border: 0; }
.imgleft { float: left; margin: 0px 10px 0px 0px; }
.imgright { float: right; margin: 0px 0px 0px 10px; }

.bold {font-weight: bold;}
.clear { clear:both; }
.clear { clear:both; line-height: 0px; height: 0px; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



a { color: #039A02; text-decoration: none; font-weight: bold; outline: none; }
a:hover { color: #039A02; text-decoration: underline; outline: none; }

p { margin: 0 0 12px 0; line-height: 17px;}

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 40px; margin: 0 0 10px 0; }
h2 { font-size: 25px; margin: 0 0 16px 0; }
h3 { font-size: 16px; margin: 0 0 14px 0; }
h4 { font-size: 16px; margin: 0 0 2px 0; }
h5 { font-size: 16px; margin: 0 0 12px 0; }
h6 { font-size: 16px; margin: 0 0 12px 0; }

ul { }
ul li { list-style:disc; padding: 0px 0px 0px 0px; margin: 0px 0px 3px 18px; }
ul li a { color: #000000; font-weight: normal; text-decoration: none;}
ul li a:hover { color: #039A02; text-decoration: none; }

.breadcrumb { margin: 0px 0px 5px 0px; font-size: 12px; }
.breadcrumbBold { font-weight: normal; }

#logo {
	background:url(graphics/logo.jpg) no-repat;
	height:80px;
	width: 160px;
	margin: 0 0;
	padding: 0 0;
	border:none;
	position: absolute;
	top: 0px;
	left: 0px;
	}
#logo a {
	background:url(graphics/logo.jpg) no-repeat;
	height:80px;
	width: 160px;
	margin: 0 0;
	padding: 0 0;
	border: 0;
	text-indent:-9999px;
	display:block;
	}
#logo a:hover { border: 0;}


/*===========================================================================*

	LAYOUT

*===========================================================================*/


#outer { width: 990px; margin: 0 auto; }

#header { height: 80px; border-bottom: 10px solid #039A02; position: relative; margin: 0px 0px 10px 0px; }
	#top_nav { position: absolute; top: 0px; right: 0px; }
		#nav { position: absolute; top: 52px; right: 0px; }
        #phonenum { position: absolute; top: 10px; right: 0px; font-size: 14px; font-weight: bold; color: #039A02; border: 2px dashed #DDDDDD; padding: 6px; }
        #inner_phonenum { color: #999999; }



/* MenuBegin:main_nav */
ul.main_nav { margin: 0; border: 0; padding: 0; list-style: none; line-height: 14px; }
ul.main_nav li { margin: 0; border: 0; padding: 0; float: left;/*Gecko*/ display: inline; list-style: none; position: relative; }
ul.main_nav ul { margin: 0; border: 0; padding: 0; list-style: none; display: none; position: absolute; top: 14px; left: 0; }
ul.main_nav ul li { position: relative; display: block !important; display: inline;/*For IE*/ float: left;/*IE 7*/ position: relative; }

/* 1st Level */
ul.main_nav a { color: #000; text-decoration: none; border-right: 1px solid #000; text-align: left; padding: 0px 10px; font: bold 14px/14px Arial, Helvetica, sans-serif; float: none !important; /*For Opera*/ float: left; /*For IE*/ display: block; height: auto !important; height: 1%; /*For IE*/ }
ul.main_nav a:hover,
ul.main_nav li:hover a,
ul.main_nav a:hover,
ul.main_nav li.over a { color: #039A02; text-decoration: none; }
ul.main_nav a.last { border-right: 0; padding: 0px 0px 0px 10px; }
ul.main_nav .nav ul :after /*IE 7*/ { clear: both; display: block; font: 1px/0px serif; content: ; height: 0; visibility: hidden; }
/* MenuEnd:main_nav */


#splash_area { }
#splash_area div { float: left; }

/*===========================================================================*

	SPLASH

*===========================================================================*/

#splash { position: relative; width: 650px; padding: 0px 10px 0px 0px; }
#slider { width: 645px; height: 248px; padding: 1px; margin: 0 auto; position: relative; background-color: #CCCCCC; }
.scroll { width: 645px; height: 248px; padding: 0 0; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #FFFFFF; }
.scrollContainer div.panel { background: #039A02; padding: 0px; width: 648px; height: 248px; margin: 0 0; }
.hide { display: none; }

/*======*SPLASH NAV*=======*/

#splash_navbar { position: absolute; bottom: 1px; left: 1px; width: 645px; height: 15px; background: #039506; z-index: 9999; }
ul.navigation { list-style: none; margin: 0; padding: 0; position: relative; }
ul.navigation li { float: left; position: relative; display: block; }
ul.navigation a { border: 0; text-indent:-9999px; display: block; width: 15px; height: 15px; background:url(graphics/splashnav_whitedot.jpg) no-repeat; }
ul.navigation a:hover { background:url(graphics/splashnav_blackdot.jpg) no-repeat; }
ul.navigation a.selected { background:url(graphics/splashnav_blackdot.jpg) no-repeat; }
ul.navigation a:focus { outline: none; }
.hide { display: none; }

/*======*END SPLASH NAV*=======*/

/*===========================================================================*

	END SPLASH

*===========================================================================*/

/*===========================================================================*

	ACCOUNT

*===========================================================================*/

.accountbox { width: 300px; float: left; margin: 0px 4px 8px 4px; }
.accountbox_top { width: 300px; height: 20px; background: url(graphics/accountbox_top.png) no-repeat; }
.accountbox_middle { width: 300px; background: url(graphics/accountbox_middle.png) repeat-y; padding: 0px 20px; }
.accountbox_middle table { width: 260px; }
.myaccountForm table tbody tr td { padding-bottom: 10px; }
.accountbox_middle ul { padding-left: 20px; font-size: 14px; }
.accountbox_bottom { width: 300px; height: 20px; background: url(graphics/accountbox_bottom.png) no-repeat; }
.myaccountTitle, .myaccountHeading { border-bottom: 1px solid #FECB2B; font-size: 20px; font-style: bold; padding-bottom: 4px; margin-bottom: 8px; }
.myaccountFormSection { font-size: 20px; font-style: bold; padding: 10px 0px 20px 0px; margin-left: -20px; }
.myaccountForm, #tableForm { font-size: 14px; }
.myaccountForm input, #tableForm table tbody tr td table tbody tr td input { font-size: 14px; height: 18px; padding: 2px; margin-left: 8px; }
.myaccountForm select, #tableForm table tbody tr td table tbody tr td select { font-size: 12px; height: 28px; padding: 4px; margin-left: 8px; }
.formButtons a, .myaccountLister div a, #tableForm table tbody tr td table tbody tr td a, .logout_link a { background: url(graphics/accountbutton.png) no-repeat; color: #FFFFFF; display: inline-block; width: 70px; height: 20px; padding-top: 4px; margin: 0px 4px; text-align: center; }
.formButtons a:hover, .myaccountLister div a:hover, #tableForm table tbody tr td table tbody tr td a:hover, .logout_link a:hover { color: #FFFFFF; text-decoration: none; }
.freedomTable tbody tr th a { background: none; color: #039A02; display: inline; width: auto; height: auto; }
.freedomTable tbody tr th a:hover { background: none; color: #039A02; text-decoration: underline; }
.logout_link { clear: both; margin: 0px auto; }
.logout_link a { float: right; margin-top: 10px; margin-right: 32px; }


/*===========================================================================*

	END ACCOUNT

*===========================================================================*/

#searchorder_area { background: #EFEFEF; height: 230px; width: 290px; padding: 20px 20px 0px 20px; }
#searchorder_area h6 { margin: 0px 0px 5px 0px; }
#searchorder_area img { }
#custom_add_body { padding: 0px 0px 5px 0px; }
#custom_add_body .quantity { float: left; width: 50px; padding: 0px 40px 0px 0px; }
#custom_add_body .quantity input { width: 40px; height: 24px; padding: 3px 5px 0px 5px; border: 1px solid #999999; }
#custom_add_body .search_item_number { float: left; width: 270px; }
#custom_add_body .search_item_number input { width: 270px; height: 24px; padding: 3px 5px 0px 5px; border: 1px solid #999999; }
#product_search_container { padding: 0px 0px 20px 0px; }
#product_search input{ width: 270px; height: 24px; margin: 10px 0px 10px 0px; padding: 3px 5px 0px 5px; border: 1px solid #999999; }
#product_search_submit { }

#home_category_lister { background: url(graphics/category_list_bg.jpg) no-repeat; padding: 15px 25px 30px 25px; margin: 10px 0px 10px 0px; }
#home_category_lister h2 { font-size: 18px; border-bottom: 1px solid #ECECEC; padding: 0px 0px 5px 0px; }
ul.home_category_lister_l { float: left; width: 235px; }

ul.poi { list-style: none; padding: 0; margin: 10px 0px 0px 0px; }
ul.poi li { }
.homeowners, .experts, .speaktotech { width: 175px; height: 166px; float: left; display: block; padding: 20px 30px 0px 125px; margin: 0; }
.homeowners { background: url(graphics/poi_homeowner.jpg) no-repeat; }
.experts { background: url(graphics/poi_experts.jpg) no-repeat; }
.speaktotech { background: url(graphics/poi_speaktotech.jpg) no-repeat; }
.homeowners h2, .experts h2, .speaktotech h2 {  border-bottom: 1px solid #FECB2B; }
.homeowners h2 a, .experts h2 a, .speaktotech h2 a {  color: #000000; font-weight: normal; text-decoration: none; }
.homeowners h2 a:hover, .experts h2 a:hover, .speaktotech h2 a:hover {  color: #039A02; text-decoration: none; }
.speaktotech h2 {  font-size: 20px; padding: 0px 0px 4px 0px; }

#contentArea { margin: 0px 0px 20px 0px; }
	#content { width: 640px; float: right; padding: 0px 0px 0px 20px; }
	#sidebar { width: 330px; float: left; }
        .sidebar_banner { margin-top: 20px; text-align: center; }
        .sidebar_banner span { display: block; margin: 0px auto; }
        .sidebar_banner span a img { margin: 0px auto; }
	#shopping_services { background: url(graphics/shopservices_bgmid.jpg) repeat-y; margin: 15px 0px 0px 0px; }
		#shopping_services_top { background: url(graphics/shopservices_bgtop.jpg) top no-repeat; }
		#shopping_services_bottom { background: url(graphics/shopservices_bgbottom.jpg) bottom no-repeat; padding: 5px 20px 80px 20px; }
		#shopping_services_bottom h2 { font-size: 16px; border-bottom: 1px solid #FECB2B; padding: 0px 0px 3px 0px; margin: 16px 0px 16px 0px; }

        h1#homeowner { background: url(graphics/header_home.jpg) left no-repeat; padding: 8px 0px 8px 100px; margin: 0px 0px 20px 0px; }
	h1#expert { background: url(graphics/header_experts.jpg) left no-repeat; padding: 8px 0px 8px 100px; margin: 0px 0px 20px 0px; }
	h1#tech { background: url(graphics/header_tech.jpg) left no-repeat; padding: 8px 0px 8px 100px; margin: 0px 0px 20px 0px; }
			
	.landingpages_mods { background: url(graphics/landingpages_mods_bgmid.jpg) repeat-y; margin: 8px 0px 0px 0px; }
	.landingpages_mods h2 a { background: url(graphics/header_btn.jpg) right no-repeat; font-weight: normal; color: #000000; margin: 8px 0px 0px 0px; padding: 0px 75px 0px 0px; height: 40px; }
	.landingpages_mods h2 a:hover { font-weight: normal; color: #039A02; text-decoration: none; }
	.landingpages_mods h2 a img {  }
		.landingpages_mods_top { background: url(graphics/landingpages_mods_bgtop.jpg) top no-repeat; }
		.landingpages_mods_tt { background: url(graphics/landingpages_mods_bgbottom_tt.jpg) bottom no-repeat; padding: 25px 140px 35px 30px;}
		.landingpages_mods_stt { background: url(graphics/landingpages_mods_bgbottom_stt.jpg) bottom no-repeat; padding: 25px 140px 35px 30px;}
		.landingpages_mods_m { background: url(graphics/landingpages_mods_bgbottom_m.jpg) bottom no-repeat; padding: 25px 140px 30px 35px;}
		.landingpages_mods_blog { background: url(graphics/landingpages_mods_bgbottom_blog.jpg) bottom no-repeat; padding: 25px 140px 35px 30px;}

.tips_thumb { width: 100px; border: 1px solid #EFEFEF; padding: 5px; float: left; margin: 0px 10px 10px 0px; }



.productlister_top { background: url(graphics/productlister_top.jpg) top no-repeat; margin: 10px 0px 0px 0px; }
.productlister_bottom { background: url(graphics/productlister_bottom.jpg) bottom no-repeat; padding: 45px 0px 45px 0px; }
.productlister_nav { background: #039A02; }
.productlister_odd { background: url(graphics/productlister_whitebg.jpg) repeat; padding: 20px 20px 20px 20px; }
.productlister_even { background: url(graphics/productlister_graybg.jpg) repeat; padding: 20px 20px 20px 20px; }
.productlister_thumb { float: left; width: 100px; padding: 5px; background: #ffffff; border: 1px solid #cccccc; }
.productlister_thumb img { width: 100px; }
.productlister_desc { float: left; width: 380px; padding: 0px 0px 0px 20px; }
.productlister_desc p { font-size: 11px; line-height: 14px; }
.productlister_buy { float: left; padding: 0px 0px 0px 40px; }
.lister_commerce_price { font-size: 13px; font-weight: bold; padding: 0px 0px 5px 0px; }
a.lister_commerce_add { display: block; background: url(graphics/productlister_add.png) top no-repeat; width: 25px; height:20px; text-indent:-9999px; }

.prevnextWindow { margin: 0px 0px 0px 5px; }


.product_main { }
.product_main_content { float: left; }
.product_main_content span { display: block; width: 400px; }
.product_main_shot { float: right; width: 220px; padding: 0px 0px 30px 0px; }
.product_main_additional { padding: 20px 0px 0px 0px; }
.product_main_additional h2 { margin: 0px 0px 10px 0px; }
.product_main_addbox td { font-weight: bold; padding: 0px 5px 0px 0px; }

a.special_results_link { padding: 6px 0px 0px 0px !important; color: #3e7d2e; background-color: #FFFFFF; }
a.special_results_link:hover { background-color: #FFFFFF !important; color: #3e7d2e !important; text-decoration: underline; }

#related { background: url(graphics/similaritem_mods_bottom.jpg) bottom no-repeat; margin: 30px 0px 0px 0px; }
#related_inner { background: url(graphics/similaritem_mods_top.jpg) top no-repeat;  padding: 20px 0px 30px 20px; }
#related_inner h4 { margin: 0px 0px 30px 0px; }
.related_mod { width: 180px; float: left; margin: 0px 28px 0px 0px; }
.related_mod_last { width: 180px; float: left; margin: 0px 0px 0px 3px; }
.related_mod p, .related_mod_last p { margin: 0px 0px 5px 0px; }
.related_thumb { width: 90px; padding: 5px; background: #ffffff; border: 1px solid #cccccc; margin: 0px 0px 10px 38px; text-align: center; }
.related_thumb img { width: 90px; }

ul.specials { list-style: none; padding: 0; margin: 0; }
ul.specials li { width: 455px; height: 104px; float: left; display: block; margin: 0; padding: 0px 20px 0px 20px; }
ul.specials li p { padding: 0px 0px 0px 0px; font-size: 12px; }
.s1 { background: url(graphics/sp_bgleft.jpg) no-repeat; }
.s1 img { float: left; }
.s1 h3 { color: green; margin: 23px 0px 5px 0px; }
.s2 { background: url(graphics/sp_bgright.jpg) no-repeat; }
.s2 img { float: right; }
.s2 h3 { color: red; margin: 23px 0px 5px 0px; }
.feature_link { color: #039A02; }

#footer { border-top: 10px solid #039A02; text-align: center; padding: 15px 0px 0px 0px; margin: 7px 0px 0px 0px; }
#footer p { line-height: 12px; font-size: 11px; }
	#footer_nav { text-align: center; padding: 0px 0px 10px 0px; }
        #footer_nav.menuPipe { font-size: 14px; }
        #footer_nav a.menuPipeLink { font-size: 14px; color: #000000; text-decoration: none; font-weight: normal; padding: 0px 5px 0px 5px; }
        #footer_nav a.menuPipeLink:hover { font-size: 14px; color: #039A02; text-decoration: none; }


.fieldTip {
	color: #666666;
}

#orderPartsBtn {
	background-image: url(graphics/order_parts_btn.jpg);
	border: none;
	width: 157px;
	height: 34px;
	text-indent: -9999px;
	cursor: pointer;
}

/* ModuleBegin::gendocs */
.webpageWrapper { }
/* ModuleEnd::gendocs */



/* ModuleBegin::commerce */


#shoppingLogin { width: 340px; padding: 40px 0px 0px 0px; float: left; }
#shoppingNewAccount { width: 240px; padding: 40px 0px 0px 0px; float: right; }

#shoppingLogin .shoppingCartTableHeader { background: #FFFFFF; color: #000000; font-size: 20px; }
#shoppingNewAccount .shoppingCartTableHeader { background: #FFFFFF; color: #000000; font-size: 20px; }

#shoppingLogin .shoppingCartTableHeader .shoppingTableBorder .shoppingTable { background: #FFFFFF; }
#shoppingNewAccount .shoppingCartTable .shoppingCartTableHeader .shoppingTableBorder .shoppingTable { background: #FFFFFF; }

#shoppingLogin .shoppingCartTableHeader .shoppingTableBorder .shoppingTable input { border: 1px solid #999999; width: 200px; font-size: 12px; padding: 5px; }

#shoppingLogin .shoppingFormRequired { font-size: 12px; width: 70px; }
.shoppingNewCustomerHelp { padding: 15px 0px 20px 0px; font-size: 12px; }
.membershipMessage { display: none; }
.membershipForgot { padding: 0px 0px 20px 0px; font-size: 12px; }
.membershipForgot input { border: none; }
.membershipRemember { padding: 0px 0px 5px 0px; font-size: 12px; }
.membershipRemember input { border: none; }
.membershipSubmit { font-size: 12px; }
.shoppingNewAccountLink a { background: #039A02; color: #ffffff; padding: 10px 10px 10px 10px; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.shoppingNewAccountLink a:hover { background: #000000; color: #ffffff; }


.shoppingAlert { color: red; }
.shoppingBody { }
.shoppingCartEvenRow { background-color: #ffffff; color:#000000; }
.shoppingCartOddRow { background-color: #EFEFEF; color:#000000; padding: 5px 0px 5px 0px; }
.shoppingCartOddRow td, .shoppingCartEvenRow td { padding: 5px 0px 5px 0px; }

.shoppingCartTableHeader { background-color: #039A02; color: #ffffff; font-weight: bold; }
.shoppingForm { color:#000000; font-weight: normal; }
.shoppingFormQuantity { background-color: #ffffff; }
.shoppingFormRequired { font-weight: normal; color:#000000; }
.shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; }
.shoppingHeading {  }
.shoppingInStock { }
.shoppingItemHeading { }
.shoppingOutOfStock { color: #dd0000; }
.shoppingLowStock { }
.shoppingTable { background-color: #EFEFEF; color:#000000; }
.shoppingTable tr td { padding: 5px 0px 5px 5px; }
.shoppingTableBorder { background-color: #ffffff; }
.shoppingFormRequired { width: 1%; }
/* ModuleEnd::commerce */




/* ModuleBegin::news */
.newsListWrapper { clear: both; }
.newsListWrapper h2 { margin-top: 0px; }
.newsListWrapper .newsThumbnail { float: left; }
.newsListWrapper .newsThumbnail img { margin: 0px 15px 5px 0px; padding: 5px; border: 1px solid #ccc; }
.newsListWrapper .newsPublish { }
.newsListWrapper .newsBlurb { }

.newsDetailWrapper { }
.newsDetailWrapper .newsPublish, .newsDetailWrapper .newsAuthor, .newsDetailWrapper .newsSource { display: block; }
.newsDetailWrapper .pagination { height: 50px; }
.newsPublish { }
.newsAuthor { }
.newsAuthorLink { }
.newsSource { }
.newsBody { clear: both; }
.newsCopyright { clear: both; }
.newsMore { }
/* ModuleEnd::news */



/* ModuleBegin::ticket */
.ticketListWrapper { }
.ticketDetailWrapper { }
.ticketFeatureWrapper { }
/* ModuleEnd::ticket */



/* ModuleBegin::faq */
.faqWrapper { }
.faqWrapper dd { margin: 0;}
.faqQ,.faqA { font-family:Georgia,serif; font-size:300%; line-height: 35px; }
.faqWrapper dd a.top {float:right;}
/* ModuleEnd::faq */


/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */



/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #CCCCCC; padding: 20px; width:460px; }
.membershipLoginWrapper { }
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 2px; }
.memberUser { }
.memberPassword { }
.memberRemember { }
.memberForgot { }
.memberSubmit { }
.myaccountListerBack { text-align:center;width:100%;padding-top:10px; }
/* ModuleEnd::membership */


/* ModuleBegin::directory */
.directoryListWrapper { }
.directoryDetailWrapper { }
.directoryName { }
.directoryCategory { }
/* ModuleEnd::directory */

/* ---------- Search Results ---------- */

#search_box {
	border:1px solid #999999;
	height:24px;
	padding:3px 5px 0;
	width:270px;
}

#search_results {
	display: none;
	width: 500px;
	background-color: white;
	position: relative;
	padding: 6px;
	border: 3px solid #CCCCCC;
	z-index: 9999;
}

#search_results ul {
	margin: 0px;
	padding: 0px;
}

#search_results ul li {
	list-style: none;
	margin: 0px;
}

#search_results ul li.even {
	background-color: #F1F1F1;
}

#search_results ul li a, #search_results ul li em {
	display: block;
	padding: 6px;
}

#search_results ul li a:hover {
	background-color: #039A02;
	color: #FFFFFF;
}

/* ModuleBegin::blog */
.blogArchiveMonth { padding-left:10px; }
.blogArchiveYear { font-weight: bold; }
.blogDate { padding:5px 0px; font-weight: bold; background-color: #eeeeee; }
.blogDividerComments { height: 1px; background-color:#cccccc; }
.blogDividerTop { height: 1px; background-color:#cccccc; }
.blogEntry { padding-top: 5px; }
.blogEntryFooter { padding-bottom: 10px; }
.blogFooter { height: 1px; background-color:#cccccc; }
.blogPosted { padding-bottom: 5px; padding-top: 5px; color: #000066; }
.blogTitle { color: #000066; font-weight: bold; padding-top: 10px; }
/* ModuleEnd::blog */

/*Begin::Forms*/
.formwrap_cell { padding:0; }
.formwrap_cell input { border:1px solid #DEDEDE; font-size:12px; margin:0 0 10px; padding:10px 5px; width:400px; }
.formwrap_cell label { display:block; margin:0 0 10px;}
.formwrap_cell input { border:1px solid #DEDEDE; font-size:12px; margin:0 0 5px; padding:10px 5px; width:400px; }
.formwrap_cell input:focus { border: 1px solid #039A02; }
.formwrap_cell textarea { border:1px solid #DEDEDE; font-size:12px; margin:0 0 10px; padding:10px 5px; width:400px; }
.formwrap_cell textarea:focus { border: 1px solid #039A02; }
.formButtons { margin: 0 0 0 145px;}
/* End::Forms*/