/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html {
	min-width: 761px;
}
body {
	text-align: center;
	background: #ABAAA3 url(../images/site/bg_site.jpg) repeat-x center top;
	font: 12px/18px Verdana, "Lucida Grande", arial, san-serif;
	margin: 0 auto;
    voice-family: "\"}\""; voice-family:inherit;
}
img {
	border: 0;
	text-align: center;
}
a { text-decoration: underline; }
a:hover { text-decoration: none; }

p.clear { height: 1px; clear: both; margin-top: -1px; }

.grey { color: #434343; }

#header {
	width: 753px;
	text-align: right;
	margin: 0 auto;
}
#header h1.logo {
	float: left;
	margin: 20px 0 0 0;
}
#header h1.logo a {
	background: #ffffff url(../images/site/swatchbox_header_logo.gif) no-repeat center center;
	height: 48px;
	width: 232px;
	display: block;
}
#header h1.logo span {
	display: none;
}
ul#menu_header {
	font-size: 12px;
	padding: 60px 16px 9px 0;
	list-style: none;
}
ul#menu_header li { display: inline; white-space: nowrap; margin-left: 8px; }
ul#menu_header li a { color: #727272; }
ul#menu_header li a:hover { }

#menu_main {
	width: 761px;
	margin: 17px auto 0 auto;
	font-family: Tahoma, "Tahoma MS", san-serif;
	left: 50px;
}
#menu_main ul { list-style: none; margin-left: 4px; }
#menu_main li { float: left; font-weight: bold; background: url(../images/site/bg_tab.jpg) left 0px; white-space: nowrap; line-height: 28px; }
#menu_main li#tab_homeowners { background: url(../images/site/bg_tab1.jpg) left 0px; }
#menu_main li a { 
     display: block; 
     width: .1em; 
     background: url(../images/site/bg_tab.jpg) right 0px; 
     margin-left: 15px; 
     padding-right: 15px; 
     color: #434343; 
	 text-decoration: none;
}
#menu_main li a:hover { text-decoration: underline; color: #000000;

}

#menu_main > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu_main ul a {float:none;}
/* End IE5-Mac hack */

#page_homeowners li#tab_homeowners,
#page_manufacturers li#tab_manufacturers,
#page_retailers li#tab_retailers,
#page_publishers li#tab_publishers,
#page_about li#tab_about,
#page_support li#tab_support
{
     background: url(../images/site/bg_tab.jpg) left -28px;
}
#page_homeowners li#tab_homeowners a,
#page_manufacturers li#tab_manufacturers a,
#page_retailers li#tab_retailers a,
#page_publishers li#tab_publishers a,
#page_about li#tab_about a,
#page_support li#tab_support a
 {
     background: url(../images/site/bg_tab.jpg) right -28px;
	 color: #000000;
}

/* Sub menu styles */

#menu_sub {
	line-height: 25px;
	height: 25px;
	background: #ABAAA3 url(../images/site/bg_submenu.jpg) no-repeat center top;
	text-align: left; 
	width: 761px;  
	clear: both;
	margin: 0 auto;
}
/* Change submenu for index page and when first tab is active */

#page_index #menu_sub { background-image: url(../images/site/bg_submenu_index.jpg); }
#page_homeowners #menu_sub { background-image: url(../images/site/bg_submenu_firsttab.jpg); } 

#menu_sub ul { list-style: none; margin-left: 30px; }
#menu_sub li { display: inline; white-space: nowrap; color: #black; padding-right: 20px; }
#menu_sub li a { color: #434343; }

#inner {
	background: #ffffff url(../images/site/bg_inner.jpg) repeat-y center center;
	text-align: left;
	width: 761px;
	margin: 0 auto;
}
#content { width: 753px; background-color: #ffffff; color: #434343; margin: 0 4px; }

#content a { text-decoration: underline; }
#content a:hover { text-decoration: none; }

/* Breadcrumb styles */

#content #breadcrumbs { font-size: 14px; line-height: 22px; padding: 10px 0 15px 35px; font-weight: bold; }
#content #breadcrumbs a {
	color: #434343;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	text-decoration: none;
}
#content #breadcrumbs ul {
	list-style: none;
}
#content #breadcrumbs ul li { padding-right: 10px; }

#content h1 { font-weight: normal; color: #B57717; font-size: 24px; line-height: 30px; margin-left: 35px; padding-bottom: 7px; }
h1.grey { color: #434343; }
#content h2 { font-weight: bold; font-size: 12px; line-height: 18px; }
#content p { padding: 7px 0; }
#content a { color: #B57717; }

#content #column_left {
	width: 445px;
	float: left;
	margin-left: 20px;
}
#content #column_leftSupport {
	width: 710px;
	float: left;
	padding-left: 20px;
	margin-left: 0px;
}
#content #column_right {
	width: 195px;
	float: right;
	margin-right: 20px;
}
#content #column_leftAlt {
	width: 180px;
	float: left;
	margin-left: 20px;
}
#content #column_middleAlt {
	width: 280px;
	float: left;
	margin-right: 10px;
}
#content #column_rightAlt {
	width: 195px;
	float: right;
	margin-right: 20px;
}
#content #column_clients {
	width: 710px;
	float: left;
	margin-left: 20px;
}
#content div.test_drive { width: 205px; margin-bottom: 20px; padding-bottom: 5px;}
#content div.callout { width: 195px; margin-bottom: 20px; padding-bottom: 5px; background: url(../images/site/bg_callout.jpg) no-repeat 0px bottom; }
#content div.callout h2 { text-align: center; padding: 4px; font-size: 12px; color: #ffffff; font-weight: bold; background: url(../images/site/bg_callout_head.jpg) no-repeat 0px 0px; }
#content div.callout p { padding: 5px 7px; }
#content div.callout ul { list-style: none; }
#content div.callout ul li { padding: 5px 7px; }


#content div.support { width: 710px; margin-bottom: 0px; padding-bottom: 5px; background: url(../images/site/bg_callout_support.jpg) no-repeat 0px bottom; }
#content div.support h2 { text-align: center; padding: 4px; font-size: 12px; color: #ffffff; font-weight: bold; background: url(../images/site/bg_callout_head_support.jpg) no-repeat 0px 0px; }
#content div.support h3 { font-weight: bold; color: #B57717; padding: 5px 7px 0px; font-size: 11px;}
#content div.support h4 { text-align: center; padding: 4px; font-size: 12px; color: #ffffff; font-weight: bold; background: url(../images/site/bg_callout_support_head2.jpg) no-repeat 0px 0px; }
#content div.support p { padding: 0px 7px 5px; font-size: 11px;}
#content p.body { padding: 0px 7px 5px; font-size: 10px;}
#content p a.red { color:#F00; }
#content p .step { color:#B57717; font-size: 15px; }
#content div.support .red { color: #F00; }
#content div.support ul {
	list-style: disc url(none);
	padding-left: 20px;
	font-size: 11px;
}
#content div.support ul li {
	padding: 0px 0px 0px 20px;
}


#menu_support {
	width: 710px;
	margin: 0px;
	font-family: Tahoma, "Tahoma MS", san-serif;
	left: 50px;
	padding: 0px;
	height: 20px;
}
#menu_support ul { list-style: none; margin-left: 4px; }
#menu_support li { float: left; font-size: 11px; font-weight: bold; white-space: nowrap; line-height: 20px; }
#menu_support li a {
	display: block;
	color: #B57717;
	text-decoration: none;
	margin: 0px 0px 0px 75px;
	padding: 0px 75px 0px 0px;
	text-decoration: underline;
}
#menu_support li a:hover { text-decoration: none; color: #000000;

}




#content table.index_callouts { text-align: center; margin: 0 auto; border-collapse: collapse; }
#content table.index_callouts thead th { text-align: center; width: 207px; color: #ffffff; background: #FFFFFF url(../images/site/bg_index_callouts_head.jpg) no-repeat center 0px; padding: 4px 0 2px 0; border: 20px #ffffff solid; border-bottom: 0px; }
#content table.index_callouts td { text-align: left; width: 207px; background: #FFFFFF url(../images/site/bg_index_callouts.jpg) repeat-y center center; border-left: 20px #ffffff solid; border-right: 20px #ffffff solid; }
#content table.index_callouts td.clients { text-align: center; vertical-align: middle; }
#content table.index_callouts tfoot td { text-align: center; vertical-align: bottom; width: 207px; background: #FFFFFF url(../images/site/bg_index_callouts_foot.jpg) no-repeat center bottom; padding: 4px 0 2px 0; }
#content table.index_callouts a { font-weight: bold; color: #B57717; }
#content table.index_callouts p { padding: 6px 10px; }
#content table.index_callouts h3 { font-size: 12px; padding: 3px 10px; }
#content table.index_callouts ul { list-style: none; }
#content table.index_callouts ul li { padding: 6px 10px; }

#footer {
	background: #ABAAA3 url(../images/site/bg_footer.jpg) no-repeat center top;
	text-align: right;
	width: 761px;
	margin: 0 auto;
	color: #ffffff;
	padding-top: 17px;
	font-size: 10px;
}
#footer p a, #footer li a { color: #ffffff; }
#footer p.logo { float: right; margin: 0px 25px 10px 30px; }
#footer p.logo a { display: block; height: 51px; width: 150px; background: #ABAAA3 url(../images/site/ei_footer_logo.jpg) no-repeat center center; }
#footer p.logo a span { display: none; }
#footer ul { list-style: none; }
#footer li { display: inline; padding-left: 4px; }