@import url(cspcode-import.css);

body {
	font: 10pt Verdana, Geneva, Arial, helvetica, sans-serif;
	color: #000;
	margin: 0px;
}

td {
	font: 10pt Verdana, Arial, helvetica, sans-serif;
}

p  {
	font: 10pt Verdana, Arial, helvetica, sans-serif;
}

th {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
}

h1  {
font-family: 'times new roman', Arial, serif;
color: #808080; /*Gray*/
font-size: 18pt;
font-style: italic;
}

h2  {
font-family: Verdana, Arial, serif;
color: #808080; /*Gray*/
font-size: 10pt;
font-weight: bold;
}

h3  {
font-family: Verdana, Arial, serif;
color: #000000; /*black*/
font-size: 10pt;
font-weight: bold;
}

h4 {
font-family: Verdana, Arial, serif;
color: #DC143C; /*crimson*/
font-size: 10pt;
font-weight: bold;
}

ol {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

ul {
list-style-position: outside;
list-style-image: url(images/bullet1.jpg);
padding-left: 5px;
padding-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #000000;
}

hr {
	border-bottom: 1px solid #800000 /*maroon*/;

}


img {
  border: 0px;
}

.hr {
border-bottom: 1px solid #666 /*light gray*/;
padding:1px;
}

.bottomborderltgray {
border-bottom: 1px solid #ccc /*light gray*/;
padding: 3px;
}



a:link { color:#0000ff; /*blue*/
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

a:visited  { color:#800080; /*purple*/
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

a:hover {background-color: #FFE4B5; /*mocassin*/
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

a:active { color: #800080; /*purple*/
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

.main {
padding-left:5px;
padding-right:10px;
}

.main a:link {color: #0000ff; /*blue*/
text-decoration: underline overline;
} 
.main a:visited {color: #800080;
text-decoration: underline overline;
}
.main a:hover {background-color: #FFE4B5;
text-decoration: underline overline;
}
.main a:active {color: #0000FF;
text-decoration: underline overline;
}

/*start of links to product index*/
.product a:link {
color: #666666;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.product a:visited {
color: #666;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.product a:hover {
color: #666;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
.product a:active {
color: #666;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
/*end of links to product index*/




/* Different colored fonts */

.maroon {
font-size:16px;
color: #800000;
font-weight:bold;
}

.redsmall {
font-size:9px;
color: #ff0000;
}

.gray {
font-family: 'times new roman', Arial, serif;
color: #666666; /*Gray*/
font-size: 18pt;
font-style: italic;
}

.grayh2 {
font-family: Verdana, Arial, serif;
color: #808080; /*Gray*/
font-size: 10pt;
font-weight: bold;
}

.black {
font-family: 'times new roman', Arial, serif;
color: #000; /*black*/
font-size: 24px;
font-style: italic;
}


.blueitalic {
font-family:"Times New Roman", Times, serif;
font-size: 24px;
font-style: italic;
font-weight:bold;
color:#003399;
}

.coopergray {
	font-family: "Copperplate Gothic Light", Verdana, sans-serif;
	font-size: 10pt;
	color: #999999;
	font-weight: bold;
}
 /*links for category page words */
.coopergray a:link {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #999;
text-decoration: none;
}
.coopergray a:visited {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #999;
text-decoration: none;
}

.coopergray a:hover {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #fff;
text-decoration: none;
background-color: #999;
}
.coopergray a:active {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #999;
text-decoration: none;
}
/* end links for category page words */

/*Added rules for book page*/

.blue {color:#0033CC;
font-size:14px;
text-transform:uppercase;
font-weight:bold;
}


.rednormal {color:#FF0000;
}

.gold {
color: #CC6600;
font-size: 14pt;
text-transform:uppercase;
font-weight:bold;
}

.cellpad {
padding-left:50px;
}
.bordertable {
	background-color: #FFFCCC;
	border: medium outset #990000;
	padding: 3px;
}
.bordertable1 {
	background-color: #BFBF80;
	border: medium outset #990000;
	}

.bordertable2 {
	background-color: #FFFFCC;
	border: thin outset #0033CC;
	padding: 10px;
	}	
	
.large {font-size:14px;
font-weight:bold;
}

.padding {
padding: 5px;
}

.viner {
font-family: 'Viner Hand ITC', 'times new roman', serif;
color: #FF0000; /*red*/
font-size: 18pt;
font-weight: bold;
}

/**class for viewcart table**/

.viewcart {
border: 1px solid #999;
}

.borderpadviewcart {
border-left: 1px solid #ccc; /*light gray border on left and right*/
border-right: 1px solid #ccc;
padding: 25px; /**top right bottom left**/
}
/** end viewcart table**/

.leftgrayborder1 {
border-left: 1px solid #CCCCCC;
}


/**my account class**/

.pristinafont {
font: bold 36px Pristina, 'Viner Hand ITC', 'times new roman', serif;
}
/**end my account class**/
/**classes for front page featured product area**/
.coopermaroon {
	font-family: "Copperplate Gothic Light", Verdana, sans-serif;
	font-size: 10pt;
	color: #990000;
	font-weight: bold;
}

.coopermaroon a:link {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #900;
text-decoration: none;
}
.coopermaroon a:visited {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #900;
text-decoration: none;
}

.coopermaroon a:hover {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #fff;
text-decoration: none;
background-color: #900;
}
.coopermaroon a:active {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #900;
text-decoration: none;
}

.featuredtext {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #778899;
padding: 5px;
}

.ftableborder {
border-left: 1px solid #900;
border-right: 1px solid #900;
}

.img-rt {
margin: 6px;
border: medium dashed #FFE4B5;
padding: 12px;
background-color: #660033;
}

.img-rt:hover {
margin: 6px;
border: medium dotted #990000;
padding: 12px;
background-color: #FFf;
}

/**end classes for front page featured product area**/

/**beginning of bgcolors for tracker guarantee.htm**/

.bluebgcolor {
background-color:#0099CC;
}

.orangebgcolor {
background-color:#FF9900;
}

.greenbgcolor {
background-color:#99CC66;
}

.tealbgcolor {
background-color:#33CCCC;
}

.graybgcolor {
background-color:#b7b7b7;
}

/**end of bgcolors for tracker guarantee.htm**/

.smallblackbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}
.whitetext {
	color: #FFFFFF;
}
.fonttimes36 {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #07569A;
}
.smallwhitebold {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.whitetextsmall {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;

}
.xtoolsmallbusiness {

	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #FF9900;
}
.xtoolpersonal {


	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	font-weight: bold;
	color: #99CC66;
}

/* class for stealth renewal links */
.cooperblue {
	font-family: "Copperplate Gothic Light", Verdana, sans-serif;
	font-size: 10pt;
	color: #006;
	font-weight: bold;
}

.cooperblue a:link {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #006;
text-decoration: none;
}
.cooperblue a:visited {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #006;
text-decoration: none;
}

.cooperblue a:hover {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #fff;
text-decoration: none;
background-color: #006;
}
.cooperblue a:active {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #006;
text-decoration: none;
}
/* end links for category page words */

/*borders for 3m product tables*/

.insidecellstop {
border-top: 2px solid #07569A;
border-bottom: 2px solid #07569A;
border-left: 1px solid #07569A;
background-color: #FEFACD;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.insidecellsbottom {
border-bottom: 2px solid #07569A;
border-left: 1px solid #07569A;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.insidecellstopfirst {
border-top: 2px solid #07569A;
border-bottom: 2px solid #07569A;
border-left: 2px solid #07569A;
background-color: #FEFACD;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.insidecellstoplast {
border-top: 2px solid #07569A;
border-bottom: 2px solid #07569A;
border-right: 2px solid #07569A;
border-left: 1px solid #07569A;
background-color: #FEFACD;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.insidecellsbottomfirst {
border-bottom: 2px solid #07569A;
border-left: 2px solid #07569A;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.insidecellsbottomlast {
border-bottom: 2px solid #07569A;
border-right: 2px solid #07569A;
border-left: 1px solid #07569A;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
.small3m {
font: normal 8pt Verdana, Arial, Helvetica, sans-serif;
}


/* end 3 m*/

.whitelargecooper {
font: bold 12pt Arial, Verdana, Helvetica, sans-serif;
color: #fff; /*white*/
padding-top: 10pt;
padding-bottom: 10pt;
}

/*compucage index_c */

.cellstop {
border-top: 2px solid #07569A;
border-left: 1px solid #07569A;
background-color: #FEFACD;
}
.cellstoplast {
border-top: 2px solid #07569A;
border-right: 2px solid #07569A;
border-left: 1px solid #07569A;
background-color: #FEFACD;
}

.cellstb {
border-top: 2px solid #07569A;
border-bottom: 2px solid #07569A;
border-left: 1px solid #07569A;
background-color: #FEFACD;
}

.cellstblast {
border-top: 2px solid #07569A;
border-bottom: 2px solid #07569A;
border-right: 2px solid #07569A;
border-left: 1px solid #07569A;
background-color: #FEFACD;
}

.cellindent {
border-top: 2px solid #07569A;
background-color: #FEFACD;
}

/** end compucage index_c **/

/** jobs page **/
.tableborderorange {
	border: solid #FF9900;

}

.graycells {
background-color: #ccc;
font: bold 10px Arial, Verdana, Helvetica, sans-serif;
padding: 3px;
border-right: 1px solid #b7b7b7;
}

.smallfontwithpadding {
font: 10px Arial, Verdana, Helvetica, sans-serif;
padding: 3px;
}

.cooperblue8pt {
	font-family: "Copperplate Gothic Light", Verdana, sans-serif;
	font-size: 8pt;
	color: #006;
	font-weight: bold;
}
/**end jobs page**/

.blackbgcolor {
background-color:#000;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
color: #fff;
}
.maroonbgcolor {
background-color:#900;
font: 14pt verdana, Arial, Helvetica, sans-serif;
padding: 5px;
color: #fff;
}


/** clearance center **/
.quantitybold {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-bottom: 6px;
}

/** end clearance center **/

.cooperlink {
	font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
	padding: 8px 0px 8px 0px;
}
 /*links for category page words */
.cooperlink a:link {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #00f;
text-decoration: none;
}
.cooperlink a:visited {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #800080;
text-decoration: none;
}

.cooperlink a:hover {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #900;
text-decoration: none;
background-color: #e5e5e5;
}
.cooperlink a:active {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #00f;
text-decoration: none;
}
/* end links for category page words */

/**testimonials**/
.testimonials {
font: 9pt Verdana, Arial, helvetica, sans-serif;
background-color: #f5f5f5;
border: 1px solid #b0c4de;
padding-left: 5px;
padding-right: 5px;
}

.date {
border: 1px solid #ccc;
font: bold 10pt Verdana, Arial, helvetica, sans-serif;
color: #fff;
background-color: #333;
padding: 5px;
}
.ratings {
border: 1px solid #fff;
font: 10pt Verdana, Arial, helvetica, sans-serif;
color: #000;
background-color: #f5f5f5;
padding: 5px;
}
/* NOTE: .rating_bar and.rating_bar div are also on our index and index_ab page
   so any modifications here should be done there also. Should also be done in the whitepapers.css */
.rating_bar {
  width: 55px;
  background: url(/images/star_x_grey.gif) 0 0 repeat-x;
  
}

.rating_bar div {
  height: 12px;
  background: url(/images/star_x_orange.gif) 0 0 repeat-x;

}

.onclearance {
border: 1px solid #f00;
font-size: 8pt;
padding: 5px;
text-align: center;
}

/** GOOD TAGS - DEFINITELY USED IN THE NEW SITE **/

/*link class for 10pt links*/

.tenpt a:link {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
}

.tenpt a:visited {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
}

.tenpt a:hover {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
}

.tenpt a:active {
font: 10pt Verdana, Arial, Helvetica, sans-serif;
}
/** end link class for 10pt links**/

/** different color fonts **/

.red {font-weight:bold;
color:#F00;
}


/** end different color fonts **/

/** different style black fonts **/

.smallblackbold {
	font: bold 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

.smallblackboldp {
	font: bold 8pt/20px Verdana, Arial, Helvetica, sans-serif; /** line height is 20px **/
	color: #000;
}

.fourteenblack {
	font: 14pt Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

/** end different style black fonts **/

.small {
font-size: 8pt;
}


.tenpadding {
	padding: 10px;
}


.submitqt {
border:none;
background-color: #fff;
padding: 0;
margin: 0;
text-decoration:underline;
font-size:10px;
cursor:pointer;
}
/* this is also in cartcss.css */
.update {
	background-color: #b0c4de;
	font-size: 80%;
	font-weight: bold;
	font-variant: small-caps;
}

/* from computer-locks.htm page, used on index also - during redesign, change name of class to better reflect what it is*/

.footer {margin: 0;
padding: 10px;
background-color: #2D285F;
text-align: center;}

.footer a{
padding: 5px 5%;
text-decoration: none;
width: 90%;
padding: 2px 20px 2px 20px;
background-color: #2D285F;
border-top: 1px solid #f7f7f7;
border-right: 1px solid #828282;
border-bottom: 1px solid #828282;
border-left: 1px solid #f7f7f7;
color: #ccc;
font-weight: bold;
font-size: 11px;
}
.footer a:visited {
color: #ccc;
font-weight: bold;
}

.footer a:hover {
background-color: #ccc;
color: #2d285f;
border-top: 1px solid #828282;
border-right: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
border-left: 1px solid #828282;
font-weight: bold;
}

.lrborder {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
/*end from computer-locks.htm page*/

/*logo and give us a call in header main site 6-7-11 */
#headingnosearchM {
margin-left: 10px;
width: auto;
height: 100px;
}

#giveusacallM {
float: right;
margin-top: 8px;
padding-right: 10px;
text-align: right;
font: 16pt verdana, arial, helvetica, sans-serif;
}

.phonenumber {
font-size: 24pt;
}

#phonepic {
float: right;
margin-top: 8px;
margin-right: 30px;
}

#logoM {
float: left;
margin-top: 8px;
}
/* end logo and give us a call in header */

/*main pages footer */

.bottomnavM {
width: auto;
height: auto;
margin-left: 0px;
padding-top: 5px;
padding-bottom: 5px;
background-color: #999;
text-align: center;
clear: both;
}

.bottomnavM a:link {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000080;
text-decoration: none;
}
.bottomnavM a:visited {
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000080;
text-decoration: none;
}

.bottomnavM a:hover {
background-color: #E5E5E5;
color: #990000;
text-decoration: none;
}


#footerM {
width: auto;
height: auto;
margin-left: 0px;
background-color: #333;
}

#footerM td {
font: 8pt verdana, arial, helvetica, sans-serif;
color: #fffff0;
padding: 0px 7px 0px 7px;
}

#footerM a:link, #footerM a:visited { 
color:#FFFFF0;
font: 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}

#footerM a:hover {
background-color: #fffaf0; 
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #000;
}

.stoptheft {
font-size: 12pt;
font-weight: bold;
color: #fffaf0;
}

.bottombordertextcspM {
font: 20pt "Arial Narrow", Arial, Helvetica, sans-serif;
color: #fffaf0;
padding: 10px 0px 10px 0px;
margin-left: 30px;
}

/* end footer */

/*info booth on youraccount.dwt (from cartcss.ss)*/

#leftinfoDiv {
width: auto;
padding-right: 3px;
} 
	 	 
#infolinks {
padding-left: 30px;
}
	 
#infolinks ul {
margin: 0px;
padding: 0px;
}
	 

#infolinks li{
font: 8pt/1.5em verdana, arial, sans-serif;
list-style-image:  url(../images/infobullet.gif);
color: #006;
list-style-position: outside;
margin: 0px;
padding: 0px;
}

#infolinks a {
font: 8pt/1.5em verdana, arial, sans-serif;
text-decoration: none; 
background:  url(/images/infoline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}

#infolinks a:link, #infolinks a:visited {
color: #666;
}

#infolinks a:hover {
color: #00f;
background-color: #fff;
}

#rightinfoDiv {
padding-top: 20px;
}
 /* end infobooth css */
 
 	 	 
#accountmenulinks {
padding-left: 30px;
}
	 
#accountmenulinks ul {
margin: 0px;
padding: 0px;
}
	 

#accountmenulinks li{
font: 8pt/1.5em verdana, arial, sans-serif;
list-style-image:  url(../images/infobullet.gif);
color: #006;
list-style-position: outside;
margin: 0px;
padding: 0px;
}

#accountmenulinks a {
font: 8pt/1.5em verdana, arial, sans-serif;
text-decoration: none; 
background:  url(/images/infoline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}

#accountmenulinks a:link, #accountmenulinks a:visited {
color: #666;
}

#accountmenulinks a:hover {
color: #00f;
background-color: #fff;
}

#accountmenutitle {
background-color: #56BBFD;
font-size: 10pt;
font-weight: bold;
color: #000;
width: auto;
height: 20px;
text-align: middle;
padding-left: 15px;
margin-left: -15px;
}

/* from cartcss.css used on any your account programs that use the validation plugin */
label { display: inline-block; width: 15em; }
label.error { color: red; margin-left: 16em;  width: 20em; text-align:left } 
p > label { text-align:right;}
	
input.error {
border: 2px solid red;  /* turns border of input boxes red w/ if error */
}
	 
label.req_label + input {background-color:#FFFFCC; } /* highlight any input element that immediately follows a label w/class req_label */

/* end */

/* from cartcss.css for account_address_book */
#addressBookWrapperDiv {
width: 550px;
margin: 5px auto;
} 

#newAddressWrapperDiv {
width: 550px;
margin: 5px auto;
} 

/* end from cart.css for account_address_book */

/* new for account_address_book */

#manage_addressform p {
	 font-size: 1.0em; 
	 line-height: 1.3em;
	 margin: .2em;
	 padding: 0em;
}

#manage_addressform label {
/* width: 35%; */
float: left;
clear: left;
text-align: right;
white-space: nowrap;
min-width: 5em;
}

#manage_addressform label.error { color: red; margin-left: 15em;  width: 20em; text-align:left } 

 #manage_addressform input{
 font-size: 1.0em; 
 line-height: 1.3em;
 margin: .2em;
 padding: 0em;
 white-space:nowrap;
/* border: thin inset; */
}

#manage_addressform p { clear:left; }


/* end new for account_address_book */

/* for account_managecc  */
/* copied from cartcss */
#newccinfoDiv {
margin:0px auto;
width:550px;
}

#existingCcDiv {
margin:5px auto;
padding-left: 10px;
width:550px;
}
/* end account_managecc */

/* account manage login */

.loginmessages {
font: 8pt Arial, Verdana, Helvetica, sans-serif;
padding: 10px;
}

/*end account manage login */

.freightbox {
float: right; 
width:  110px;
height: auto;
border: 1px solid #000; 
background-color: #f5f5f5;
padding: 3px;
text-align: center;
}

/* google related toolbar fix */

iframe.grelated-iframe {
left:-99999px !important;
display: none !important;
}

/* end google related toolbar fix */

.fridgelocknew {
font: bold 10pt "Copperplate Gothic Light", Verdana, sans-serif;
color: #fff;
padding: 5px;
text-align: center;
background-color: #0657AD;
border: 1px solid #f00;
}