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

h4 {
	color: #735f2c;
	font-style: italic;
}

#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;
}

#social-links {
  margin: 20px 60px;
  padding: 6px;
  font-size: 12px;
}

#social-links a, #social-links a:link, #social-links a:active, #social-links a:visited {
	text-decoration: none;
}


/**************************************************
 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 {
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topright: 0;
border-radius: 5px;
border-top-right-radius: 0;
	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-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;
	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;
}

/**************************************************
 Rotator
 **************************************************/

#rotator {
width: 533px;
text-align: center;
padding: 0px 44px 24px 0px;
float: right;
}


/**************************************************
 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--*/
}