/* uses headless chrome */

/* main total 920px */

* {
padding:0px;
margin:0px;
}

/* ----------------------- html selectors --------------------------- */

h1 {font-family:Verdana, Arial, sans-serif;
font-weight:normal;
	font-size: 1.7em ;
	color:#7f7f7f;
	margin:10px 0;
	padding:5px 0;
	text-align:left; 
	}
	
h2 {font-size:  1.6em ;
font-weight:bold;
color:#7f7f7f; margin:8px 0; }

p {padding:0; margin-bottom:1em; }



textarea {
font-size:11px;
color:#333;
padding:2px 2px 2px 4px;
}

hr {
height:1px;
color:#e3e3e3;	
width:100%;
border-top:1px solid #e3e3e3;
margin:8px 10px;
}

dl {margin:0 0 0 12px; width:95%}
dt {font-weight:bold; margin:4px 0 0 0;}
dd {margin:0 0 10px 10px;}

input, select {
font-family:Verdana, Arial,Helvetica, sans-serif;
font-weight:normal;
font-size:11px;
color:#333;
padding:1px 2px;
}

option {font-family:Verdana, Arial,Helvetica, sans-serif;}

img {display:block;}
img.inline {display:inline;}

table {border-collapse:collapse; color:#7f7f7f; border:1px solid #e3e3e3; width:100%;
margin:10px 0;}

th {background:#E7F1FC; padding:10px;}
td {padding:6px 8px; color:#7f7f7f; vertical-align:middle; }

td div.alert {margin:0; padding:4px 0 0 20px; background-position:0px 4px;}
tr {}

div.fadeoutMessage {color:#ff6600; margin:0 10px; }


/* -------------------- end html selectors ---------------------- */


/* ----------------------- content containers ---------------------- */

#header { /* header inside main container*/ 
width:880px;
padding:0;
background-color:#fff;
margin:0px 10px 10px 10px;
height:65px;
font:normal 10px Verdana, Arial, sans-serif !important;
color:#999;
border-bottom:1px solid #e1e1e1;
}

#singlecol { /* column-wide layout */
margin:0 10px; 
}

#headline {margin:10px; padding-top:5px; font-size:11px; }

#headline p {width:800px; margin:6px 0 6px 3px;}

#col1 { float:left; display:inline; width:480px;
margin:30px 0 0 10px; padding:0;
min-height:720px;
}

#col2 {float:left; display:inline; width:350px;
margin:30px 0 0 60px; padding:0;
}

.homeintro {font-size:12px; line-height:1.4em;}

p.header {font-weight:bold;}

/* ------------------ #header  styles --------------- */

#header .logo {margin-bottom:6px; float:left; display:inline;}
#header .logo p {color:#999; }

#header .linklist {width:134px; float:right; display:inline; margin:10px 5px 0 0; 
text-align:right;
}
#header .linklist ul {list-style:none;  }
#header .linklist ul li {margin:0; padding:0;}

#loginbox {float:right; width:290px; text-align:right; padding:20px 0 0 0;  }

.linkImg {padding:0; display:inline; width:7px; height:7px;}

#header a {color:#666666;}

.mainlogo {
float:left;
display:inline;
margin-left:16px;
}

/* Tabs on reg form  */ 

div.tabs {border-bottom:8px solid #0368CB; width:340px;}

ul.tabs {font-size:22px;}

.tabs ul {
    margin:0;
    padding:0;
    list-style:none;  
    }
    
 .tabs li {
 font-size:14px;
    float:left;
    display:inline;
    margin:0;
    padding:0;
    background:url("../images/tabs/tab_right.gif")
      no-repeat right top;
    }

.tabs li.selected {background:url("../images/tabs/tab_right_selected.gif") no-repeat right top;}

.tabs a {display:block; background:url("../images/tabs/tab_left.gif") no-repeat left top; padding:6px 15px;}

.tabs li.selected a { background:url("../images/tabs/tab_left_selected.gif") no-repeat left top;}

/* Signup/login tabs: link styles */
	
.tabs li.selected a:link  {color:#fff; font-weight:bold; text-decoration:none;} 
.tabs li.selected a:visited {color:#fff; font-weight:bold; text-decoration:none;} 
.tabs li.selected a:hover {color:#e3e3e3; font-weight:bold; text-decoration:none;}
.tabs li.selected a:active {color:#e3e3e3; font-weight:bold; text-decoration:none;}

.tabs a:link  {color:#999; font-weight:bold; text-decoration:none;} 
.tabs a:visited {color:#999; font-weight:bold; text-decoration:none;} 
.tabs a:hover {color:#3399FD; font-weight:bold; text-decoration:none;}
.tabs a:active {color:#3399FD; font-weight:bold; text-decoration:none;}

/*  end login tabs  */

/*  Other link styles  */

a.arrowLink:link {color:#3366cc;text-decoration:none; font-size:11px;}
a.arrowLink:visited {color:#3366cc;text-decoration:none; font-size:11px;}
a.arrowLink:active {color:#3366cc;text-decoration:none; font-size:11px;}
a.arrowLink:hover {color:#3366cc;text-decoration:none; font-size:11px;}


.alert a:link  {color:#ff6600;  text-decoration:none;} 
.alert a:visited {color:#ff6600;  text-decoration:none;} 
.alert a:hover {color:#ff6600;  text-decoration:underline; }
.alert a:active {color:#ff6600;  text-decoration:underline;}

/* ------------------------------ FORM STYLES ------------------------- */

.signupform {
border:1px solid #ccc;
background-color:#E7F0FB;
margin-bottom:15px;
padding:20px 20px 20px 20px;
color: #7f7f7f;
width:298px; /* actual 340 */ }

label { color:#666; 
margin:6px 0 0 0;}

.signupform p {font-size:11px; }
    
.signupform input { width:290px;margin-top:3px;}
.signupform select { padding-left:2px; height:20px;margin-top:3px;}
.signupform option {padding-left:2px; }
.signupform label {display:block;}

.signupform div.city { width:163px; float:left; display:inline;}
.signupform div.city input { width:149px;}

.signupform div.state { width:56px; float:left; display:inline;}
.signupform div.state select {width:50px;padding-left:2px;}

.signupform div.zip { width:78px;float:left; display:inline;}
.signupform div.zip input { width:70px;}

div.phonegroup {clear:left; padding:4px 0;}
div.phonegroup input { width:30px;  }
div.phonegroup span input { width:43px;  }


label.blocklabel { display:inline; float:left; margin-left:4px;}

.radiobuttons input {background-color:transparent;}
.radiobuttons label {padding:0 20px 0 4px; display:inline;}

.searchby input {background-color:transparent; }
.searchby label {padding:0 20px 0 4px; display:inline;}


input[type="radio"]:checked+label {font-weight:bold;}

input:button {border:none;}

.survey label.highlighted {margin:8px 0 10px 0;}

.whyemail {background-color:#fff; padding:20px 8px 20px 17px; margin:20px 0; line-height:1.5em;}

.whyemail p.header {color:#197ce0; font-size:12px; font-weight:normal; }

.whyemail input {width:250px; margin-bottom:10px;}
.whyemail label {color:#197ce0;}

.whyemail ul {margin:10px 20px;}

.forgotziplink {float:left; display:inline; padding:6px ;}

.formlabel {color:#666;}

.required {color:#197ce0; font-weight:bold;}
.blue {color:#3399FF;}

.highlighted {font-weight:bold;
background-color:#fd930c;    
color:#fff;
padding:2px 1px 1px 2px; 
}

.formerror {font-size:11px;
    font-weight:bold;
    color:#ff6600;
    display:block;
    margin:5px 0;
     }

div.rightbutton {
padding:0; margin:0 0 8px 0; float:right; display:inline;
}

div.rightbutton input {background:none;}

.checkbox input {border:1px solid #e3e3e3;}
.checkbox label {padding-left:4px;}

.bulletscolumn {float:left; display:inline; margin-left:10px; width:200px;}

.bulletscolumn ul li {padding-left:8px; margin:0 0 5px 25px;}

#productdefinitiontrigger{
width:500px;
height:26px;
margin:0;
padding:15px 0 0 15px;
color: #3399FF;
cursor:pointer;
}

#whatisshell {width:500px; position:absolute;}

.whatisbg {
z-index:200;
background:transparent url("../images/backgrounds/whatis_bg.png") no-repeat top left; 
height:380px;
}

#productdefinition {
width:460px;
padding:0px 20px 30px 30px;
}

#productdefinition p { width:400px; line-height:1.2em; margin:1em;}
#productdefinition ul li {margin:.5em 1em;} 

#manageyouraccountpopup {width:300px; 
padding:10px 20px;
text-align:left; background-color:#E7f0FB; border:2px solid #ccc;
font-size:11px;
}

#manageyouraccountpopup h1 { font-size:2em; font-weight:bold; }

.nothanks {padding-top:10px; float:left; display:inline; width:100px;}

#confirmdeletepopup {background-color:#fff; text-align:left; width: 250px; border:2px solid #ccc;
font-size:11px; 
color:#ff6600;
padding:20px;
}


#confirmdeletepopup .radiobuttons .highlighted {padding:10px; background-color:#FFE7A5;}
#productToDelete {font-weight:bold;}

#confirmdeletepopup p {line-height:1.5em;}



/* -------------------- products page ---------------------*/

.addproductshead {background-color: #ffe8a3; padding:10px;}

.addproductshead label {display:inline-block; width: 120px;  } /* prevent shifting when bolded */

.addproductshead a {display:block; float:right; margin-right:10px;}

.addproducts {background-color:#fff2ca; padding:10px 10px 30px 10px; margin-bottom:20px; min-height:300px;}

div.alert {
height:20px;
padding-left:20px; display:block;
background:#fff url("../images/icons/exclamationpoint.gif") no-repeat left top;}

.selectbymodelshell {width:520px;float:left; display:inline; }

.modelnumber {margin: 0; padding-top:6px;float:left; display:inline;  }

.notfound {color:#ff6600;}
p.notfound {width:70%; margin:10px 0;}

#modelnumberimage {float:right; display:inline; width:330px; }
#modelnumberimage p { font-size:10px; padding:0 20px; color:#999; }

#manufacturedateimage {float:right; display:inline; width:330px; }
#manufacturedateimage p { font-size:10px; padding:0 20px; color:#999; }

.modelnumber input {width:10px; height:12px; border:1px solid #e3e3e3; }

div.findbutton {display:inline; float:left; padding:22px 0 0 4px;  }
.findbutton input {background:none;} /* clear default bg from chrome */

div.clearlink {display:inline; float:left; padding:30px 0 0 4px; cursor:pointer; }


div.product {width:137px; height:200px; background-color:#fff; margin:0 0 20px 4px; float:left; 
border:1px solid #fff;
}

div.product img {width:125px; height:125px; } /* also in markup to force height/width */
div.blueoutline {border:1px solid #3399FF;}

#mfgdatebutton {display:block; margin:10px 0;}
#mfgdatebutton input {background:none; margin:0; padding:0;} /* clear default bg from chrome */

div.product p {margin:2px 0; padding:0 4px 0 8px; line-height:1.5em;}
p.productname {font-weight:bold; text-transform:uppercase;}
div.product input {margin-left: 8px;}
div.product label {padding-left:4px;}

div.producttype {float:left; display:inline; } 
 .producttype select {width:200px;}


.safetyalert {width:560px; min-height:300px; padding:20px; text-align:left; font-size:1em; background-color:#fff; border:1px solid #e3e3e3;}
.safetyalert h1 {font-size:2em; font-weight:bold; color:#ff6600;
padding:0 0 0 28px;
background:#fff url("../images/icons/exclamationlarge.gif") no-repeat 0 3px;
margin:10px 0 30px 0;}

.safetyalert .closeModal {float:right; display:inline; }
.safetyalert .image {float:left; display:inline;}
.safetyalert .copy {margin:10px 20px 30px 150px; font-size:11px;}

#addprodtopbar { position:relative;}

#whycantfind {position:absolute;
width:290px; padding:o;
top:0; left:580px;
}

#whycantfindtrigger {padding:16px; display:block; text-align:right; padding-right:25px; cursor:pointer;}

#whycantfindcopy {padding:5px 30px 0 30px; line-height:1.5em; display:none;}

#whycantfindcopy p {padding:0;}

.whycantfindbg {
background:transparent url("../images/backgrounds/whycantfind.png") no-repeat top left;
height:200px;
}

.registeredproducts {margin-bottom:3em;}


/* ------------ my contact info pg (some overrides on pg ----------------- */
  
.linedheader {border-top:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3; padding:4px 0 0px 0; margin-bottom:0;}

.linedheader h2 {padding-left:280px;}
.linedheader .nav {float:right; display:inline; padding:10px 0 0 0;}

.lowerform {margin-top:20px;}
 .lowerform p {padding-top:10px;}
 
 
/* -------------------- modal dialog styles ----------------- */

.modal {
text-align:left;
z-index:1000;
}

#simplemodal-overlay {background-color:#666;}



/* ---------------------- Misc formatting ------------------*/

.hidden {display:none;}


.floatleft {float:left; display:inline; margin-right:1em;}

 .print_only { display:none;}
.visible { display: block; }
.floatleft {float:left; display:inline;}

.clear {
clear:both;
margin:0;
padding:0;
height:0px;
}

.footnote {font-size:9px;color:#999;}
p.footnote { margin:0 0 12px 0;}

/*  This aligns img tags with input type=image */
img.imagebutton {padding:1px 2px;}

img.indent {padding:4px 12px;}
.noline {border:none;} 
.spaceabove {padding-top:2em;}
.bold {font-weight:bold;}

input.disabled {background-color:#fafafa; color:#ccc;}