/****************************************************
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:#666633;} 

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:960px; margin:0 auto; z-index:1000;} 
h1 {font-size:9px; position:relative; margin:0 auto;}
/* HEADER */ 
#header {position:relative; width:960px; margin:0; z-index:100000;}
#headerTileImg {position:absolute; top:11px; left:0; width:100%; height:101px; background:url(../img/bgtop.gif) bottom left repeat-x; z-index:5;}
#logo {margin:33px 0 0 0; padding: 0; width:220px; height:68px; background:url(../img/uw_logo.gif) top left no-repeat; z-index:1000;}
#logo a { width:220px; height:68px; z-index:1000; display:block;}

#subNav ul {position:absolute; top:28px; left:220px; padding-left:20px; width:720px; background:#FFF;}
#subNav li {float:left; list-style:none; margin:0 5px 0 5px; padding:5px 20px 5px 1px; text-align:center; background:url(../img/borderSubnav.jpg) right center no-repeat; }
#subNav li.end {background:none; }
#subNav li a {color:#000; text-decoration:none; font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#subNav a:hover { color:#066;}

#topNav {position:absolute; top:-38px; right:10px; width:350px; height:16px; }
#topNav ul { float:right;}
#topNav li {float:left; list-style:none; padding:0 5px; border-right:#FFF solid 1px; }
#topNav li.end { border-right:none; }
#topNav li a { text-decoration:underline; color:#fff; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#topNav a:hover {text-decoration:none;}


#freeShipping { position:absolute; top:0; right:0px; width:360px; height:21px;  padding:10px 5px 5px 5px; }
#freeShipping a { color:#000; text-decoration:underline;  }
#freeShipping a:hover { text-decoration:none;}

#subNavText {position:absolute; top:0; padding:10px; left:220px; width:350px; height:16px; background:#CCCC99;} 
#subNavText p {color:#333; font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; margin-top:0;}
#contactInfo {position:absolute; right:0px; top:50px; text-align:right; width:300px;}
#cart {position:absolute; right:10px; top:75px; text-align:right; width:300px; color:#000;}
#cart a { color:#000;}

/********** left Navigation **********/
#mainNav { float:left;  width:214px; margin:0; z-index:100000; min-height:550px; }
#mainNav ul { padding:0; float:left; margin:4px 5px 0 5px;}
#mainNav li {float:left; position:relative; list-style:none; margin:0 10px;  width:185px;}
#mainNav li.end { margin-bottom:10px;}
#mainNav ul li a {float:left; color:#FFF; text-decoration:none; padding:0 5px; font:11px Arial, Helvetica, sans-serif; font-weight:normal; }
#mainNav ul li a:hover, #mainNav ul li:hover {text-decoration:none; color:#333; background:#CCC; width:185px; }
#mainNav p { background:#666633; margin:5px auto 0 auto; width:190px; color:#FFF; font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:center; }
#mainNav h3 {  margin:5px auto 0 auto; width:190px; color:#FFF;  font:12px "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; font-weight:bold; }
#nav { margin-top:10px; margin-bottom:10px;}
/*******DROP-DOWNS I HOPE*********/
#mainNav li ul {position:absolute; height:15px; top:15px; left:-9999px; margin:-15px 0 0 -10px; padding:0; width:1%; z-index:1000000; display:block;}
#mainNav li ul li {background-image:none; height:auto; width:185px; padding:0 3px; margin:0 0 0 190px;}
#mainNav li ul li.first {margin:5px 0 0 0;}
#mainNav li ul li.last {margin:0 0 5px 0;}
#mainNav li ul li.single {padding:5px 0 5px 0;}
#mainNav li ul li a { background:#D1D1D1; height:auto; width:185px; margin:0; padding:5px; font:bold 10px Arial, Helvetica, sans-serif; color:#000; text-decoration:none;}
#mainNav li ul li a:hover {background-image:none; background:#EFEFEF; height:auto;}
#mainNav li:hover ul {left:auto;}
#mainNav li:hover ul, #nav li.sfhover ul {left:0;}

#search { float:left; margin:0 0 0 15px; height:25px; background:#666; width:190px; padding:10px 0; }
.searchBox { float:left; width:110px; height:16px; margin:0 0 0 10px;}
#searchButtonHolder { float:left; width:40px; margin:0 0 0 5px; background:#CCC; padding:4px; }
.searchButtonHolder a:hover { text-decoration:underline;}

/* CONTAINER */ 
#container {width:100%; background:url(../img/contentBack.png) top left repeat-y; margin: 0; z-index:1;}
#containerCap {width:100%; height:3px; background:url(../img/contentBottom.png) top left; margin:-3px 0 0 0; z-index:1;}
#container a {color:#267d76; text-decoration:underline;}
#container a:hover {color:#354035; text-decoration:none;}
#content {float:left; width:705px; margin:20px 0 0 40px; padding-bottom:0;}
#contentRight {float:right; width:270px; height:500px; margin:0;}

#homePageFlash { float:left; width:740px; height:200px; margin:-20px 0 0 -34px; z-index:-1;}
#homeLeft { float:left; width:328px; height:429px; background-color:#CCCC99; margin:5px 0 -5px -34px; padding:10px 20px 9px 20px;}
#homeLeft img { float:left; margin:20px auto 0 auto; vertical-align:middle; width:325px; height:228px; }
#homeRight { float:left; width:361px; background:#999966; height:448px; margin:5px 0 0 0; padding:0 0 0 10px;}
#homeRight img { position:absolute; bottom:0px; right:10px;}
/*#homeRightBottom { float:left; width:371px; background:#999966; height:212px; margin:0; z-index:0;}*/
.permaPageImage { float:right; margin:10px 0;}

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

#contactText { float:left; margin:10px 0 0 30px; padding:0 0 20px 10px; width:300px; height:400px;text-align:left;  }

.text { font:.8em Arial, Helvetica, sans-serif; font-weight:bold; }
#contactForm { position:relative; top:20px; right:15px; width:300px; 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 #646537;font-size:11px;}
.formContainer p.legend em {color:#E41937; font-style:normal; }

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

.formContainer form fieldset {margin:15px 0; padding:5px; border:#646537 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:#646537; border:1px solid #646537;}

.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:#646537; top:-1px;}

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

.formContainer div.buttonrow {text-align:center; margin:10px 0;}
#productInfoImage {margin-right:10px; width:290px;}
.productTagHolder {clear:both;}

/************ End Form **************/



/* FOOTER */ 
#footerWrapper {width:100%; height:194px; background:url(../img/footer.png) top left repeat-x;}
#footer {width:960px; height:194px; margin:0 auto; }
#footerLinks {float:right; height:30px; margin:5px 0;}
#footerLinks p {font-size:10px; color:#7cd710; margin:0;}
#footerLinks ul {padding:0;}
#footerLinks li {float:left; list-style:none; padding:0 5px 0 5px; border-right:#FFF solid 1px;}
#footerLinks li.end { border-right:none;}
#footerLinks ul li a {color:#FFF; font-size:10px; text-decoration:none;}
#footerLinks ul li a:hover {text-decoration:underline;}

#socialLinks { float:left; margin:15px 0 0 0;  width:200px; height:20px; }
#socialLinks p { float:left; font:14px Arial, Helvetica, sans-serif; color:#FFF; line-height:6px;}
#socialLinks a {  padding:5px 2px 0 2px;  }
#socialLinks img { width:20px; height:20px;}

#footerLogo {float:right; text-align:right; width:900px; height:12px; margin:-6px 0 0 0; color:#FFF; font:10px Arial, Helvetica, sans-serif;}
#footerLogo p { color:#FFF;}
#footerLogo a { color:#FFF;}

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

/*****************************************************/
/************************ TABS ***********************/
.newsTab {
padding:5px 0px 3px 3px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left;
height:23px;
}

.newsTab li{
display: inline;
margin: 0;
}

#newsTabs li a,#newsTabs li a:link,#newsTabs li a:active,#newsTabs li a:visited,#newsTabs li a:hover{
text-decoration:none;
color:#003F74;
font-size:14px;
position: relative;
z-index: 1;
padding: 2px 3px 9px 3px;
margin-right: 5px;
width:410px;
overflow:hidden;
height:23px;
background:url(/img/tab-bg.jpg) repeat-x;
border:1px solid #DDDDDD;
-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
}

#newsTabs li a.selected{ /*selected main tab style */
position: relative; background:#dddddd;
}

#newsTabs li a.selected{ /*selected main tab style */
/*border-bottom-color: white;*/
text-decoration:underline;
}

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




.newsTabWrapper {width:350px; }
.newsTabContent {width:350px;}
.newsTabContent ul li a, ul li a:link, ul l  a:active, ul li a:visited, ul li a:hover {color:#333; font-size:12px;}
#feeds {width:330px; height:250px; background:url(/img/layout/interior-footer-bg.png) top left no-repeat;}
#twitterFeed {float:left; width:330px; height:225px; margin:0; color:#666; background:#dddddd; padding:5px 20px 0 0;}
#twitterFeed a {text-decoration:underline;}
#twitterFeed a:hover {color:#a6a6a5; text-decoration:none;}
#twitterFeed {height:195px;}
.twitterElement {padding:0 0 5px 0; margin-bottom:5px; width:325px; border-bottom:1px solid #fff;} 
.twitterElementLast {padding:0 0 5px 0; width:325px; border-bottom:1px solid #ddd; } 
#twitterFeed ul li {height:auto;}
.twitterList { padding:0 0 0 20px;}



/*******************************************************/
/***************** CMS STYLE OVERRIDES *****************/
/*******************************************************/
#treePageListWrapper {
	width:200px;
}
#treePageDetailsWrapper {
	width:600px;
}
#treePageDetailsImage img { margin:0 10px 10px 0;}
#sort { margin-right:10px;}
.prodFiles li { list-style:none;}
/*******************************************************/
/******** 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 */