body {font-size:71%; line-height:1.4; font-family: Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;}
a:focus{outline:1px dotted invert}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}

/* Standard styles */
ol{list-style:decimal}
#middle ul, #middleHome ul {list-style:square; margin:7px 0;}
li{margin-left:30px; list-style-type:square;}

a {text-decoration: underline; color:#333;}
a:hover {text-decoration: underline;}
p {font-size:1em; margin:0 0 0.5em 0;}
.red {color:#E41E26}
.white {color:White; background:Red;}

/* heading styles */
.ContentBox h2 {color:#dc2f29;}

#strap {color:#E3070B; line-height:85px; font-size:1.4em; font-weight:bold; position:absolute; top:10px; left:810px;}
#promise {border:3px solid red; padding:5px;}
#promise h1 {text-align:center; line-height:1.2em;}
#promise h2 {line-height:1.2em; margin-top:10px;}

/* --- Navigation Styles --- */

#left ul {list-style-type:none; width:170px;}
#left li {padding:0; margin:0; clear:both; border-bottom:1px solid white; list-style-type:none;}

#left a {display:block; clear:both; padding:3px 3px 3px 7px; color:white; text-decoration:none; }
#left a:hover {color:white;}
#left a.L0 {display:block; background:#E41E26;}
#left a.L0sel {display:block; background:black; font-weight:bold;}
#left a.L1 {background:#EC5B63; padding-left:20px;}
#left a.L1sel {display:block; background:black; font-weight:bold; padding-left:20px;}
#left a.L2 {background:#F1878C; padding-left:20px;}
#left a.L2sel {display:block; background:black; font-weight:bold; padding-left:20px;}

#left li.selected a {font-weight:bold;}

/* --- support nav --- */
#supportNav {margin-top:10px;}
#supportNav a {background-color: #e41e26;}

/* --- homepage styles --- */
.ContentBox ul {list-style-type:none; margin:7px 0;}
.ContentBox li { list-style-type:none;}

/* --- login box --- */
.login {float:left; width:100%; margin:0; padding:0; list-style-type:none;}
.login li {float:left; width:100%; margin:0 0 3px 0; padding:0; clear:both; list-style-type:none;}
.login .textBox {float:left; width:140px; margin-right:5px; margin-bottom:4px;}
.login .loginButton {float:right; margin:0; padding:0}

/* --- search Box --- */
#quickSearch #searchBox {position:relative; padding-bottom:5px; width:145px; height:23px;}
#quickSearch #searchBox input {position:absolute; top:0; left:0; height:14px; width:118px; border:1px solid #000; font-size:12px; margin:0; padding:0;}
#quickSearch a {position:absolute; top:0; right:0;}
#quickSearch label {display:none;}

/* --- footer --- */
#footer, #footer a {color:#666; text-decoration:none;}

/* --- my account --- */
#middle #login {width:190px; float:none;}

/* --- form styles --- */
.userAccount h1 {font-size:1.3em; border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:10px; font-weight:normal;}
.form {margin:0; padding:0; list-style-type:none; width:600px;}
.userAccount fieldset {float:left; padding:0 10px 10px 10px; margin:10px 0; border:1px solid #ccc;}
.userAccount legend {padding-left:3px; padding-right:3px; font-weight:bold; font-size:1.2em;}
.userAccount fieldset ul {margin-top:10px;}
.form li {float:left; margin:0; padding:0 0 5px 0;  clear:both; list-style-type:none;}
.form label {float:left; display:block; width:130px;}
.form input {float:left;}
.userAccount .form table.radioButtonTable, .form table.radioButtonTable td {margin:0; padding:0; line-height:1.7em; border:0;}
.userAccount .form table.radioButtonTable input {width:auto;}
.form .email {width:200px;}
.form .smallTextBox {width:120px;}
.form .error {color:Red;}
.underline li {border-bottom:1px solid #ddd;}

/* --- create account form --- */
.CreateAccount td table td {text-align:left;}

/* radio button labels */ .form li td label {width:auto; padding-right:20px;}

/* --- table styles --- */
.userAccount table.grid {margin-top:10px; margin-bottom:5px; width:100%;}
.userAccount table.grid th {padding:3px; background:#e8e8e8;}
.userAccount table.grid td {padding:3px; border-bottom:1px solid #ddd;}
.userAccount table.grid td input {width:60px;}
.userAccount table.grid td input.cartButton {width:auto; height:auto;}
.userAccount table.grid .searchResultsAlternate td {background:#f8f8f8;}
.userAccount table td .radio {margin:0; padding:0; border:0;} 
.userAccount table td .radio td {border-bottom:none;}
.userAccount table td .radio input {width:auto; margin:0; padding:0;}

.grid .rowSelected td {background:#f8f8f8;}

/* --- company search and director search --- */
.userAccount {clear:both;}
.userAccount .searchHeading {font-size:1.3em; padding-bottom:5px; display:block; font-weight:bold;}

.userAccount .searchTabs {float:left;}
.userAccount .searchTabs a {text-decoration:none; font-size:1em; font-weight:bold; display:block; float:left; margin-right:10px; width:125px; padding-left:15px; height:38px; line-height:38px; background: url(../../../../laf/tabDark.gif) top left no-repeat;}
.userAccount .searchTabs a:hover {background: url(../../../../laf/tabLight.gif) top left no-repeat;}
.userAccount .searchTabs a.selected {background: url(../../../../laf/tabLight.gif) top left no-repeat;}

.userAccount .searchArea {float:left; background:#E6E6E6; padding:10px; clear:both; margin-bottom:10px; width:680px;}
.userAccount .searchArea ul, .userAccount .searchArea li {width:100%;}
.userAccount .searchArea .radio {}
.userAccount .searchArea .radio td {width:90px;}
.userAccount .searchArea .radio input {float:left;}
.userAccount .searchArea .radio label {float:left; width:60px; padding:0 0 0 5px;}
.userAccount .searchArea ul.form li {}

/* --- search results - comapny and director searches --- */
.searchResults a {text-decoration:underline;}
.searchResults h1 {border:0; font-weight:bold; margin:10px 0 0 0; padding:0;}
.searchResults .noMargin h1 {margin-top:0px;}
.searchResults .resultNumbers {font-weight:bold; display:block; margin:4px 0;}
.searchResults .gridResults {border:0px !important; margin-bottom:20px; width:100%;}
.searchResults .gridResults th, .shoppingCart th {background:#E41E26; color:White;}
.searchResults .gridResults td, .searchResults .gridResults th {padding:3px 7px;  border:0px !important; vertical-align:top;}
.searchResults .gridResults td, .moreInfo .searchResultsAlternate td, .shoppingCart td {background:#ddd;}
.searchResults .gridResults .searchResultsAlternate td, .shoppingCart .searchResultsAlternate td {background:#f8f8f8;}
.pagination {text-align:left;}

/* --- more info --- */
.moreInfo {margin:0; padding:0;}
.moreInfo table {margin-bottom:20px; width:100%; margin-top:0;}
.moreInformationHeader td {background:#E41E26; color:White; font-weight:bold;}
.moreInfo table th {background:#E41E26; color:White;}
.searchResultsAlternate td, .moreInfo table td {padding:3px 7px;}

/* --- Shopping Cart --- */
.shoppingCart {}
.shoppingCart td, .shoppingCart th {padding:3px 7px;}
.totalTable {background:#e8e8e8; padding:5px;}
.totalTable td {padding:3px 7px;}
#totalRow {margin-top:10px;}
#totalRow .boxOne {float:left; line-height:30px; height:30px; background:#ddd; padding:0 0 0 7px; width:193px;}
#totalRow .boxTwo {float:left; line-height:30px;  height:30px; background:#ddd; padding-right:7px; width:55px; text-align:right;}
#totalRow .boxThree {float:left; float:left; line-height:30px;  height:30px; width:90px; text-align:right; font-size:1.3em; font-weight:bold;} 
#totalRow .boxFour {float:right; line-height:30px; float:left; height:30px; width:130px; text-align:right;}
#totalRow .boxFour input {float:left; line-height:30px; margin:0; padding:0px 0 0 10px;}

/* --- small cart --- */
#cartSummary {width:190px;}
#middle #smallCart {display:none;}
.smallCart {float:left; clear:both;}
.smallCart table {margin-top:10px; margin-bottom:10px; width:100%;}
.smallCart th {padding:3px 7px;}
.smallCart td {padding:2px; font-size:0.9em;}
.smallCart .searchResultsAlternate td {}
.smallCart .totals {width:100%; display:block; text-align:right;}

/* --- checkout --- */
.loginTable {padding:5px;}
.loginTable td {padding:2px;}
.checkout fieldset {clear:both; width:680px;}
.checkout .form li {padding-left:10px;}
.checkout div.login {float:left; clear:both; background:#e6e6e6; width:190px; margin-bottom:10px;}
.checkout ul.login {float:left; clear:both; width:180px; padding-left:10px;}
.checkout div.login table {float:left; padding-left:10px;}
.checkout .login .rightBottom {background:#fff;}
.checkout .login img {float:left;}
.redHeading {display:block; line-height:25px; height:25px; margin-bottom:10px; font-size:1.2em;}
.fieldHeading {text-transform:uppercase; font-weight:bold;}
.form li.redHeading {margin-bottom:10px;}

.cardDetails {width:600px; margin-top:10px;}
.checkout .cardDetails li {width:500px;}