/* ----------------------------------------------------------------------------------- */
/* - Condensed Meyer Reset                                                           - */
/* ----------------------------------------------------------------------------------- */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	padding: 0;
	margin: 0;
}
fieldset, img { 
	border: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul {
	list-style: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-weight: normal;
	font-style: normal;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym { 
	border: 0;
}
		
/* ----------------------------------------------------------------------------------- */
/* - Global style entries                                                            - */
/* ----------------------------------------------------------------------------------- */

body {
	background-color: #c7c8ca;
	font: 12px Arial, Helvetica, Sans Serif; 
	color: Black;
}
p {
	font: 12px Arial, Helvetica, Sans Serif; 
	margin-top:12px;
	line-height:15px;
}
a {
	color: #3f5773;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
}
h1, h2 {
	font-size: 14px; 
	font-weight:bold;
}
h2 {
	color: #3f5773;	
	margin-top:4px;
}
h3 {
	font-size: 13px;
	font-weight:bold;
	color: #3f5773;	
	margin-top:4px;
}
h4 {
	font-size: 13px;
	color:Black;
	font-weight:bold;
}
hr {
	margin:4px 0 4px 0;
}
strong {
	font-weight:bold;
}
input, select, textarea {
	font-size: 11px;	
}
.largeText {
	font-size: 13px;
}
.smallText {
	font-size: 11px;
}
.tinyText { 
	font-size: 10px;
}
.indented {
	padding: 0 12px 0 12px;
	display:block;
}
.defaultList {
	list-style-type:disc;
	margin-left:17px;
}
.defaultTable {
}
.defaultTable th, .defaultTable tr, .defaultTable td {
	border: 1px solid silver;
	vertical-align:top;
	padding: 4px;
}
.defaultTable th {
	font-weight: bold;
	background-color: silver;
}
.defaultTable td a {
	white-space: nowrap;
}
.leftImage {
	float:left;
	margin:0 10px 10px 0;
}
.rightImage {
	float:right;
	margin:0 0 10px 10px;
}

/* ----------------------------------------------------------------------------------- */
/* - Global layout entries                                                           - */
/* ----------------------------------------------------------------------------------- */

#container {
	height: 300px;
	width: 990px;
	margin: 65px auto 0 auto;
	position:relative;
}
#logo {
	width:193px;
	height:108px;
	left:16px; 
	top:11px;
	z-index:1;
	position:absolute;
	
}
#page_header {
	overflow: hidden; 
	height: 75px;
}
#page_header #slogan {
	margin: 48px 20px 0 0; 
	text-align: right;
	float: right; 
}
#colContainer {
	width: 990px;	
	margin-top:9px;
}
#featuredArea {
	text-align:center;
	font-weight:bold;
	font-size:12px;	
	padding: 6px;
}
#footer {
	background: url(../Images/footer_background.gif) no-repeat;
	width: 951px;
	margin: 8px auto 0 auto;
	font-size: 9px;
	padding: 4px 14px 4px 14px;
	height:28px;
}

/* ----------------------------------------------------------------------------------- */
/* - Main navigation                                                                 - */
/* ----------------------------------------------------------------------------------- */

#mainnav {
	width: 980px;
	height: 22px;
	margin: 0 auto 0 auto;
	position: relative;
	clear: both;
	display:block;
}
#mainnav div {
	height: 22px;
	float: left;
}
#mainnav #left {
	background: url(../Images/mainnav_left.gif) no-repeat;
	width: 223px;
}
#mainnav #btn1 {
	background: url(../Images/mainnav_btn1.gif) top left no-repeat;
	width: 101px;
	cursor: pointer;
}
#mainnav #btn1:hover {
	background-position: -101px 0;
}
#mainnav #btn2 {
	background: url(../Images/mainnav_btn2.gif) top left no-repeat;
	width: 101px;
	cursor: pointer;
}
#mainnav #btn2:hover {
	background-position: -101px 0;
}
#mainnav #btn3 {
	background: url(../Images/mainnav_btn3.gif) top left no-repeat;
	width: 121px;
	cursor: pointer;
}
#mainnav #btn3:hover {
	background-position: -121px 0;
}
#mainnav #btn4 {
	background: url(../Images/mainnav_btn4.gif) top left no-repeat;
	width: 99px;
	cursor: pointer;
}
#mainnav #btn4:hover {
	background-position: -99px 0;
}
#mainnav #btn5 {
	background: url(../Images/mainnav_btn5.gif) top left no-repeat;
	width: 112px;
	cursor: pointer;
}
#mainnav #btn5:hover {
	background-position: -113px 0;
}
#mainnav #right {
	background: url(../Images/mainnav_right.gif) no-repeat;
	width: 222px;
}

/* ----------------------------------------------------------------------------------- */
/* - Left navigation                                                                 - */
/* ----------------------------------------------------------------------------------- */

.leftNavMainButton {
	width: 214px;
	height: 77px;
	padding-bottom: 6px;
	cursor: pointer;
}
.leftNavMainButton .leftNavMainButtonText {
	padding: 50px 8px 0 12px;
	color: White;
	font-size: 10px;
	line-height: 11px;
}
#leftNavMainButtonCatalog {
	background: url(../Images/leftnav_catalog_button.jpg) no-repeat;
}
#leftNavMainButtonDistributors {
	background: url(../Images/leftnav_distributors_button.jpg) no-repeat;
}
#leftNavMainButtonProducts {
	background: url(../Images/leftnav_products_button.jpg) no-repeat;
}
#leftNav {
	margin: 9px 0 14px 6px;
}
#leftNav li {
	height: 19px;
	cursor: pointer;
}
#leftNavAboutUs {
	background: url(../Images/leftnav_about_us.gif) top left no-repeat;
	width: 180px;
}
#leftNavAboutUs:hover {
	background-position: -180px 0;
}
#leftNavProducts {
	background: url(../Images/leftnav_products.gif) top left no-repeat;
	width: 180px;
}
#leftNavProducts:hover {
	background-position: -180px 0;
}
#leftNavCustomerService {
	background: url(../Images/leftnav_customer_service.gif) top left no-repeat;
	width: 180px;
}
#leftNavCustomerService:hover {
	background-position: -180px 0;
}
#leftNavFAQs {
	background: url(../Images/leftnav_faqs.gif) top left no-repeat;
	width: 180px;
}
#leftNavFAQs:hover {
	background-position: -180px 0;
}
#leftNavDistributors {
	background: url(../Images/leftnav_distributors.gif) top left no-repeat;
	width: 180px;
}
#leftNavDistributors:hover {
	background-position: -180px 0;
}
#leftNavKennedyXpress {
	background: url(../Images/leftnav_kennedy_xpress.gif) top left no-repeat;
	width: 180px;
}
#leftNavKennedyXpress:hover {
	background-position: -180px 0;
}
#leftNavRequestLiterature {
	background: url(../Images/leftnav_request_literature.gif) top left no-repeat;
	width: 180px;
}
#leftNavRequestLiterature:hover {
	background-position: -180px 0;
}
#leftNavModularConfigurator {
	background: url(../Images/leftnav_modular_configurator.gif) top left no-repeat;
	width: 180px;
}
#leftNavModularConfigurator:hover {
	background-position: -180px 0;
}

/* ----------------------------------------------------------------------------------- */
/* - Rounded corners for page border                                                 - */
/* ----------------------------------------------------------------------------------- */

.roundedcornr_box_container {
   background: White;
}
.roundedcornr_top_container div {
   background: url(../Images/roundedcornr_container_tl.png) no-repeat top left;
}
.roundedcornr_top_container {
   background: url(../Images/roundedcornr_container_tr.png) no-repeat top right;
}
.roundedcornr_bottom_container div {
   background: url(../Images/roundedcornr_container_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_container {
   background: url(../Images/roundedcornr_container_br.png) no-repeat bottom right;
}
.roundedcornr_top_container div, .roundedcornr_top_container, 
.roundedcornr_bottom_container div, .roundedcornr_bottom_container {
   width: 100%;
   height: 15px;
   font-size: 1px;
}
.roundedcornr_content_container { margin: 0 0px; }

/* ----------------------------------------------------------------------------------- */
/* - Blue buttons used on various pages                                              - */
/* ----------------------------------------------------------------------------------- */

a.blueButtonStyle1 {
	background: url(../Images/BlueButtonStyle1.jpg) top left no-repeat;
	width: 202px;
	height: 25px;
	position:relative;
	text-align: center;
	color:White;
	cursor:pointer;
	padding: 34px 5px 0 5px;
	font-size:10px;
	font-weight:normal;
	line-height:9px;
	display:block;
}
a.blueButtonStyle1 div.blueButtonStyle1Header {
	width:212px;
	position:absolute;
	top:17px;
	left:0;
	font-size: 12px;
	color: Black;
	font-weight: bold;
	cursor:pointer;
}
a.blueButtonStyle1:hover {
	text-decoration:none;
}
a.blueButtonStyle2 {
	background: url(../Images/BlueButtonStyle2.jpg) top left no-repeat;
	width: 202px;
	height: 38px;
	position:relative;
	text-align: center;
	color:White;
	cursor:pointer;
	padding: 40px 5px 0 5px;
	font-size:11px;
	font-weight:normal;
	display:block;
}
a.blueButtonStyle2 div.blueButtonStyle2Header {
	width:212px;
	position:absolute;
	top:14px;
	left:0;
	font-size: 14px;
	color: Black;
	font-weight: bold;
}
a.blueButtonStyle2:hover {
	text-decoration:none;
}


/* ----------------------------------------------------------------------------------- */
/* - Form Dialogs and Tables                                                         - */
/* ----------------------------------------------------------------------------------- */
		
.formDialogHeader {
	border: 2px solid Black; 
	font-size:15px; 
	height:16px; 
	padding:4px; 
	font-weight:bold;
}
.formDialogBody {
	border: 1px solid Silver; 
	margin:1px 0 20px 0;
	padding:4px;
	font-size:11px;
	line-height:11px;
}
.formTable {
}
.formTable tr {
	height:30px;
	vertical-align:top;
}
.formTable td {
	padding:3px;
}
.formTableLeft {
	width: 30%;
	text-align: right;
	line-height:18px;	
}
.formTableRight {
	width: 70%;
	text-align: left;
}