/* GENERIC ELEMENT STYLES */

*{margin:0;padding:0;}
body{
  color:#000;
  font:76% Arial,Helvetica,sans-serif;
  background:#dbdbdb;
}
body.noNav div#contentWrap{background-image:url(../images/header-white-nonav.jpg) !important;}
body.noNav ul#navlinks,
body.noNav div#footerContentWrap ul{display:none !important;}
img{
  border:0;
  vertical-align:bottom;
}
p{
  margin:0 0 10px;
  line-height:1.7em;
}
h1,h2,h3{
  line-height:1.8em;
  font-weight:normal;
  margin:0 0 10px;
}
h1{font-size:2em;}
h2{font-size:1.6em;}
h3{font-size:1.2em;}
ul>li{list-style-type:none;}
ol{padding-left:20px;}
a,a:link,a:visited,a:active{
  color:#690;
  text-decoration:none;
  outline:none;
}
a:hover{text-decoration:underline;}
table{border-collapse:collapse;}
thead,tfoot{font-weight:bold;}
input,select,textarea{
  padding:3px;
}
input[type='checkbox']{
  padding:0px;/*IE needs this*/
}
optgroup option{
  padding-left:20px;
}

/* SPECIFIC LAYOUT ELEMENT STYLES */

div#fullWrap{background:#f1f1f2 url(../images/bg-grad-white.jpg) repeat-x top center;}
div#centerWrap{
  background:#f1f1f2 url(../images/bg-body-white.jpg) repeat-y top center;
  width:919px;
  margin:0 auto;
  padding-bottom:45px;
}
div#contentWrap{
  background: url(../images/header-white.jpg) no-repeat center top;
  min-height:372px;
}
div#footerFullWrap{background: url(../images/bg-foot-grad.jpg) repeat-x center top;}
div#footerContentWrap{
  background: url(../images/bg-foot-white.jpg) no-repeat center top;
  min-height:83px;
  width:919px;
  margin:0 auto;  
  padding: 80px 0 0 0;
}
div#footerContentWrap img{margin:0 0 5px 80px;}
div#footerContentWrap p{
  margin-left:80px;
  font-size: .7em;
}
div#footerContentWrap ul{
  margin:20px 80px 0 0;
  float:right;
  clear:right;
}
div#footerContentWrap li{margin-right:20px;}
div#footerContentWrap a{color:#666;}

ul#toplinks{
  float:right;
  height:32px;
  line-height:32px;
  margin:0 75px 0 0;
  display:inline; /*IE6*/
}
ul#toplinks a{
  display:block;
  padding:0 5px 0 32px;
}

ul#toplinks a#cartLink{  background: url(../images/icon-cart.png) no-repeat 8px;}
ul#toplinks a#loginLink{background: url(../images/icon-circle-arrow.png) no-repeat 8px;}
ul#toplinks a#logoutLink{background: url(../images/icon-logout.png) no-repeat 8px;}
ul#toplinks a#accountLink{background: url(../images/icon-user.png) no-repeat 8px;}
ul#toplinks a#newsLink{  background: url(../images/icon-rss.png) no-repeat 8px; width:16px; height:33px; padding-left:5px;}
ul#toplinks a#twitterLink{  background: url(../images/icon-twitter.png) no-repeat 8px; width:16px; height:33px; padding-left:5px;}
ul#toplinks a#fbLink{  background: url(../images/icon-facebook.png) no-repeat 8px; width:16px; height:33px; padding-left:5px;}

form#headerSignUp{float:right;clear:right;margin:3px 75px 0 0;width:300px;display:inline;}
form#headerSignUp p,
form#headerSignUp label{font-weight: bold; font-size: 0.7em;}
form#headerSignUp input[type='text']{width:170px;}

div#headerChat{float:right;clear:right;margin-top:3px;width:175px;display:inline;margin-right:75px;}
div#headerChat p{font-weight:bold;font-size:0.9em;float:right;margin:3px 5px 0 0;color:#999;}
div#headerChat img{float:right;}

img#splogo{margin:10px 0 0 105px;}

ul#navlinks{
  position:relative;
  top:8px;
  /*left:100px;*/
  padding-left:90px;
  height:27px;
  line-height:27px;
  clear:right;
}
ul#navlinks li a{
  display:block;
  padding:0 20px;
  color:#333;
  text-decoration:none;
}
ul#navlinks li a:hover{
  background:#9c0;
  color:#fff;
}
ul#navlinks a.current{
  font-weight:bold;
  color:#9c0;
}

div#contentPane{
  clear:both;
  /*position:relative;
  top:40px;*/
  margin:25px auto 0 auto;
  padding:0 90px 0 90px;
}

div#loginBox{
  padding:10px;
  position:absolute;
  z-index:10;
  width:17.2em;
  min-height:180px;
}
div#loginBox form{
  clear:right;
}
div#loginBox img.closeButton{
  float:right;
  cursor:pointer;
}
div#loginBox p{
  display:inline;
}
div#loginBox p#forgot{
  text-align:right;
  font-size:.8em;
}
div#loginBox fieldset.submitButton{
  width:17em;
}

/* GENERAL CLASSES */

ul.horizontal li{float:left;}
.flright{float:right;}
.flleft{float:left;}
.clright{clear:right;}
.clleft{clear:left;}
.clboth{clear:both;}

a.gradButton,
a.gradButtonGray{
  padding: 5px 10px;
  text-align:center;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;   
  font-size:1em;
  background-position: -7px;
  background-repeat:repeat-x;	   
}
a.gradButton{
  background-color: #86C000;
  background-image: url(../images/bg-grad-shine.jpg);
  color:#fff !important;
  border:1px solid #9c0;
  font-weight:bold;
}
a.gradButtonGray{
  background-color: #989597;
  background-image: url(../images/bg-grad-shine-grey.jpg);
  border:1px solid #868686;
  color:#4f4f4f;
  font-weight:normal;
}
a.gradButtonSml{
  padding: 2px 7px;
  font-size:.9em;
}
a.gradButton img{
  vertical-align:middle;
}
div.gradBox,
form.gradBox{
  background: #FFFFFF url(../images/bg-grad-long.jpg) repeat-x top;
  border:1px solid #A9A9A9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
  padding: 20px;
  min-height: 440px;
  }

/*Forms*/
form fieldset{border:0;}
fieldset.submitButton{text-align:right;}

/*For a single-column form*/
form.oneCol fieldset{
  display:block;
  border:0;
  margin:10px 0;
}
form.oneCol label{
  display:block;
  margin-bottom:10px;
}
form.oneCol label input,
form.oneCol label select,
form.oneCol textarea{
  font-family:Arial,Helvetica,sans-serif;
  font-size:1.2em;
  display:block;
}
form.oneCol label input{width:200px;clear:right;}
form.oneCol label input[type='checkbox'],
form.oneCol label input[type='radio']{width:auto;display:inline;}

form.oneCol label select{width:204px;}
form.oneCol label.checkbox{
  margin-top:15px;
}
form.oneCol textarea{
  width:200px;
  height:100px;
}
form.oneCol label.checkbox input{
  width:auto !important;
  display:inline;
  float:left;
  margin:.5em .5em 0 0;
}
/*For two selects on one line - see cart-customer.asp*/
form.oneCol span.two{
  display:block;
  margin-bottom:10px;
}
form.oneCol span.two label{
  display:inline;
}
form.oneCol span.two select{
  display:inline;
  margin:0 20px 0 10px;
}

/*For a two-column form*/
form.twoCol fieldset{
  display:block;
  border:0;
  margin:10px 0;
}
form.twoCol label{
  display:block;
  float:left;
  clear:both;
	width:220px;
}
form.twoCol label input,
form.twoCol label select{
  font-size:1.2em;
  padding:3px;
  display:block;
  position:relative;
  left:16em;
  top:-1.4em;
}
form.twoCol label input{width:200px;}
form.twoCol label select{width:204px;}
form.twoCol textarea{
  font-size:1.2em;
  padding:3px;
  width:30em;
  font-family:Arial, Helvetica, Sans-serif;
}

/**Candidates: from product-matrix.asp**/
table.zebra {width:100%;line-height:22px;}
table.zebra td{padding:5px;}
table.zebra thead tr.alt{border:solid #999;border-width:1px 0;}
table.zebra tr.alt td{background:#ececec;}

/**/
div.message{
  border:1px solid #9c0;
  padding:20px;
  margin-bottom:10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;  
}
ul.arrowBullets,
ul.noBullets,
ul.hasBullets{
  margin-bottom:20px;
  margin-left:20px;
}
ul.arrowBullets li,
ul.noBullets li,
ul.hasBullets li{
  margin-bottom:5px;
  margin-left:15px;
}
ul.arrowBullets li{
  list-style-image:url(../../images/list-bullet.gif); 
}
ul.hasBullets li{
  list-style-type:disc;
}
ul.noBullets li{
  list-style-type:none;
}
strong.green{color:#9c0;}
.faded{color:#555;}
h2.bigGreen{font-weight:bold;}
.textCenter{
  text-align:center;
}
.textRight{
  text-align:right;
}
.wideInputs form.oneCol input{width:275px;}
.wideInputs form.oneCol select{width:279px;}
.tinytext{font-size:.7em;}