/**************************************************
 Common styling
 **************************************************/

body {
	background-color: #5C5C5C;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

img {
	border: 0;
}

h1 {
	font-size: 18px;
	margin: 16px 0 8px 0px;
	padding-bottom: 2px;
}

#navbar {
	font-size: 11px;
	margin: 0;
	color: #666;
}

#navbar a {
	font-weight: bold;
	text-decoration: none;
}

#navbar a:hover {
	text-decoration: underline;
}

.gradL {
	background-image: url('/images/main/grad-left.gif');
	background-repeat: repeat-y;
	background-position: right;
	width: 8px;
}

.gradR {
	background-image: url('/images/main/grad-right.gif');
	background-repeat: repeat-y;
	background-position: left;
	width: 8px;
}

#container {
	float: right;
	width: 607px;
	padding: 0px 1px 0px 0px;
	font-size: 13px;
	text-align: left;
}

#products-page{
	width: 584px;
	padding-right: 23px;
	line-height: 22px;
}

#content {
  width: 956px ;
  margin-left: auto ;
  margin-right: auto ;
}

#content .footer {
	font-size: 11px;
	color: #FFFFFF;
}
#content .menuTop {
	font-size: 12px;
	color: #FFFFFF;
}

#content #rotatorTop {
	height: 343px;
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: bottom;
	text-align: right;
}

#content #rotatorBottom {
	background-color: #FFFFFF;
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
}

#cu3er-container {
	width:546px;
	margin: 0px 44px 0px 0px;
	outline:0;
}

#list-menu {
  margin: 0px 48px;
  padding: 0px 8px;
  font-size: 12px;
}

#list-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#list-menu li {
margin: 2px 0;
}

#list-menu a {
	display: block;
	padding: 4px 4px 4px 10px;
	text-decoration: none;
	border-bottom-color: #BAB2A0;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #000000;
}

#list-menu a:hover {
	border-bottom: 1px #333333 dotted;
	background: #CCC4B0;
	color: #ffffff;
}



/**************************************************
 Sign In Drop Down Box
 **************************************************/

a:link, a:visited {
    color:#27b;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border-width:0;
}
#loginBox {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#loginBox a.signin {
    background:#333;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url('/images/main/signin-nav-bg-ie.png') no-repeat 0 0;
    *padding:4px 12px 6px;
}
#loginBox a.signin:hover {
    background:#666;
    *background:transparent url('/images/main/signin-nav-bg-hover-ie.png') no-repeat 0 0;
    *padding:4px 12px 6px;
}
#loginBox a.signin, #loginBox a.signin:hover {
    *background-position:0 3px!important;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url('/images/main/toggle_down_light.png');
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
}
#loginBox a.menu-open {
    background:#dddddd!important;
    color:#666!important;
    outline:none;
}
a.signin.menu-open span {
    background-image:url('/images/main/toggle_up_dark.png');
    color:#789;
}

#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#dddddd;
    position:absolute;
    width:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 27px;
	right: 0;
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('/images/main/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}

/**************************************************
 New Account styling
 **************************************************/

#signupBox {
    padding:10px 0px 12px;
    font-size:11px;
    line-height:23px;
    text-align:right;
}
#signupBox a.signup {
    background:#333;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url('/images/main/signin-nav-bg-ie.png') no-repeat 0 0;
    *padding:4px 12px 6px;
}
#signupBox a.signup:hover {
    background:#666;
    *background:transparent url('/images/main/signin-nav-bg-hover-ie.png') no-repeat 0 0;
    *padding:4px 12px 6px;
}
#signupBox a.signup, #signupBox a.signup:hover {
    *background-position:0 3px!important;
}

a.signup {
    position:relative;
    margin-left:3px;
}
a.signup span {
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 0px 6px 0;
}




/**************************************************
 Top Navigation Menu
 **************************************************/

ul#topMenu {
	z-index: 0;
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topMenu li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Important--*/
	text-align: center;
}
ul#topMenu li a {
	color: #fff;
	float: left;
	padding: 16px 0px;
	height: 16px;
	background: url('/images/main/topmenu_grad.png') no-repeat; 
}
ul#topMenu li:hover a, ul#topMenu li a:hover {
	text-decoration: none;
	background: url('/images/main/topmenu_grad-on.png') no-repeat;
} /*--Hover State--*/
ul#topMenu a.about { width: 80px; }
ul#topMenu a.products { width: 100px; }
ul#topMenu a.nonprofit { width: 160px; }
ul#topMenu a.neworder { width: 130px; }
ul#topMenu a.quoterequest { width: 130px; }

ul#topMenu li .dropMenu {
	z-index: 5;
	width: 450px;
	position: absolute; /*--Important--*/
	top: 48px;
	left: -40px;
	background: url('/images/main/dropdown_bg.png') repeat-x; /*--Background gradient--*/
	border-bottom: solid 3px #000;
	padding: 20px 20px 0 20px;
	float: left;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topMenu li .dropMenu ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#topMenu .dropMenu ul li {
	width: 100%; /*--Override parent list item--*/
	color: #000;
	text-align: left;
}
ul#topMenu .dropMenu ul li h2 { /*--Sub nav heading style--*/
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}
ul#topMenu .dropMenu ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0 5px 4px;
	background-image: none;
	color: #745d2f;
	font-weight: bold;
}
ul#topMenu .dropMenu ul li h2 a:hover { color: #000; }
ul#topMenu .dropMenu ul li a {
	font-size: 0.9em;
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url('/images/main/dropdown_bullet.png') no-repeat 6px 8px;
	padding: 3px 5px 3px 15px;
	display: block;
	text-decoration: none;
	color: #000;
}
ul#topMenu .dropMenu ul li a:hover {
	background: url('/images/main/dropdown_hover.png') repeat-x; /*--Background gradient--*/
}
