html { min-height: 100%; margin-bottom: 1px; }
/* fixes page shift on Firefox */

body {
	text-align: center;
	min-width: 995px;
	margin-top: 1px;
	background:#f8efe0;
}
.content {
	margin:1px auto;
	width:995px;
	text-align: left;
	border:1px solid #c9c1be;
}
*html .content{
	margin:2px auto;
	align: center;
	border:1px solid #c9c1be;
}
p, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
hr {
	border: 0;
  	width: 100%;
	color: #d7d3d0;
	background-color: #d7d3d0;
	height: 1px;
}
.content_compare {
	margin:1px auto;
	width:100%;
	text-align: left;
	border:1px solid #c9c1be;
}
img{-ms-interpolation-mode:bicubic;} /* http://www.aaronwpearson.com/2009/01/15/image-resizing-in-internet-explorer-7/ */

.article {
	background-color:#ffffff;
	width:610px;
	height: 0 auto;
}

/***********************************************/
/* top nav dropdown                            */
/***********************************************/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.chromestyle{
width: 995px;
font-weight: normal;
border-bottom: 1px solid #331503;
}	

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 0px solid #331503;
width: 995px;
padding: 4px 0;
margin: 0px auto;
text-align: left; /*set value to "left", "center", or "right"*/
font: bold 10px Arial;
font-style: normal;
}

*html .chromestyle ul {
margin:3px 0 0 0;
padding: 2px 0 0 0;
font: bold 10px Arial;
font-style: normal;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #000;
font: bold 10px Arial;
font-style: normal;
text-decoration: none;
float:left;
background:url(tab.left.green.gif) no-repeat left top;
margin:0;
padding:0 0 0 9px;
text-decoration:none;
}

* html .chromestyle ul li a{
color: #000;
font: bold 10px Arial;
font-style: normal;
text-decoration: none;
float:left;
background:url(tab.left.green.gif) no-repeat left top;
margin:0;
padding:0 0 0 5px;
text-decoration:none;
}

.chromestyle a span{
float:left;
display:block;
background:url(tab.right.green.gif) no-repeat right top;
padding:6px 8px 3px 1px;
}

* html .chromestyle a span{
float:left;
display:block;
background:url(tab.right.green.gif) no-repeat right top;
padding:5px 7px 3px 5px;
}

.chromestyle ul li a:hover{
text-decoration: none;
color: #295373;
font: bold 10px Arial;
font-style: normal;
background-position:0 -125px;
}

.chromestyle a:hover span {
background-position:100% -125px;
}


/***********************************************/
/* dropdown style                            */
/***********************************************/

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #4f98e1; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:16px;
text-decoration: none;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#6185b5,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ccc; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
text-decoration: none;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #6185b5;
text-decoration: none;
color: #ffffff;
}

/***********************************************/
/* Link Classes                              */
/***********************************************/

a.topnav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #215cbb; 
	text-decoration: none; 
	font-size: 10px;
}
a.topnav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #215cbb; 
	text-decoration: none; 
	font-size: 10px;
}
a.topnav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #4f98e1; 
	text-decoration: underline;
	font-size: 10px;
}
a:hover {
	color: #4f98e1;
	text-decoration: underline;
	font-size: 11px; 
}
a:active {
	color: #215cbb;
	text-decoration: underline;
	font-size: 11px;
}
a:link {
	color: #215cbb;
	text-decoration: none;
	font-size: 11px;
}
a:visited { 
	color: #215cbb; 
	text-decoration: none;
	font-size: 11px;
}
a.search:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #000000;
	font-size: 10px;
}
a.search:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #000000; 
	font-size: 10px;
}
a.search:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	color: #2f74e2;
	font-size: 10px;
}
a.home2:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #215cbb; 
	text-decoration: none; 
	font-size: 12px;
	font-weight: bolder;
}
a.home2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #215cbb; 
	text-decoration: none; 
	font-size: 12px;
	font-weight: bolder;
}
a.home2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #215cbb; 
	text-decoration: none; 
	font-size: 12px;
	font-weight: bolder;
}
a.home2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #4f98e1;
	text-decoration:underline;
	font-size: 12px;
	font-weight: bolder;
}
a.reversed:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #f0c3a4;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.reversed:active {
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.reversed:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.reversed:visited { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	color: #fff; 
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
a.sidenav:active {
	font-family: Verdana, Arial, Helvetica, sans-serif
	color: #215cbb; 
	text-decoration: none;
	font-weight: bolder;
}
a.sidenav:link {
	font-family: Verdana, Arial, Helvetica, sans-serif
	color: #215cbb; 
	text-decoration: none; 
	font-size: 11px;
	font-weight: bolder;
}
a.sidenav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif
	color: #215cbb; 
	text-decoration: none;
	font-weight: bolder; 
}
a.sidenav:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif
	color: #4f98e1;
	text-decoration: underline;
	font-weight: bolder;
}

/***********************************************/
/* IDOD Classes                            */
/***********************************************/

a.idod:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #215cbb; 
	text-decoration: none; 
	font-size: 12px;
}
a.idod:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #215cbb; 
	text-decoration: none; 
	font-size: 12px;
}
a.idod:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #215cbb; 
	text-decoration: none; 
	font-size: 12px;
}
a.idod:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #bd550e;
	text-decoration:none;
	font-size: 12px;
}
.pricing_idod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: bold;
	letter-spacing:-2;
	color: #548104;
}

/***********************************************/
/* Headline Classes                            */
/***********************************************/

h1, .pageheader {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: normal; 
	color: #3c2901;
}
.headline_beige {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	font-style: normal;
	color: #efebe8;
	font-variant:small-caps;
}
.headline_brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bolder;
	color: #3c2901;
}
.headline_category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold;
	color: #40689e;
}
.headline_green{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #339900;
}
.headline_home {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #bd550e;
}
.headline_nj {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #555152;
}
.headline_red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #ba1212;
}
.headline_blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #1e78d3;
}
.headline_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #ffffff;
}
.select_header{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	letter-spacing:2px;
	text-align:center;
	color:#ffffff;
	background-color:#555152;
}

/***********************************************/
/* Design Classes                             */
/***********************************************/	

blockquote {
	color: #000000; 
	font-size: 11px;
}
.superscript {
	vertical-align : super; 
	font-size: xx-small;
}
.searchbox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}
li.category {
	font-size: 11px;
	list-style-position: outside;
	margin-left: -20px;
	list-style-image: url(bullet.orange.gif);
}
li.promo {
	font-size: 11px;
	list-style-position: outside;
	margin: 0px 0 0 -12;
	border-bottom: 1px solid #87badf;
	line-height: 16px;
	list-style-image: url(bullet.blue.promo4.gif);
}
li.specs {
	font-size: 11px;
	list-style-position: outside;
	margin-left: -20px;
	margin-top: 2px;
	margin-bottom: 1px;
	line-height: 13px;
	list-style-image: url(/images/graphics/dash.gif);
}
.flag {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #f8efe0;
	text-align:left;
	text-indent:2px;
	line-height: 18px;
	vertical-align:middle;
	background: url(flag.gradient.gif);
}
.flag2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #f8efe0;
	text-align:left;
	text-indent:2px;
	line-height: 18px;
	vertical-align:middle;
	background: url(flag2.gradient.gif);
}
.flag3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	color: #f8efe0;
	line-height:18px;
	text-align:left;
	text-indent:2px;
	border-left:6px solid #bed547;
	background-attachment: fixed;
	background-color: #40689e;
}
.pricing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #bb161d;
}
.price_large {
	color: #cc0000;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.small_price {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #bb161d;
}
.whiteprice {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #fff;
}
.subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: #735e43; 
	font-weight: bold;
}
.subhead_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
}
.subhead_gold {
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	font-weight: bold;
	color: #f1b014;
}
.descriptor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #666666;
}
.descriptor_white { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #ffffff;
}
.descriptor_black { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #000;
}
.rebate {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #548104;
	font-weight: bolder;
	font-size: 11px;
}
.highlight {
	background-attachment: fixed;
	background-color: #ffef9f;
}
.navhighlight {
	background-attachment: fixed;
	background-color: #cfe1f2;
}

/***********************************************/
/* Line Classes                             */
/***********************************************/

.searchline { 
	border: solid; 
	border-width: 1px 0px 0px; 
	border-color: #4f98e1;
}
.index_line { 
	border: solid;
	border-width: 1px 0px 0px; 
	border-color: #d7d3d0;
}
.brown_line { 
	border: solid;
	border-width: 1px 0px 0px; 
	border-color: #c9c1be;
}
.bottom_brown {
	border-bottom: 1px solid #d7d3d0;
}
.bottom_orange {
	border-bottom: 1px solid #f0c3a4;
}
.bottom_ltgreen {
	border-bottom: 1px solid #bed547;
}
.top_border {
	border-top: 1px solid #d7d3d0;
}
.right_border {
	border-right: 1px solid #d7d3d0;
}
.left_border {
	border-left: 1px solid #d7d3d0;
}
.search_border {
	border-right: 1px solid #d7d3d0;
}
.divider {
	border-right: 1px solid #bed547;
}
.title_underline {
	border-bottom: 1px solid #c9c1be;
}

/***********************************************/
/* Border Classes                             */
/***********************************************/

.border_brown {
	border-padding: 8px; 
	border: 1px #c9c1be solid;
}
.border_orange {
	border-padding: 8px; 
	border: 1px #dba604 solid; 
}
.border_ltgreen {
	border-padding: 8px; 
	border: 1px #bed547 solid; 
}
.border_blue { 
	border-padding: 8px; 
	border: 1px #6185b5 solid;
}
.border_bluegray { 
	border-padding: 8px; 
	border: 1px #9393b2 solid;
}
.border_white { 
	border-padding: 8px; 
	border: 1px #fff solid;
}
.coupon_border { 
	border-padding: 8px; 
	border: thin #70a687 dashed;
}
.border_green {
	border-padding: 8px; 
	border: 1px solid #70a687;
}
.liner {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9393b2;
}

/***********************************************/
/* NOT IN REDESIGN, BUT HOLD               */
/***********************************************/

a.home:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #331503; 
	text-decoration: none; 
	font-size: 20px;
}
a.home:link {
	font-family: Arial, Helvetica, sans-serif; 
	color: #331503; 
	text-decoration: none; 
	font-size: 20px;
}
a.home:visited {
	font-family: Arial, Helvetica, sans-serif; 
	color: #af2408; 
	text-decoration: none; 
	font-size: 20px;
}
a.home:hover {
	font-family: Arial, Helvetica, sans-serif; 
	color: #4f98e1;
	text-decoration:underline;
	font-size: 20px;
}
/***********************************************/
/* Button Classes                             */
/***********************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssbutton{
	background:url(chrometheme.deux/images/tiles/07.btn2.tile.jpg);
	border: 1px #4f98e1 outset;
	padding: 1px 2px;
	color: #black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	text-align:center;
	text-decoration: none;
}
.cssbutton:visited{
	color: black;
	text-decoration: none;
}
.cssbutton:hover{
	border-style: inset;
	color: #d3180f;
	text-decoration: none;
}
.cssbutton_home{
	background:url(chrometheme.deux/images/tiles/07.btn2.tile.jpg);
	border: 1px #4f98e1 outset;
	padding: 1px 4px;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:center;
}
.cssbutton_home:visited{
	color: black;
	text-decoration: none;
}
.cssbutton_home:hover{
	border-style: inset;
	color: #d3180f;
	text-decoration: none;
}
.cssbutton:active{
	color: black;
	text-decoration: none;
}
.cssbutton_white{
	background-color: white;
	background:url(chrometheme.deux/images/tiles/07.btn2.tile.jpg);
	border: 1px #4f98e1 outset;
	padding: 1px 4px;
	color: black;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	text-align:center;
}
.cssbutton_white:visited{
	color: black;
	text-decoration: none;
}
.cssbutton_white:hover{
	border-style: inset;
	color: #d3180f;
	text-decoration: none;
}
.cssbutton_white:active{
	color: black;
	text-decoration: none;
}

/***********************************************/
/* Button Classes                             */
/***********************************************/

/* For customizable CSS buttons with rounded ends */

input.imgbutton {
    padding-left: 10px;
    padding-bottom: 2px;
    margin-right: 7px;
    border: 0;
    background: #fff url(/images/home_page/button_img_bk.gif) no-repeat;
    color: #000;
	font: bolder 11px Arial; /* Change 13px as desired */
    height: 20px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.buttonEnding {
    position: absolute;
    display: inline;
    margin-left: -10px;
    width: 11px;
    height: 20px;
    background: url(/images/home_page/button_img_right.gif) no-repeat;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('/images/home_page/oval.green.left.gif') no-repeat top left;
display: block;
float: left;
font: bolder 11px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 19px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: black; /*button text color*/
}

a.ovalbutton span{
background: transparent url('/images/home_page/oval.green.right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
text-decoration: none;
color: #494949;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top: 2px;
margin-bottom: 8px;
}


a.ovalbuttonc{
background: transparent url('/images/home_page/oval.green.left.gif') no-repeat top left;
display: block;
float: center;
font: bolder 11px Arial; /* Change 13px as desired */
line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 19px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbuttonc, a:visited.ovalbuttonc, a:active.ovalbuttonc{
color: black; /*button text color*/
}

a.ovalbuttonc span{
background: transparent url('/images/home_page/oval.green.right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonc:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.ovalbuttonc:hover span{ /* Hover state CSS */
background-position: bottom right;
text-decoration: none;
color: #494949;
}

.buttonwrapperc{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
margin-top: 2px;
margin-bottom: 1px;
}

/* Spec Box Classes */
.bottom_border{ border-bottom:#ececec 1px solid }
.bottom_right_border { border-bottom:#ececec thin solid; border-right:#ececec 1px solid }


/***********************************************/
/* Curvy Borders Boxes                           */
/***********************************************/

.curve_border {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #cccccc;
padding: 2px;
}

.curve_carrier {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #666;
padding: 1px;
}