/* normalize defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, img, ol, ul, li, fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}

td { vertical-align: top; }

body {
	font-family: Tahoma, Trebuchet, 'Trebuchet MS', sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	background-color: #ffffff;
	text-align: center; /* fixes centering bug in IE -- text reset to left-flush in container DIV */
}

html { overflow: -moz-scrollbars-vertical !important; } /* firefox page shift fix */

/* LINK STYLES */

a { text-decoration: none; }
a:link { color: #c40e2f; }
a:visited { color: #c40e2f; }
a:hover { color: #666; text-decoration: underline; }
a:active { color: #333; }



/* GENERAL CONTENT STYLES */

p { margin: 0px; padding-bottom: 11px; }
h1 { margin: 0px 0px 8px -26px; padding: 0px; font-size: 24px; line-height: 28px; color: #0077c0; }
h2 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 14px; line-height: 17px; font-weight: bold; color: #c40e2f; }
h2.greyintro { margin: 6px 0px 2px 0px; padding: 0px; font-size: 18px; line-height: 22px; font-weight: bold; color: #717073; }
h3 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: bold; color: #333333; }
h4 { margin: 6px 0px 2px 0px; padding: 0px; font-size: 12px; line-height: 14px; font-weight: normal; color: #333333; font-style: italic; }
ul, ol { margin: 0px 24px 12px 24px; }

#horizontalrule { height: 1px; min-height: 1px; font-size: 1px; overflow: hidden; margin: 12px 0; border-bottom: 2px dotted #ccc; }


table.portaltable { margin: 0 0 12px 0; }
table.portaltable th { padding: 5px; background-color: #0077c0; color: #fff; text-align: left; } 
table.portaltable td { padding: 5px; } 
table.portaltable.tinted { background-color: #e0eef7; }

table.portalform td { padding: 5px; } 

.required { color: #c40e2f; }
.print { float: right; margin: 0 -5px 12px 12px; }
.floatright { float: right; margin: 0 0 12px 12px; }

.quote { color: #c40e2f; }

input { border: 1px solid #999; padding: 3px; }
input.greybutton { border: 1px solid #999; padding: 3px; background-color: #666; color: #fff; }


/* HEADER */
#header { height: 145px; min-height: 145px; margin: 10px 0 0 0; font-size: 11px; line-height: 13px; }
#headerleft { float: left; width: 300px; }

#headerlogo { float: left; width: 200px; text-align: center; margin-top: 25px; }

#headerright { width: 300px; margin-left: 535px; text-align: right; }

#headerright a:link { color: #c40e2f; text-decoration: none; }
#headerright a:hover { color: #c40e2f; text-decoration: underline; }
#headerright a:visited { color: #c40e2f; }
#headerright a:active { color: #7a7a7a; }

p.call { font-size: 18px; color: #c40e2f; }
p.shoppingcart {  margin: 15px 0; color: #666; line-height: 16px; }
p.shoppingcart img.carticon { float: left; margin-left: 255px; }
p.customerservice { text-align: right; margin-top: 95px; color: #7a7a7a; font-size: 11px; }

form.homeloginform { width: 192px; }
form.homeloginform input.textfield { width: 160px; margin: 4px 0; border: 1px solid #C5C5C5; font-size: 10px; color: #C5C5C5; padding: 2px; }
	
input.submitbutton {
	-moz-box-shadow:inset 0px 1px 0px 0px #e6556f;
	-webkit-box-shadow:inset 0px 1px 0px 0px #e6556f;
	box-shadow:inset 0px 1px 0px 0px #e6556f;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e02d4e), color-stop(1, #ab132f) );
	background:-moz-linear-gradient( center top, #e02d4e 5%, #ab132f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e02d4e', endColorstr='#ab132f');
	background-color:#e02d4e;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #e02d4e;
	display:inline-block;
	color:#ffffff;
	font-family:Trebuchet MS;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	line-height:18px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 1px #b23e35;
	margin: 4px 0 0 0;
	padding: 0px 4px;
}
.submitbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ab132f), color-stop(1, #e02d4e) );
	background:-moz-linear-gradient( center top, #ab132f 5%, #e02d4e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ab132f', endColorstr='#e02d4e');
	background-color:#ab132f;
}
.submitbutton:active {
	position:relative;
	top:1px;
}

p.forgotpassword { padding: 0; margin: 0; font-size: 11px; line-height: 18px; }


/* HOME ITEMS */

#homeboxleft { float: left; width: 241px; height: 190px; min-height: 190px; margin: 15px 0; }
p.homebutton { width: 215px; padding: 5px; border-top: 2px dotted #cccccc; text-transform: uppercase; }
p.homebutton a { text-decoration: none; }
p.homebutton a:link { color: #666; }
p.homebutton a:visited { color: #666; }
p.homebutton a:hover { color: #666; text-decoration: underline; }
p.homebutton a:active { color: #333; }

p.homebutton-viewpay { padding: 0 0 6px 18px; }
p.homebutton-notmember { padding: 0 0 0 18px; }
p.homebutton-notmember a { text-decoration: none; }
p.homebutton-notmember a:link { color: #666; }
p.homebutton-notmember a:visited { color: #666; }
p.homebutton-notmember a:hover { color: #666; text-decoration: underline; }
p.homebutton-notmember a:active { color: #333; }

#searchwrapper { position: relative; width: 240px; }
input.searchfield { position: absolute; top: 0; left: 0; width: 180px; padding: 5px; margin: 5px 0; border: 1px solid #cccccc; color: #666; }
input.searchsubmit { position: absolute; top: 3px; right: 15px; border: none; }

#homeboxmiddle { float: left; width: 213px; height: 160px; min-height: 160px; margin: 15px 0; padding: 0 15px 15px 15px; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc;}

#homeboxright { height: 160px; min-height: 160px; margin: 15px 0 0 500px; }
#homeboxright.portal { margin: 15px 0 0 250px; }

h3.homesectionhead { font-size: 10px; font-weight: normal; color: #666; text-transform: uppercase; margin: 0 0 15px 0; }
p.announcement { font-size: 20px; line-height: 22px; font-weight: bold; color: #c40e2f; margin: 0 0 15px 0; }
p.announcementlink { font-size: 14px; font-weight: bold; color: #c40e2f; margin: 0 0 15px 0; }

p.announcementlink a { text-decoration: none; }
p.announcementlink a:link { color: #c40e2f; }
p.announcementlink a:visited { color: #c40e2f; }
p.announcementlink a:hover { color: #666; text-decoration: underline; }
p.announcementlink a:active { color: #333; }
.highlight { color: #666; }


/* LAYOUT ELEMENTS */

#container { text-align: left; width: 835px; margin: 0px auto; background-color: #fff; }
#pagemenu { float: left; width: 129px; min-height:140px; height: auto !important; height: 140px; margin-bottome: 25px; }
#sidebar { float: right; width: 160px; min-height:140px; height: auto !important; height: 140px; margin-bottome: 25px; padding-left: 15px; border-left: 1px solid #999; }
#maincontent { margin-left: 180px; width: 440px; padding: 0 30px 20px 0; } /* for pages with full sidebar */
#maincontentwide { margin-left: 160px; width: 625px; height: auto !important; min-height: 360px; padding: 5px 20px 5px 30px; } /* for pages with NO sidebar */
#maincontentwide.tinted { background-color: #e0eef7; }
#contentwrapper { margin: 15px 0; background-image:url(../images/bg_maincontent.gif); background-repeat: repeat-y; }


/* MAIN MENU */

#mainmenu { height: 22px; border-top: 2px dotted #ccc; border-bottom: 2px dotted #ccc; }
#mainmenuright { float: right; width: 320px; height: 20px; text-align: right; margin-top: 2px; color: #7a7a7a; font-size: 11px; }
#mainmenuright .welcome { color: #c40e2f; }

#mainmenuright a { text-decoration: none; }
#mainmenuright a:link { color: #7a7a7a; }
#mainmenuright a:visited { color: #7a7a7a; }
#mainmenuright a:hover { color: #c40e2f; text-decoration: underline; }
#mainmenuright a:active { color: #000000; }

.separator { color: #999; margin: 0 2px; }



/* PAGE MENU CONTENT*/

#pagemenu p.sectionhead { font-size: 10px; font-weight: normal; color: #c40e2f; text-transform: uppercase; margin: 0 0 15px 0; }

#pagemenu a { text-decoration: none; font-weight: bold; }
#pagemenu a:link { color: #666; }
#pagemenu a:visited { color: #666; }
#pagemenu a:hover { color: #c40e2f; }
#pagemenu a:active { color: #333; }

#pagemenu a.selected { text-decoration: none; font-weight: bold; }
#pagemenu a.selected:link { color: #c40e2f; }
#pagemenu a.selected:visited { color: #c40e2f; }
#pagemenu a.selected:hover { color: #333; }
#pagemenu a.selected:active { color: #c40e2f; }


#pagemenu ul { list-style-image: url(../images/bullet.gif); margin: 0px 0px 0px 16px; padding: 0px; }
#pagemenu ul li { margin: 0px 0px 8px 0px; }

/* third-level menu */
#pagemenu ul ul {
	list-style-image: none;
	list-style-type: disc; margin-top: 8px; font-size: 10px; line-height: 13px;
}

#pagemenu.portalsidebar { border-top: 10px solid #e0eef7; border-bottom: 10px solid #e0eef7; background-color: #0077c0; margin-bottom: 15px; }
#pagemenu.portalsidebar p { padding: 10px; margin: 0; color: #fff; font-size: 14px; line-height: 18px; font-weight: bold; }



/* SIDEBAR CONTENT STYLES */
#sidebar h2 { font-size: 12px; line-height: 16px; font-weight: normal; }



/* FOOTER */

#footer { clear: both; font-size: 11px; background-image: url(../images/bg_dottedline.gif); background-repeat:repeat-x; margin-top: 15px; padding: 15px 0; }
p.copyright { text-align: right; }
p.footerstatement { text-align: center; width: 515px; margin: 0 auto; }

#footer a { text-decoration: none; }
#footer a:link { color: #666; }
#footer a:visited { color: #666; text-decoration: underline; }
#footer a:hover { color: #c40e2f; }
#footer a:active { color: #333; }



/* LOGIN AREA HOME */

input.username { width: 140px; padding: 5px; margin: 2px 0; border: 1px solid #cccccc; }
input.password { width: 140px; padding: 5px; margin: 2px 0; border: 1px solid #cccccc; }
.loginbutton { float: right; width: 39px; margin: 0 8px 0 12px; border: none; }
.remembermetext { font-size: 11px; }
.notamember { font-size: 11px; margin: 12px 0; }


#portallogin { float: left; width: 160px; padding: 0px 20px 0 0; margin: 0 0 25px 0; border-right: 1px solid #fff; }
#portallogin.portal { border-right: 1px solid #ccc; }
#portallogin p.portalheading { font-size: 11px; font-weight: normal; color: #666; text-transform: uppercase; padding: 0; margin: 0; }

#portallogin .smalltext { font-size: 11px; margin: 0 0 8px 0; padding: 0; color: #666;  }


/* LOGIN PAGE */

#contentlogin { position: relative; min-height: 240px; height: auto !important; height: 240px; background-color: #e1e2e2; margin: 0; }
#contentlogin h1 { position: absolute; top: 90px; left: 120px; }
#loginform { width: 240px; margin: 0 auto; padding: 90px 0 40px 0; }
.loginalert { position: absolute; top: 50px; left: 95px; font-weight: bold; color: #c40e2f; }

/* SEARCH ERROR POPUP */

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
 
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 33%;
	width: 400px;
	height: 180px;
	padding: 16px;
	border: 2px solid #c40e2f;
	background-color: white;
	z-index:1002;
	overflow: auto;
}