/***********************************************/
/* CSS Document                 */
/***********************************************/

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

body {
	text-align: center;
	min-width: 995px;
	margin-top: 0px;
	margin-left: 0px;
	background: #f8efe0;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: bold; 
	color: #40689e;
	margin: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #40689e;
	margin: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold; 
	color: #40689e;
	margin: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal; 
	color: #40689e;
	margin: 0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #000000;
	margin: 0px;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; 
	font-weight: normal; 
	color: #666666;
	margin: 0px;
}
.content {
	margin:1px auto;
	width:995px;
	text-align: left;
	border:1px solid #c9c1be;
	background-color:#ffffff;
}
*html .content{
	margin:2px auto;
	align: center;
	border:1px solid #c9c1be;
}
p, td, th, div {
	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/ */

form { /* removes the default padding around a form */
	display: inline; 
	margin: 0;
}
.article {
	background-color:#ffffff;
	width:610px;
	height: 0 auto;
}

a {cursor:pointer}

#flash {
  position: relative; /*or absolute*/
  z-index: 0;
} 

/* defines a dropdown input field box to be only 170 px wide but allow the dropdown to be as wide as needed */
.dropdown_list { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000;
	width:170px;
	overflow:hidden;
}
.dropdown_list option {
	padding-top:1px; /* creates some padding between options */
}

/***********************************************/
/* 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(/css/08r.theme/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(/css/08r.theme/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(/css/08r.theme/tab.right.green.gif) no-repeat right top;
		padding:6px 8px 3px 1px;
	}
	
	* html .chromestyle a span{
		float:left;
		display:block;
		background:url(/css/08r.theme/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.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;
}
a.home2:active {/* home page promo links */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #494949;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	font-size: 13px;
	font-weight: normal;
}
a.home2:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #494949; 
	text-decoration:none;
	font-size: 13px;
	font-weight: normal;
	border-bottom:1px solid #cccccc;
}
a.home2:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #494949; 
	text-decoration:none;
	border-bottom:1px solid #cccccc;
	font-size: 13px;
	font-weight: normal;
}
a.home2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	border-bottom:1px solid #007db1;
	font-size: 13px;
	font-weight: normal;
}

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

h1, .headline_category {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px; 
	font-weight: bold;
	color: #40689e;
}
.featureheader {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px; 
	font-weight: normal;
	letter-spacing: -1px;
	color: #4c6183;
}
.pageheader {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: normal; 
	color: #3c2901;
}
.pageheader_white {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: normal; 
	color: #fff;
}
.pageheader_brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #321a0e;
}
.topheader {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; 
	font-weight: normal; 
	color: #667998;
}
.headline_beige {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold;
	font-style: normal;
	color: #efebe8;
}
.headline_brown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #401e00;
}
.headline_red{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #ba1212;
}
.priceheadline_grey{/* for pricing only */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	color: #555152;
}
.priceheadline_red{/* for pricing only */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: normal;
	color: #ba1212;
}
.headline_blue{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #4c6183;
}
.headline_black{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: normal;
	color: #000000;
}
.headline_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: #ffffff;
}
.select_header{/* for tables - background attached */
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	letter-spacing:2px;
	text-transform:capitalize;
	text-align:center;
	color:#333;
	background-color:#ececec;
}

/***********************************************/
/* 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: #555154;
}
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(/css/08r.theme/bullet.blue.promo4.gif);
}
li.specs {
	font-size: 11px;
	list-style-position: outside;
	list-style-image: url(/css/2010transitional/css/diamond.bullet.gif);
	margin-left: -20px;
	line-height:14px;
}
li.featured {
	font-size: 11px;
	list-style-position: outside;
	margin: 0px 0 02 -18;
	border-top: 1px dashed #8ba9e4;
	width: 99%;
	list-style-type: none;
	list-style-image: url(/images/graphics/arrow.gif);
	line-height: 13px;
}
.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;
}
.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;
}
.descriptor_promo { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	color: #ba1212;
}
.rebate {
	font-family: Arial, Helvetica, sans-serif;
	color: #3f8121;
	font-weight: normal;
	font-size: 12px;
}
.highlight {
	background-attachment:scroll;
	background-color: #fbee83;
}
.navhighlight {
	background-attachment: fixed;
	background-color: #cfe1f2;
}
.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(/css/08r.theme/flag.gradient.gif);
}
.flag3 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	line-height:20px;
	text-align:left;
	text-indent:6px;
	border-left:6px solid #aeb9cb;
	background-attachment:scroll;
	background-image:url(/css/2010transitional/images/tiles/tile.darksearch.gif);
}
.subscript {
	vertical-align:baseline;
	font-size:smaller;
}
/***********************************************/
/* Price Classes                             */
/***********************************************/	

.price_feature {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #aa0c17;
}
.price_bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bolder;
	color: #aa0c17;	
}
.price_d {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	vertical-align: 10px;
	color: #aa0c17;	
}
.small_price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #95320b;
}
.whiteprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #fff;
}
.pricing {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #bb161d;
}
/***********************************************/
/* Mac Storefront Display                        */
/***********************************************/

.macfont{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 8pt;
}
.macfont_headline{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: 900;
	line-height: 8pt;
}
.maclist{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	line-height: 16pt;
	color:#999999;
}

a.apple:active {/* APPLE landing links */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8b898c; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.apple:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #8b898c; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.apple:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #781c96; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.apple:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color: #a644c6;
	border-bottom:1px solid #cb64ed;
	font-size: 14px;
	font-weight: normal;
}
.price_apple {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #796b7e;
}
.applecurve_border {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #e0e1e3;
	padding: 2px;
}


/***********************************************/
/* 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;
}

/***********************************************/
/* Landing Page Specific                       */
/***********************************************/


a.land:active {/* CP landing links */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	font-size: 14px;
	font-weight: normal;
}
a.land:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #494949; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
	border-bottom:1px solid #cccccc;
}
a.land:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #494949; 
	text-decoration:none;
	border-bottom:1px solid #cccccc;
	font-size: 14px;
	font-weight: normal;
}
a.land:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	border-bottom:1px solid #007db1;
	font-size: 14px;
	font-weight: normal;
}
a.systems:active {/* SYSTEMS landing links */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #04555a; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.systems:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #04555a; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.systems:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #730693; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.systems:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color: #1e8a91; 
	font-size: 14px;
	font-weight: normal;
}

.price_parts {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #b13d22;
}
.price_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing:-1;
	font-weight: bolder;
	color: #000000;	
}
.OUTcurve_border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #999999;
	padding: 2px;
}

.thickBLUEcurve_border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 4px solid #0987c9;
	padding: 1px;
}

.thickREDcurve_border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 4px solid #aa0c17;
	padding: 1px;
}

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

.thickRUSTcurve_border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 4px solid #b13d22;
	padding: 1px;
}
.TEALcurve_border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #1e8a91;
	padding: 1px;
}

li.productSPECS {
	font-size: 11px;
	list-style-position: outside;
	list-style-image: url(/css/08r.theme/bullet.blue.promo4.gif);
	border-bottom: 1px solid #87badf;
	margin-left: -20px;
	margin-right: 12px;
	line-height:16px;
}
a.enews:active {/* ENEWS landing links */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #667998; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.enews:link {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #3e4571; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.enews:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #3e4571; 
	text-decoration:none;
	font-size: 14px;
	font-weight: normal;
}
a.enews:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration:none;
	color: #667998; 
	border-bottom:1px solid #667998;
	font-size: 14px;
	font-weight: normal;
}
.price_enews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #aa0c17;
}
.GREYcurve_border {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #cccccc;
	padding: 1px;
}

/***********************************************/
/* 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;
}
.bottom_blue {
	border-bottom: 1px solid #667998;
}	
.top_border {
	border-top: 1px solid #4c6183;
}
.right_border {
	border-right: 1px solid #d7d3d0;
}
.left_border {
	border-left: 1px solid #d7d3d0;
}
.bottom_dashed {
	border-bottom: 1px #777986 dashed; 
}
.bottom_dkgrey {
	border-bottom: 1px solid #555152;
}

/***********************************************/
/* 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_dkgrey { 
	border-padding: 8px; 
	border: 1px #555152 solid;
}
.border_blue { 
	border-padding: 8px; 
	border: 1px #667998 solid;
}
.border_grey { 
	border-padding: 8px; 
	border: 1px #cccccc solid;
}
.border_bluegray { 
	border-padding: 8px; 
	border: 1px #9393b2 solid;
}
.border_grey { 
	border-padding: 8px; 
	border: 1px #cccccc 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;
}

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

/*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: center;
	font: bolder 11px Arial;
	text-align: center;
	line-height: 11px;
	height: 19px;
	padding-left: 11px;
	text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: black;
}

a.ovalbutton span{
	background: transparent url('/images/home_page/oval.green.right.gif') no-repeat top right;
	display: block;
	padding: 4px 11px 4px 0;
}

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

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

.buttonwrapper85{ /* 85 pixel container - ADD to CART */
	overflow: hidden;
	width: 85px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}

.buttonwrapper34{ /* 34 pixel container - GO*/
	overflow: hidden;
	width: 34px;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}

.buttonwrapper110{ /* 110 pixel container */
	overflow: hidden;
	width: 110px;
	margin-top: 2px;
	margin-bottom: 1px;
}

.buttonwrapper44{ /* 44 pixel container */
	overflow: hidden;
	width: 44px;
	margin-top: 2px;
	margin-bottom: 1px;
}
.buttonwrapper116{ /* 116 pixel container */
	overflow: hidden;
	width: 116px;
	margin-top: 2px;
	margin-bottom: 1px;
}

.buttonwrapper124{ /* 124 pixel container */
	overflow: hidden;
	width: 124px;
	margin-top: 2px;
	margin-bottom: 1px;
}

.buttonwrapper136{ /* 136 pixel container */
	overflow: hidden;
	width: 124px;
	margin-top: 2px;
	margin-bottom: 1px;
}

.cssbutton_white{
	background-color: white;
	background:url(/css/2010transitional/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;
}



/***********************************************/
/* For CSS input buttons */
/***********************************************/
input.imgbutton {
    padding-left: 20px;
	padding-top: 4px;
	margin-right: 2px;
    border: 0;
    background: #fff url(/images/home_page/button_img_bkB.gif) no-repeat;
    color: #fff;
	font: bolder 11px Arial;
	line-height: -12px;
    /* used to catch the buttonEnding */
    position: relative;
    cursor: pointer;
}

.buttonEnding {
    position: absolute;
    display: inline;
    width: 11px;
    height: 19px;
    background: url(/images/home_page/button_img_rightB.gif) no-repeat;
}

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

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


/***********************************************/
/* Shade tabs                             */
/*******************************************/*****

.shadetabs{
padding: 6px 0;
margin-left: -4px;
margin-top: 1px;
margin-bottom: 0px;
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
color: #1e78d3;
text-decoration: none;
}

html .shadetabs{
padding: 6px 0;
margin-left: 4px;
margin-top: 1px;
margin-bottom: 0px;
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
color: #1e78d3;
text-decoration: none;
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetab {
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 4px;
margin-right: 3px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topleft: 5px;
-webkit-border-radius-topright: 5px;
border: 1px solid #ccc;
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
color: #2d2b2b;
background: white url(/css/2010transitional/shade.png) top left repeat-x;
cursor:pointer;
}

.activeshadetab {
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 4px;
margin-right: 3px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-radius-topleft: 5px;
-webkit-border-radius-topright: 5px;
border: 1px solid #ccc;
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
color: #2d2b2b;
background: white url(/css/2010transitional/shadeactive.png) top left repeat-x;
cursor:pointer;
}

.shadetabs li a:visited{
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
color: #2d2b2b;
}

.shadetabs li a:hover{
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
color: #0066ff;
}

.shadetabs li a.selected{ /*selected main tab style */
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
font: normal 10px Arial, Verdana, Helvetica, sans-serif;
background-image: url(/css/2010transitional/images/graphics/shadeactive.png);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

/***********************************************/
/* Gallery Image Classes                     */
/***********************************************/

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

.gallerycontainer{
	position: relative;
	height: 230px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
	border: none;
	margin: 0 1px 1px 0;
}

.thumbnail:hover{
	background-color: transparent;
}

.thumbnail:hover img{
	border: 1px white;
}

.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 1px;
	left: -1000px;
	visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 1px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
	visibility: visible;
	top: -2px;
	left: -2px; /*position where enlarged image should offset horizontally */
	z-index: 50;
}

/***********************************************/
/* Store photo strip                      */
/***********************************************/

#photo_strip {
	width:630px; 
	margin:0 0 0 0;
}
#container {
	margin:0; 
	padding:0; 
	height:240px; 
	overflow:auto; 
	color:#222; 
	background:#fff;
}
#container ul {
	margin:0; 
	padding:0; 
	list-style:none; 
	white-space:nowrap; 
	display:table-row;
}
#container ul li {
	display:table-cell; 
	padding:0 4px; 
	background:#fff;
	vertical-align:top;
}
#container ul li img {
	border:1px solid #555;
	margin: 2px 0 10px 0;
}

#container p {
	margin:0; 
	padding:2px 0;
	font-size:11px;
}

.title_underline {
	border-bottom: 1px solid #c9c1be;
}
.divider {
	border-right: 1px solid #bed547;
}
.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: normal;
	color: #555152;
}
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;
}

div.content .recommended-item-header { top:-10px; left:-10px; position:relative; height:20px; padding:5px; background-image:url(/images/tiles/tile.greys.jpg); font-size: 16px; font-weight: bold; color: #4c6183; width: 230px; }
div.recommended-item { width:80%; padding:10px; margin:10px auto; border-top: #ccc thin dotted; }
div.recommended-item .product { float:left; margin-right:10px; margin-bottom:20px; width:23%; }
#added-product { width:80%; padding:10px; margin:0px auto; margin-top:5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border: 1px solid #e0e1e3; background-color:#ececec; }
#added-product h1 { margin-bottom:10px; font-size: 24px; font-weight: normal; letter-spacing: -1px; color: #4c6183;}
#added-product .product-detail { float:left; width:450px; margin-left:10px;	}
#added-product .product-detail a { text-align:left; }
#added-product .product-detail a img { border: thin #e0e1e3 solid; padding: 3px; margin-right:7px; background-color: #fff; float:left; }