/** Normalize **/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, p, blockquote, th, td {margin:0;padding:0}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal}
ol, ul {list-style:none}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal}
table {border-collapse:collapse;border-spacing:0}
fieldset, img {border:0}
caption, th {text-align:left}


body {font:13px Arial, Helvetica, Verdana, San-serif;color:#333;text-align:center;margin:0; 
    padding:10px 0 0 0;line-height:19px;background:#eee url(/content/images/lgrey031.jpg) repeat scroll}
    
/* Header Wrapper */
#header-wrapper {width:980px;position:relative;text-align:left;z-index:10; /* for IE 7 */
    margin:0 auto;min-height:90px;background-color:#fff}
#header-wrapper .login {font-size:12px;margin:10px 15px 3px 0;float:right;color:#666;line-height:18px}
#header-wrapper .login td {padding-right:10px;}
#header-wrapper .login a, header-wrapper .login a:visited {text-decoration:none;color:#666}
#header-wrapper .login a:hover {text-decoration:underline;color:#999}
#header-wrapper .logo {padding:5px 0 10px 15px}
    
/* Main Content Wrapper */
#grid-wrapper {width:980px;position:relative;background-color:#fff;margin:0 auto;min-height:150px}
.gridspan1,.gridspan2,.gridspan2nopad,.gridspan3,.gridspan4,.gridspan5,.gridspan6,
.gridspan7,.gridspan8,.gridspan9,.gridspan10,.gridspan11,.gridspan12,.gridspan13,
.gridspan14,.gridspan15,.gridspan16,.gridspan16nopad {display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;}
.gridspan1 {width:60px}
.gridspan2 {width:120px}
.gridspan3 {width:180px}
.gridspan4 {width:240px}
.gridspan5 {width:300px}
.gridspan6 {width:360px}
.gridspan7 {width:420px}
.gridspan8 {width:480px}
.gridspan9 {width:540px}
.gridspan10 {width:600px}
.gridspan11 {width:660px}
.gridspan12 {width:720px}
.gridspan13 {width:780px}
.gridspan14 {width:840px}
.gridspan15 {width:900px}
.gridspan16 {width:970px}
.gridspan16nopad {width:970px; margin-right:0px}
.gridspan16nopadfull {width:980px; margin-right:0px; margin-left:-10px}
.alpha {margin-left:0}
.omega {margin-right:0}


/* Footer Wrapper */
#footer-wrapper {width:980px;position:relative;text-align:center;margin:0 auto;clear:both;color:#333;
    font-size:11px;padding:5px 0 5px 0;background:#ccc}
    
/* Tag Modifications */
a.disabled span { color:#000000; }
a.disabled span :hover { cursor:pointer }
h1 {margin:15px 0;color:#3b5899;font-size:18px;font-weight:bold}
h2 {margin:12px 0;color:#3b5899;font-size:14px;font-weight:bold}
h3 {margin:12px 0;color:#248dbd;font-size:14px;font-weight:bold}
p {margin:5px 0 10px 0}
input.small, input.small_redborder, input.medium, input.large, input.xlarge {
    border:solid 1px #248dbd; height:16px; padding-left:3px; font-size:11px; padding-top:1px;}
textarea {border:solid 1px #248dbd}
select {border:solid 1px #248dbd; height:19px; width:150px; font-size:11px; margin-top:1px;}
select.small {width:60px}
select.medium {width:90px}
select.large {width:140px}
select.xlarge {width:215px}
input.small {width:60px}
input.small_redborder {width:50px; border:solid 2px #ff0000}
input.medium {width:100px}
input.large {width:145px}
input.xlarge {width:220px;}
input.primary_button, button.primary_button {border:solid 1px;height:24px;border-color:#ccc #333 #333 #ccc;
    padding:1px 10px 1px 10px;color:#fff;background-color:#3b5899}
input.primary_button:hover, button.primary_button:hover {cursor:pointer;background-color:#4568b2}
    
/* Miscellaneous Styles */
.clear {clear:both}
.center {text-align:center}
.bold {font-weight:bold}
.italic {font-style:italic}
.red {color:#ff0000}
.underline {text-decoration:underline}
.small {font-size:11px;line-height:15px}
.float-left{float:left; padding-top:8px}
.float-right {float:right; padding-top:8px;}
.float-right-bottom {position:absolute; right:10px; bottom:10px;}
.align-right {text-align:right; padding-right:20px}
.ModifiedCalculatedPrice {background-color:#ffffa0; color:#000000}
.SelectedTrussTypeSlice { font-weight:bold }
#SliceHeader {color:#1c2c6f;font-weight:bold;font-size:larger;margin-bottom:10px}
.Note {font-style:italic;}
.Note ul,li {list-style-type:circle; list-style-position:inside}
.VendorInfo .editor-field select, .VendorInfo .editor-field input {width:400px}
.AdminBar { background-color : Yellow }

.spacer {height:20px}
.halfspacer {height:10px}
.quarterspacer {height:5px}
.horizontal-line {background-color:#e99400;height:2px;width:auto;margin:30px 50px 30px 50px}
.horizontal-linefull {background-color:#aaa;height:1px;width:auto;margin:30px 0 10px 0}

/* Error handling */
.field-validation-error {color: #ff0000}
.input-validation-error, input.input-validation-error {background-color: #ffeeee;border:solid 1px #ff0000}
select.input-validation-error {background-color: #ffdede;border:solid 1px #ff0000}
.validation-summary-errors {font-weight: bold;color: #ff0000}

/* Tables and Grids */
.grid-section .gradient {background:#f2faff url('/content/images/header-gradient.png') repeat-x 0 0;padding:0px 0 0 12px;
    font-size:14px;font-weight:bold;line-height:24px;border:solid 1px #248dbd;border-bottom-width:0;color:#3b5899;height:24px}
.grid-section .gradient .buttons {position:relative;float:right}
 
.button-float {	position:relative;float:right; right:7px; bottom:6px }
.table-grid {border:solid 1px #248dbd;background-color:#f2faff;width:auto;padding:10px;}
.table-grid table {font-size:12px}	
.table-grid th {color:#248dbd;font-weight:bold;height:24px;font-size:13px;border-top-width:0}
.table-grid tr, .table-grid-plain tr {height:26px;vertical-align:top}
.table-grid td.center {text-align:center}
.table-grid td.nobackground {background-color:#fff}
.table-grid td.highlight {background-color:#cae9f7;border-right:solid 2px #fff;text-indent:2px;}	
.table-grid td.title {color:#3b5899;font-weight:bold}
.table-grid-plain {border:solid 1px #248dbd;border-top-width:0;background-color:#fff;width:auto;padding:10px;}
.table-grid-plain img {cursor:pointer;}

/* Tab Navigation */
#TabList { border-bottom:1px solid #aaa; font:bold 1em sans-serif; margin-left:0; padding:3px 0 3px 1em; margin-bottom:0}
#TabList li {display:inline; list-style:none; margin:0}
#TabList li a {color:#666; border:1px solid #aaa; border-bottom:none; margin-left:3px; padding:3px .7em; text-decoration:none}
#TabList li a:hover {border-color:#777; color:#333}
#TabList li a span {display:none}
#TabList li.UnselectedTab a {background-color:#cae9f7}
#TabList li.SelectedTab a, #tabList li.SelectedTab a:hover {background-color:White; border-bottom:2px solid #fff; padding:3px .5em 3px; color:#333; cursor:default}

/* Navigation links */
#LeftNavigation {left:0}
#LeftNavigation a, a:visited {font-size:12px;text-decoration:none;color:#3b5899}
#LeftNavigation a:hover {text-decoration:underline}
#LeftNavigation .large {font-size:14px} 	

.tooltip {display:none;background:url('/content/images/black_arrow.png');height:80px;width:165px;
    padding:14px 20px 20px 20px;font-size:12px;color:#fff;z-index:1000;}