@import url("nav.css");
@import url("content.css");

/* Clear Fix */
/* Apply the clearfix class to any element which acts as a container for floats. */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display:inline-block;
}
/* Hides from IE-mac \*/
.clearfix {display:block;}
* html .clearfix {height: 1px;}
/* End hide from IE-mac */


body,
html {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family:arial, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#333;
	background:url("../images/body_bg.jpg") repeat-x;
}

:focus {
	outline: 0;
	}

a {
	color:#00693C;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#main {
	margin:0px auto;
	width:985px;
	position:relative;
	background:#fff;
}

input.text {
	border:0px;
	background:#e4e4e4;
	font-size:11px;
	color:#333;
}

textarea.text {
	border:0px;
	background:#e4e4e4;
	font-size:11px;
	color:#333;
}

#header {
	position:relative;
	width:983px;
	height:192px;
	background:url("../images/logo_wm.gif") 11px 10px no-repeat;
}

#header a#wm,
#header a#wm:visited,
#footer a#wm_footer,
#footer a#wm_footer:visited  {
	display:block;
	width:75px;
	height:29px;
	position:absolute;
	top:10px;
	left:11px;
	text-indent:-9999px;
}

#footer a#wm_footer,
#footer a#wm_footer:visited  {
	top:18px;
}

#header h1 a,
#header h1 a:visited {
	display:block;
	height:45px;
}

#header h2 a,
#header h2 a:visited {
	display:block;
	height:13px;
}

#header h1 {
	width:270px;
	height:44px;
	background:url("../images/logo_bagster.gif") 0px 0px no-repeat;
	text-indent:-10000px;
	margin:48px 0 0 10px;
	padding:0px 0 0 0px;
	float:left;
}

#header h2 {
	width:160px;
	height:13px;
	background:url("../images/logo_bagster_sub.gif") 0px 0px no-repeat;
	text-indent:-10000px;
	margin:8px 0 0 10px;
	padding:0px 0 0 0px;
	float:left;
	clear:both;
}

#header ul#searchNav input.text {
	width:48px;
	height:14px;
	padding:4px 0 4px 4px;
}

#content {
	min-height:514px;
	background:url("../images/topnav_rule.gif") bottom center no-repeat;
	padding:0px 0 22px 0px;
}

#footer {
	width:983px;
	height:62px;
	background:url("../images/logo_wm.gif") 11px 20px no-repeat;
	position:relative;
	clear:both;
}


#footer ul#footernav,
#footer ul#subFooternav,
#footer ul#languageNav
 {
	position:absolute;
	left:65px;
	top:7px;
}

#footer ul#subFooternav {
	top:24px;
	font-size:10px;
	color:#666;
}

#footer ul#footernav li,
#footer ul#subFooternav li,
#footer ul#languageNav li {
	list-style-type:none;
	float:left;
	margin:0px 15px 0 0px;
}

#footer ul#footernav li a.selected,
#footer ul#subFooternav li a.selected,
#footer ul#languageNav li a.selected {
	color:#999;
}

#header ul#utilityNav,
#header ul#searchNav {
	margin:0px;
	padding:0px;
	position:absolute;
	top:14px;
	left:525px;
	font-size:11px;
	white-space:nowrap;
}

#header ul#searchNav {
	left:640px;
	top:70px;
	width:344px;
}

#header #searchError {
	position:absolute;
	left:640px;
	top:98px;
	width:324px;
	text-align:right;
	color:#ED1C24;
}

#footer ul#languageNav {
	left:816px;
	background:url("../images/langnav_rule.gif") no-repeat 92px 0px;
}

#footer ul#languageNav li {
	height:14px;
	font-size:9px;
}

#header ul#utilityNav li,
#header ul#searchNav li {
	list-style-type:none;
	float:left;
	font-weight:bold;
}

#header ul#searchNav li {
	font-weight:normal;
	margin:0px 9px 0 0px;
	line-height:22px;
}

#header ul#searchNav li.submit {
	margin:0px 0px 0 0px;
}

#header ul#searchNav li.submit input {
	position:relative;
	top:-2px;
}

#header ul#utilityNav li a,
#header ul#searchNav li a {
	color:#00693C;
}

#header ul#utilityNav li.login {
	font-size:13px;
	background:url("../images/utilnav_rule.gif") 0px 1px no-repeat;
	width:57px;
	height:13px;
	margin:0px 0 0 10px;
}

#header ul#utilityNav li.login a {
	margin:0px 0 0 10px;
	padding:0px 8px 0 0px;
	line-height:13px;
	background:url("../images/utilnav_pointer.gif") center right no-repeat;
}

#header ul#utilityNav li.account {
	font-size:13px;
	height:13px;
	margin:0px 0 0 107px;
}

#header ul#utilityNav li.account a {
	margin:0px 0 0 10px;
	padding:0px 8px 0 0px;
	line-height:13px;
	background:url("../images/utilnav_pointer.gif") center right no-repeat;
}

form,
fieldset {
	margin:0px;
	padding:0px;
	border:0px;
}

#contentHeader {
	width:985px;
	height:122px;
	background:#7AB800;
	border-top:1px solid #b4dd80;
	position:relative;
	float:left;
}

#contentHeader h3 sup {
	font-size:13px;
	line-height:14px;
}

#contentHeader h4 sup {
	font-size:10px;
	line-height:12px;
}

h5 sup {
	font-size:11px;
	line-height:13px;
}

#contentLeft {
	width:283px;
	min-height:391px;
	float:left;
}

#contentRight {
	margin:0px 0 0 28px;
	width:672px;
	min-height:391px;
	float:left;
}

.grid .tableHdr {
    border-bottom:1px solid #e1e1e1;
    font-weight:bold;
    color:#666;
    text-align:left;
}
.grid .tableHdr th {
	padding-left:15px;
}
	.grid .tableHdr th.first {
		padding-left:10px;
	}
	.grid .tableHdr th.last {
		padding-right:10px;
	}
.grid .tableRow td {
    padding:8px 0 7px 15px;
    background:url("../images/tableRow_bg.gif") bottom left repeat-x;
    vertical-align:top;
}
	.grid .tableRow td.first {
		padding-left:10px;
	}
	.grid .tableRow td.last {
		padding-right:10px;
	}


table.radioList,
table.checkboxList {
    border-collapse:collapse;
    margin-top:2px;
    margin-bottom:-13px;
}              
    table.radioList td,
    table.checkboxList td {
        padding-top:3px;
    }
        table.radioList td input {
            width:auto;
            vertical-align:bottom;
        }
        table.checkboxList td input {
            width:auto;
            vertical-align:middle;
        }
        table.radioList td label,
        table.checkboxList td label {
            width:auto !important;
            clear:none !important;
            display:inline !important;
            float:none !important;
        }   
        
        
.label {
    clear:both;
    float:left;
    font-size:12px;
    font-weight:normal;
    height:20px;
    margin:5px 0 0 0;
    padding:4px 20px 0 0;
    text-align:right;
    width:400px;
}
.labelError {
    color:#f00;
    font-weight:bold !important;
}
