/* ---------------------------------------------

* Description: Classes extended to editor
* Version: 2.0 (10-1-2009)
* Author: Burt
*	© Copyright Central Vacuum Stores 2007-2009
*	Address: 3015 46th Ave N, Saint Petersburg, Florida 33714
*	Phone: 727-526-5188

* Originally based on /css/styles.css and /css/main.css
* Also consolidates the following:
*   /search/yui-autocomplete.css
*   /css/top_menu.css
*   /css/av.css
*   /css/clean_air.css
*   /css/cvs.css
*   /css/intercom.css
*   /css/irons.css
*   /css/motors.css
*   /css/nutone.css

== Swatches: ===================================

#900008   Dark Red - Primary
#506DBD   Med Blue - Secondary
#333333   Dark Grey - Default text color

--------------------------------------------- */

/* ============ font presets ============ */
.color_default {color:#333333}
.color_darkred {color:#900008}
.color_red {color:#BE0A13}
.color_lightred {color:#ED535A}
.color_darkblue {color:#324782}
.color_blue {color:#506DBD}
.color_lightblue {color:#8A9DD4}
.color_darkgrey {color:#666}
.color_grey {color:#999}
.color_lightgrey {color:#BBB}
.color_white {color:#FFF;}
.color_white a{color:#FFF; text-decoration: none;}

/* Here's the common "add to cart" link style. Meant to be applied to the Anchor (A) tag */
.add_link, .add_link a{
 color:#506DBD;
 font-weight:bold;
}

.category_text{text-align: center;}
.category_text div {text-align:center;padding: 0px 30px 0px 30px;}
.category_text div p {text-align: left; width: 130px;}

/* ============ box presets ============ */
.bg_darkred {background-color:#900008}
.bg_red {background-color:#BE0A13}
.bg_lightred {background-color:#ED535A}
.bg_darkblue {background-color:#324782}
.bg_blue {background-color:#506DBD}
.bg_lightblue {background-color:#8A9DD4}
.bg_darkgrey {background-color:#666}
.bg_grey {background-color:#999}
.bg_lightgrey {background-color:#BBB}
.bg_lightergrey {background-color:#DDD}
.bg_white {background-color:#FFF;}

.align_left {text-align: left;}
.align_center {text-align: center;}
.align_right {text-align: right;}


/* ============ clears all floats ============ */
.clear {clear:both;height:1px;overflow:hidden;line-height:1px;font-size:1px;}


/* ============ inline horizontal spacers ============ */
.hspacer15 {margin-left:15px;}
.hspacer30 {margin-left:30px;}

/* ============ common table definitions ============ */


/* Tables by default have no border (after the css reset.) If this is not a purely structural table then use this common grey border instead of defining the border custom per page. */
.table_grey_border {
 width:100%;
 text-align:center;
 border:solid 3px #eee;
	border-spacing: 1px;
}
.table_grey_border td{
 border:solid 2px #eee;
	padding: 4px;
}
.table_grey_border td table{
 padding:10px;
 text-align:center;
 width:100%;
 border:none;
}
.table_grey_border td table td{
 border:none;
}
.table_grey_border td table td:first-child{ /*helps alignment. IE 5 and 6 not supported*/
 width:100px;
}

.table_grey_border_all {
 width:100%;
 text-align:center;
 border:solid 3px #eee;
 border-spacing: 1px;
}
.table_grey_border_all td{
 border:solid 2px #eee;
 padding: 4px;
}
.table_grey_border_all td table{
 text-align:center;
 width:85%;
}
.table_grey_border_all td table td:first-child{ /*helps alignment. IE 5 and 6 not supported*/
 width:100px;
}

/* Another commonly-used utility for quickly centering all cells within a table */
.table_all_centered {
 width:100%;
 text-align:center;
}
.table_all_centered td, .table_all_centered th {
 text-align:center;
}


/* Use these table "modifiers" to wrap the table you want to modify. The two common styles are styling tables with Red header cells, or Grey header cells */
.table_red_header th {
	background-color: #900008;
	color: #ffffff;
 font-size:14px;
}
.table_grey_header th {
	background-color: #c0c0c0;
	color: #000;
}


/* the following table definitions are a bit more page specific and were build to skip bit of a redesign of the pages (dustcare.htm beign one of them). Please use the above table styles whenever possible. */
.table_cvac_specs {
 width:100%;
 border-style:solid;
	background-color: #808080;
	border-color: #808080;
	border-spacing: 2px;
	border-width: 2px;
	empty-cells: show;
}
.table_cvac_specs td {
 border-style:solid;
	border-width: 2px;
	border-color: #666;
	background-color: #e9e9e9;
	padding: 4px;
	text-align: center;
}
.table_cvac_specs th {
 border-style:solid;
	border-width: 2px;
	border-color: #666;
	background-color:#b8b4ae;
	padding: 4px;
	color: #000000;
	text-align: center;
}
.table_cvac_specs .bg_white{
 background-color:#FFF;
}



.table_bordered_3d {
width:100%;
 border:solid 1px #808080;
	border-spacing: 2px;
	padding: 1px;
	margin: 0px;
	empty-cells: show;
 border-collapse:separate;
}
.table_bordered_3d td {
 border:solid 1px #666;
	padding: 4px;
	text-align: center;
}
.table_bordered_3d th {
 border:solid 1px #666;
	padding: 4px;
	color: #000000;
	text-align: center;
}


.table_product_boxes {
 width:100%;
}
.table_product_boxes td {
 width:25%;
}
.table_product_boxes .pad {
 width:20px;
}
.table_product_boxes td table {
 width:100%;
 border:solid 3px #999;
	border-spacing: 1px;
	padding: 1px;
	margin: 0px;
	empty-cells: show;
 zborder-collapse:separate;
}
.table_product_boxes td table td {
 border:solid 2px #BBB;
	padding: 4px;
	text-align: center;
}
.table_product_boxes td table th {
 border:solid 1px #666;
	padding: 4px;
	color: #000000;
	text-align: center;
}

/* other specific th options not included:
 	font-size: 16px;
  padding: 5px;
  text-align: left;*/
  



/* ============ deprecated ============ */

/*
.table_no_border {
 border-style:solid;
	background-color: #fff;
	border-color: #fff;
	border-spacing: 2px;
	border-width: 1px;
	padding: 1px;
	margin: 0px;
	empty-cells: show;
	table-layout: fixed;
}

.table_no_border td {
 border-style:solid;
	border-width: 1px;
	border-color: #fff;
	background-color: #fff;
	padding: 4px;
}

.table {
	background-color: #eee;
	border-color: #666;
	border-spacing: 2px;
	border-width: 1px;
	padding: 1px;
	margin: 0px;
	empty-cells: show;
}

.table td {
	border-width: 1px;
	border-color: #666;
	background-color: #fff;
	padding: 4px;
	text-align: left;
}

.table_auto {
	table-layout: auto;
}

.border{
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-family: verdana;
	font-size: 13px;
}
.product_cat span{
	font-size: 18px;
}
.specials{
	font-family: verdana;
	font-size: 12px;
}

not found:
.des{
	font-size: 14px;
}
.gridTitle td{
	background-color: #d4d4d4;
}
.gDOdd td{
	background-color: #e9e9e9;
}
.gDEven td{
	background-color: #d4d4d4;
}
.dropdown{
	margin-left: 106px;
	display: none;
}
.top_nav_links {
	text-align: center;
	font-size: 12px;
	font-weight: normal;
	color: #900008;
}
.top_nav_links a{
	color: #900008;
}
.top_nav_links a:visited{
	color: #900008;
}
.transparent {
	background-color :#eaeaea;
	display: none;
	width: 300px;
	position: absolute;
	color: black;
	border: 1 black solid;
	z-index: 999;
	text-align: left;
	padding: 3px;
	font-family: verdana;
	font-size: 13px;
}
.strike {text-decoration: line-through;color: #333;}
.bold {font-weight:bold;}
.red {color: #900008;}
.red_bg {background-color: #900008;}
.white {color: #fff;}
.white a{color: #fff; text-decoration: none;}
.big {font-size: 12pt;}
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
	font-weight: bold;
}
.add a{
	color: #0000FF;
	text-decoration: none;
}
.add a:hover, .add a:visited:hover {
	text-decoration: underline;
}
.center {
	text-align: center;
}

not found:
.green_link a {color: #009933;}
.red_link a{
	text-decoration: underline;
}
*/