﻿/* ------------- COLOR SCHEME --------------
Light Grey  E9E9E9
Mid Grey  DFE0E0
Dark Grey  585858
Red  F80000
blue  3D549D
-------------------------------------------*/

body 
{
padding:0;
margin:0;
font-family:verdana, arial, san-serif;
font-size:small; 
color:#585858;
background:#FFFFFF;
line-height:1.5em;
text-align:center;
}


/* positioning */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear:both;}


/* global defalt elements */
p { padding:0px; margin-top:0;}
/*ul
{
	padding-left:25px;
	margin-top:0px;
	font-size:inherit;
}*/
/*ul { font-size:xx-small;}*/

li {list-style-type:disc;}

img { border:0px;}
a:link, a:visited, a:hover, a:active { color:#F80000; }
a:hover { color:#3D549D;}
table {font-size:small;}
TH.admin { width:35%; text-align:right; vertical-align:top; font-family: verdana, Helvetica, Arial; }
TH.adminLeft { width:35%; text-align:left; vertical-align:top; font-family: verdana, Helvetica, Arial; } 
TD.admin { text-align:left; vertical-align:top; }
TABLE.admin { text-align:center; width:545px; }
TABLE.RFQDisplay
{
	width:545px;
	border: solid 1px #BCBCBC;
	background-color:#E3E3E3;
}
.optionSelect
{
	font-size:10px;	
	width:100%;
	height:200px;
	overflow:visible;
}
div.adminDiv
{
z-index:inherit;
border: solid 1px #000;
background-color:#E3E3E3;
}

/* headings */
h1 
{
font-size:115%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-indent:8px;
height:21px;
background: url(../img/heading.gif) no-repeat left; 
}

h2
{
font-size:111%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin:0;
}
h3
{
font-size:100%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-align:center;
}

h4
{
font-size:90%;
font-weight:900;
font-family:arial, verdana, san-serif;
margin-bottom:5px;
text-align:left;
}

h5
{
font-size:145%;
font-weight:bold;
font-family:arial;
margin-bottom:5px;
text-align:center;
}

.SubTitle
{
	font-size:small;
	font-weight:bold;
	font-variant:small-caps;
	text-decoration:underline;
	
}

/* main  */
#all /* this is the container that holds all page content together, mainly used for centering layout */
{
width:758px;
margin-left:auto;
margin-right:auto;	
text-align:left;
} 

.noprint 
{
	display:none;
}
/* header elements  */
#header
{
	display:none;
}

#header .logo
{
	display:none;
}

#search 
{
	display:none;
}

.txtBox
{
	display:none;
}

.btn
{
	display:none;
}

#rotator
{
	display:none;
}

/* main elements */
#main 
{
width:758px;
float:left;
}

#content
{
width:554px;
float:left;
text-align:left;
padding:5px 10px;
border:0px solid red;
}

.h20Mark {background: url(../img/h2oMark.png) no-repeat center; }

/* footer elements */

#footer
{
	display:none;
}


/* homepage content */
#tradeshows
{
float:left;
width:100px;
}




/* news elements */
#homepageTabs 
{
background:url(../img/tabBg.jpg) repeat-y;
height:auto;
}

#tabs 
{
z-index:2;
position:relative;
top:0;
text-align:left;
font-weight: 400;
margin-top:0;
width:299px;
cursor:pointer;
}

#news
{
z-index:1;
position:relative;
top:-25px;
padding:30px 10px 0 10px;
width:279px;
background: url(../img/tabNews.jpg) top no-repeat;
display:none;	
}

#greatDeals
{
z-index:1;
position:relative;
top:-25px;
font-size:80%;
padding:30px 10px 0 10px;
width:279px;
background: url(../img/tabGreatDeals.jpg) top no-repeat;
display:none;
}

#pdf
{
list-style:none;
font-size:80%;
margin:0 0 0 5px;
text-align:left;
padding:0;
}

#pdf a:link, #pdf a:visited, #pdf a:active, #pdf a:hover
{
color:#666;
background:url(../img/pdfIcon.jpg) no-repeat;
text-decoration:none;
padding-left:20px;
}

#pdf a:hover
{
color: #F80000;
}

#tabBottom 
{
position:relative;
height:20px;
width:299px;
background:url(../img/tabBottom.jpg) no-repeat;
}

a.link:link, a.link:visited, a.link:active, a.link:hover
{
color:#F80000;
font-size:70%;
font-weight:900;
background:url(../img/link.gif) no-repeat;
text-decoration:none;
padding-left:16px;
}

a.link:hover
{
color:#666;
}

legend
{
font-weight:900;
color:#585858;
}

/* Product Pages */

.Configuration
{
border:1px solid #CDCFCE;
border-top:0;
padding:10px;
margin-bottom:10px;
background:#D7D8D8 url(../img/configurationBg.jpg) repeat-x top;
}


.logoHeading
{
height:20px;
padding:0;
padding-right:60px;
font-weight:900;
font-size:110%;
text-align:right;
background:#CDCFCE url(../img/logoHeading.gif) no-repeat right;   
}

.series
{
padding:10px;
border:dotted 1px #BCBCBC;
margin-bottom:10px;
}

.options
{
float:left;  
border:dotted 1px #BCBCBC;
padding:5px;
padding-top:0;
width:154px;
margin:5px;
}
.options h3 {color:#fff; background-color:#C0C0C0;}

.adminOptions
{
background-color:#E3E3E3;
float:none;  
border:solid 1px #BCBCBC;
padding:5px;
padding-top:0;
width:480px;
margin:5px;

text-align:left;
}
.adminOptions h3 {color:#fff; background-color:#C0C0C0; font-size:larger;}
.adminOptions li
{
	list-style-type:none;
}
.adminScroll
{
background-color:#E3E3E3;
margin:2px;
height:180px;
width:100%;
overflow:auto;
font-size:200%;
}

.subItems
{
float:left;  
border:solid 1px #BCBCBC;
vertical-align: middle;
padding:5px;
padding-top:10;
width:542px;
margin:0px;
}

.subItems h3 {color:#fff; background-color:#C0C0C0;width:100%;}
.scroll
{
width:150px;
margin:2px;
height:70px;
overflow:auto;
}


a.mod:link, a.mod:visited, a.mod:active, a.mod:hover, a.opt:link, a.opt:visited, a.opt:active, a.opt:hover
{
color:#666;
font-size:70%;
background:url(../img/modIcon.jpg) no-repeat;
text-decoration:none;
padding-left:14px;
}

a.mod:hover,  a.opt:hover
{
color: #F80000;
}


a.lit:link, a.lit:visited, a.lit:active, a.lit:hover
{
color:#666;
font-size:70%;
background:url(../img/pdfIcon.jpg) no-repeat;
text-decoration:none;
padding-left:14px;
}

a.lit:hover
{
color: #F80000;
}
.headingText
{
	font-family: Arial;
	font-size:12px;
	font-weight:bold;
}
.selectedOptions
{
	font-family: Arial;
	font-size:50%;
	font-weight:normal;
}
.WorksheetList
{
	padding-left:20px;
	border: dotted 1px #d3d3d3;
}

.tinyText
{
	font-size:9px;
}
#helpDiv 
{
	border:solid 1px #d3d3d3;
	text-align:left;
	background-color:white;
	padding:10px 0px 10px 0px;

}

#helpDiv li
{
	list-style-type:none;
	list-style-image: url("../img/help_bullet.gif");
	line-height:15px;
	padding-left:10px;
	padding-right:10px;
	width:90%;
}

#helpDiv h2
{
	font-size:15px;
	font-weight:normal;
	padding-left:2px;
	background-color:Gray;
	border:solid 1px #d3d3d3;
	color:White;
}

a.admin:link 
{
	text-decoration:underline;
	color:#666;
}
a.admin:visited 
{
	text-decoration:underline;
	color:#666;
}
a.admin:hover 
{
	text-decoration:none;
	color:#F80000;
}
a.admin:active 
{
	text-decoration:underline;
	color:#F80000;
}
.TableHeading
{
	font-size:14px;
	font-weight:bold;
	background-color:#ececec;
	text-align:center;
}
.bold
{
	font-weight:bold;
	text-align:right;
}
Table.RFQReview
{
	width:545px;
	background-color:Silver;
}
Table.RFQReviewInner
{
	padding:0px;
	width:545px;
	background-color:White;
	
}
/*

For use in the admin when displaying nested repeaters.

*/

ul.MainList
{
	text-align:left;
	width:90%;
	background-color:white;
	border: solid 1px #d3d3d3;
	font-size:16px;
	font-weight:bold;
	list-style-type:none;
	padding-left:2px;
}

ul.HeadingList
{
	text-align:left;
	width:85%;
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
	border: solid 1px #d3d3d3;
	background-color:#ECECEC;
}
ul.SubList
{
	text-align:left;
	width:85%;
	list-style-type:none;
	font-size:12px;
	background-color:#e3e3e3;
	border: solid 1px #d3d3d3;
	font-weight:normal;
}
/* tighter coupled lists for admin nested repeaters */

ul.MainListCompact
{
	width:360px;
	background-color:white;
	border: solid 1px #d3d3d3;
	font-size:16px;
	font-weight:bold;
	list-style-type:none;
	margin:0;
	padding-left:2px;
}

ul.HeadingListCompact
{
	width:85%;
	font-size:14px;
	font-weight:bold;
	list-style-type:none;
	border: solid 1px #d3d3d3;
	background-color:#ECECEC;
	padding-left:8px;
}
ul.SubListCompact
{
	width:85%;
	list-style-type:none;
	font-size:12px;
	background-color:#e3e3e3;
	border: solid 1px #d3d3d3;
	font-weight:normal;
	padding-left:16px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
        /* Top Product Navigation Listing Machine Types */
#topNav
{
	display:none;
}

    /* Machine Type Links */
#topNav a {  
	display:none;
}

    /* Machine Type List Items*/
#topNav li { 
	display:none;
	
}

    /*Sub Unordered List Element*/
#topNav li ul { 
	display:none;
}

    /*sub lists items*/
#topNav li ul li 
{	
	display:none;
	
}

     /*lists nested under hovered list items*/
#topNav li:hover ul, #topNav li.topNavHover ul {
	display:none;
	

}

    /* Sub Nav Links*/
#topNav li ul a:link, #topNav li ul a:visited, #topNav li ul a:active, #topNav li ul a:hover {  
	
	display:none;
      
}
    /* Sub Nav Links Hover State */
#topNav li ul a:hover {
	display:none;
    
} 
/* -------------------------------LEFT NAV -----------------------------------*/

#leftNav
{
	display:none;
}

#leftNav ul
{
	display:none;
}

#leftNav a
{
	display:none;
}

#leftNav table
{
	display:none;
}


#leftNav a:link, #leftNav a:visited, #leftNav a:active, #leftNav a:hover
{
	display:none;
}

#leftNav a:hover
{
	display:none;
}
/* Styles Below for the switch menus used in the admin pages */

#switchMenu 
{
	display:none;
}
  
.mainDiv
{
  width:160px;
}
.topItem
{
	display:none;
}


.dropMenu
{
	display:none;
}

.subMenu
{
display:none;

}
.subItem
{
	display:none;

}

.subItem a
{
	display:none;
}

#switchMenu a
{
	display:none;
}

#switchMenu a:hover {	display:none;
}
