/****************************************************
Created By: Charley Ruggiero
Layout CSS File 
****************************************************/

/***************************************************/
/************ SITE LAYOUT AND DESIGN ***************/
/***************************************************/
/* STANDARD TAGS */ 
body {margin:0; padding:0; font-family:Helvetica, Arial, sans-serif; font-size:12px; background:url(/img/bckg.jpg) top left repeat-x; background-color:#e2e2e2; background-position:top } 
p {margin:10px;} 
img {border:none;} 
a {outline-style:none;} 
a:link, a:visited {color:#000099; text-decoration:underline;} 
a:hover, a:focus, a:active {color:#000033; text-decoration:none; outline:none;} 
#wrapper {position:relative; width:962px; margin:0 auto;} 
td { vertical-align:top;}
tr { vertical-align:top;}
/* HEADER */ 
#header {position:relative; width:100%; margin:0; z-index:1000000;attrib}
h1#topHead {
	width:900px; 
	text-align:center; 
	margin:0 auto;
	font-weight:normal;
	padding:0; 
	font-size:10px; 
	color:#000;
}
#logo a { width:364px; height:145px; display:block;}
#subNav {position:absolute; top:0px; right:0px; font-size:.7em; line-height:1.4em;}
#subNav li {float:left; list-style:none; margin:0; padding:0 5px; border-right:#666 solid 1px;}
#subNav li.end { border-right:none;}
#subNav li a { font:12px Arial, Helvetica, sans-serif; color:#666; text-decoration:none;  }
#subNav li a:hover { text-decoration:underline; }
#secondaryNav {position:absolute; right:0px; top:50px; background-color:#999999;}
#secondaryNav li {float:left; margin:0 15px; list-style:none; font-size:1.2em;}
#secondaryNav a {text-decoration:none;}
#secondaryNav a:hover {text-decoration:underline;}
#mainNav {width:100%; background:url(/img/mainNavBar.jpg) top left no-repeat; height:53px;}
#mainNav ul { padding:5px; margin:0 0 0 15px;}
#mainNav li { float:left; list-style:none; padding:0 2px 0 0; background:url(/img/mainNavDiv.png) top right no-repeat; padding:14px 0; margin-top:-4px;}
#mainNav li a { font:15px Tahoma, Geneva, sans-serif; font-weight:bold; color:#FFF; padding:0 15px 0 5px; text-decoration:none; text-transform:uppercase; }
#mainNav li.end { background:none;}
#mainNav li a:hover { color:#000; }

/***** Suckerfish Style Flyout CSS *****/
#mainNav li ul { 
	position: absolute;	
	left: -999em; 
	margin:11px 0 0 -15px; 
	z-index:100; 
	height:auto; 
	padding:2px; 
	width:230px;
	text-align:left;
	background:#136D39;
}
#mainNav li ul li {
	display:block; 
	float:none; 
	padding:5px; 
	height:15px; 
	margin:0;
	text-align:left;
	background-image:none;
}
#mainNav li ul li:hover {
	background:#3B865B;
}
#mainNav li ul li a {font:Arial, Helvetica, sans-serif; text-transform:uppercase;
	height:10px; 
	font-size:12px; 
	padding:0; 
	background:none; 
	color:#fff;
	margin:0;
	position:relative;
}
#mainNav li ul li a:hover {
	color:#000; 
}
#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul {
	left: auto;
}
/****** End Nav ****/

#cart { position:absolute; top:99px; right:10px; height:42px; }
#cart a { float:left; font-size:16px; color:#000; margin-top:20px;}
#cart img { float:left; padding:0 10px 0 0; }

#login { position:absolute; top:99px; right:300px; height:42px; }
#login a { float:left; font-size:16px; color:#000; margin-top:20px;}
#login img { float:left; padding:0 5px 0 0; }

#searchBoxHolder { position:absolute; top:50px; right:10px; width:150px;}
#searchButtonHolder { position:absolute; top:50px; right:160px; }

#slide { float:left; margin:10px 0 10px 10px; border:#000 solid 1px;}

#searchLeft { float:left; margin:0 10px 0 20px; width:226px; height:410px; background:url(/img/searchBckg.jpg) top left no-repeat; overflow:hidden;}

#cta { float:left; margin:8px 0 2px 9px; width:676px; height:120px; z-index:999; }

#cta1 a {float:left; background:url(/img/NewProductsCTA.jpg) top left no-repeat; width:318px; height:109px; margin-right:35px;}
#cta1 a:hover { background:url(/img/NewProductsCTAhover.jpg) top left no-repeat;}

#cta2 a {float:left; background:url(/img/ResourceCTA.jpg) top left no-repeat; width:321px; height:109px;}
#cta2 a:hover { background:url(/img/ResourceCTAhover.jpg) top left no-repeat;}

#welcome { float:left; margin:10px 0 0 20px; background:url(/img/welcomeBckg.jpg) top left no-repeat; width:563px; height:290px; padding:0 20px 10px 20px;}

#logosRight { float:left; margin:10px 10px 0 0; background:url(/img/logoRight.jpg) top left no-repeat; width:318px; height:300px;}

#tab1{width:100px;}
#ext-gen3 {background-color:none;}

/*******************  Form Styles ******************/
/***************************************************/

#contactInfo { float:left; margin:10px 40px 0 20px; padding:0 0 20px 0; width:300px; }
#contactInfo a { color:#03C;}
.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { position:relative; top:0; right:15px; width:420px; margin:0 0 20px 23px; float:left;}
#requestForm { position:relative; width:400px; margin:0 0 0 23px; float:right;}

.formContainer p.legend {padding:10px; margin:0 0 10px 0; background:#ccc; border:1px solid #09602D;}
.formContainer p.legend em {color:#E41937; font-style:normal;}

.formContainer form p {margin:0;}
.formContainer form p.note {margin:0 0 0 170px; font-size:90%; color:#3367cd;}

.formContainer form fieldset {margin:15px 0; padding:5px; border:#09602D 1px solid;}
.formContainer form fieldset fieldset {border:none; }
.formContainer form fieldset div {padding:5px 0;}

.formContainer form legend {font-weight:bold; padding:2px 8px; color:#fff; background:#09602D; border:1px solid #09602D;}

.formContainer label, .formContainer span.label {margin:0 10px 0 0; padding:0 7px 0 0; width:100px; display:block; float:left; text-align:right; position:relative; font:bold 12px Arial, Helvetica, sans-serif;}
.formContainer label em, .formContainer span.label em {position:absolute; right:0; font-size:12px; font-style:normal; color:#E41937; top:-1px;}

.formContainer form fieldset input {width:270px; border-color:#AFAFAF;}
.formContainer form fieldset fieldset input {width:20px; border-color:#FFF;}
.formContainer form fieldset textarea {width:388px; margin:0 0 0 3px; border-color:#AFAFAF;}
.formContainer form fieldset select {width:274px; border-color:#AFAFAF;}
.formContainer input:focus,.formContainer textarea:focus {background:#FFFFDF;}

.formContainer div.buttonrow {text-align:center; margin:10px 0;}
.attributeLabel {margin:2px; font:11px; font-weight:bold;}
.attributeSelect select {width:160px;}
.attributeSearchSubmit {margin:10px auto 0px auto; width:50px; text-align:center;}
/************ End Form **************/


/* CONTAINER */ 
#container { float:left; width:972px; min-height:500px; background:url(/img/whiteBckg.png) top left repeat-y; margin:0 0 0 -1px;}
#containerCap { float:left; width:972px; background:url(/img/whiteEnd.png) top left no-repeat; margin:0 0 0 -1px; height:23px; z-index:99;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; min-height:300px; width:700px;}
/*#contentRight {float:right; width:150px; height:500px; margin:0 0 0 0; background-color:#CCCCCC;}*/
/* FOOTER */ 
#footer { float:left; width:100%; height:211px; margin:-5px 0 0 0; background:url(/img/gears.png) top left no-repeat; z-index:-1;}
#footerLinks {float:left; width:610px; height:160px; margin:10px 0 10px 20px; }
#footerProducts { float:left; width:200px; height:160; background:url(/img/footerDivider.png) top right no-repeat;}
#footerProducts ul { padding-left:0;}
#footerProducts h2 { font:20px Tahoma, Geneva, sans-serif; color:#C90; padding:0 0 0 10px; margin:5px 0; }
#footerProducts li { padding-left:10px; list-style:none; }
#footerProducts li a { font:12px Tahoma, Geneva, sans-serif; color:#000; text-decoration:underline; }
#footerProducts li a:hover { text-decoration:none; }

#footerProductsEnd { float:left; width:200px; height:160;}
#footerProductsEnd ul { padding-left:10px;}
#footerProductsEnd h2 { font:20px Tahoma, Geneva, sans-serif; color:#C90; padding:0; margin:5px 0; }
#footerProductsEnd li { list-style:none; }
#footerProductsEnd li a { font:12px Tahoma, Geneva, sans-serif; color:#000; text-decoration:underline;}
#footerProductsEnd li a:hover { text-decoration:none; }

#footerLinks li {list-style:none;}

#footerLogo a {float:right; width:313px; height:172px; margin-right:10px; background:url(/img/logoBottom.png) top left no-repeat; z-index:-1;}

/* SITE CREATED BY LINKS */
#delawarelink {font-size:10px;width:100%;text-align:center;clear:both;padding:15px;}
#delawarelink a:link,#delawarelink a:visited,#delawarelink a:hover,#delawarelink a:active{text-decoration:none;color:#333333;}

/**** TAB CSS ****/
#motorTab {padding:0px; margin:0px;}
#driveTab {padding:0px; margin:0px;}

.x-tabs-strip .x-tabs-text {
	margin-top: 0px;
	font:bold 12px;
	color:white;
	overflow:hidden;
	white-space: nowrap;
	cursor:pointer;
	text-overflow: ellipsis;
	height:15px;
	
}

.x-tabs-wrap {border:none;}

.x-tabs-strip-wrap {
   background-color:transparent;

  }

.x-tabs-strip {
	width: 100%;
	background-color:transparent;
	width:20px;
	
}
.x-tabs-right .x-tabs-left{border: thin #000 solid;}

.x-tabs-strip .on .x-tabs-right {
	 background: url();
	 background-color: #999999;
	 color: white;
	 text-align: center;
	 
}

.x-tabs-strip .on .x-tabs-left {
	 background: url();
	 background-color: #999999;
}

.x-tabs-strip .x-tabs-right {
	 background: url();
	 background-color: #000;
}

.x-tabs-strip .x-tabs-left {
	 background: url();
	 background-color: #000;
}

.x-tabs-strip .on .x-tabs-text {
	cursor:default;
	color:white;
	text-align: center;
}
.x-tabs-inner {margin:0px; padding:0px;}
.x-tabs-body {border: 1px #000 solid; background:url(/img/bg2.png);}


/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#catBreadcrumbs { padding:8px 0 0 0;}
#treePageDetailsTitle { float:left; font:18px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:uppercase; background:#000; width:650px; padding:5px 10px; }
#catalogHeader { float:left; font:18px Tahoma, Geneva, sans-serif; color:#FFF; text-transform:uppercase; background:#000; width:675px; padding:5px 10px; }
#pubTree48 ul { padding-left:0;}
#catalogSortWrapper { margin:-14px 24px 0 0;}
#catalogCategoryDesc { width:670px; float:left;}
.catalogRow { float:left;}
#catalogProductsWrapper { width:690px; float:left; padding-top:20px;}
.catalogProductImage { margin:0 5px 0 5px;}
.listCatalogProductInfo {width:400px;}
.listCatalogProductImage {width:200px;}
#catalogSortWrapper{margin-top:15px;}
#relatedProductsWrapper{margin-bottom:20px; margin-top:10px;}
#relatedProductsHeader{margin-top:0px;}
#prodRevProductWrapper {border:none;}
#prodBreadcrumbs {margin:10px 0;}
#pageChoiceWrapper {float:right; margin-right:25px;}
/*.catalogProductName {overflow:hidden; text-overflow: ellipsis; white-space:nowrap;}*/
.catalogTableLayoutHeader {background-color:#01914B;}
.catalogTableLayoutHeader td{padding:5px;}
#pageChoiceWrapper {margin:0px 10px;}
/*******************************************************/
/******** CSS BELOW SHOULD NOT NEED MODIFICATION *******/
/*******************************************************/
/* DEV MODE */
#devmode {background-color:#999999;color:#FFFFFF;font-size:.8em;font-weight:bold;width:100%;text-align:center;position:fixed;bottom:0;left:0;padding:1px;margin:0px;cursor:pointer;}
/* CSS HACKS */
.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 */

/*******************************************************************/
/************************ CSS for Shade Tabs  **********************/
/*******************************************************************/
#searchBlock a{text-decoration: none;}
#searchBlock {  overflow:hidden;}
#pageEditTabs { text-decoration:none;}

.shadetabs{
	padding: 5px 8px 5px 8px;
	margin-left: 4px;
	margin-top: 3px;
	margin-bottom: 0;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-style:italic;
	list-style-type: none; text-decoration:none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{ text-decoration:none;
	display: inline;
	margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	padding: 5px 15px 5px 15px;
	margin-right: 3px;
	border: 1px solid #778;
	background: white url(/img/layout/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
	color: #2d2b2b;	
	text-decoration: none;
}

.shadetabs li a:hover{
	color: #2d2b2b; 
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
	top: 1px;
	text-decoration: none;
}

.shadetabs li a.selected{ /*selected main tab style */
	background:#FFF; text-decoration:none; margin-top:0;
	/*border-bottom-color: white;*/
	background: white url(/img/layout/shadeactive.gif) top left repeat-x;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
	text-decoration: none;
}

.tabcontent{display:none;}

@media print {
	.tabcontent {display:block !important;}
}