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

* Description: Global Layout and Containers
* 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:
*   /css/about.css
*   /search/yui-autocomplete.css
*   /css/top_menu.css

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

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

== Structure: ===================================

* Page width: 950px
* Alternate arrangements of mid columns can be viewed on files named blank_*.htm

[          HEADER          ]
[ LEFT ][ CONTENT ][ RIGHT ]
[          FOOTER          ]
--------------------------------------------- */


/* ---------------------------------------------
== CSS Reset: ==================================
--------------------------------------------- */
html,body,span,div,p,object,iframe,h1,h2,h3,h4,h5,h6,pre,blockquote,img,strike,center,a,em,font,strong,sub,sup,u,b,i,ul,ol,li,dt,dl,dd,form,fieldset,legend,label,table,tbody,thead,tfoot,th,tr,td,caption{
 margin:0;
 padding:0;
 border:0;
 outline:0;
 font-size:100%;
}
ol, ul {list-style:none;}
table {border-spacing:0;border-collapse:collapse;}
table td, table th{padding:0;}


/* ---------------------------------------------
== Tag Defaults: ===============================
--------------------------------------------- */
body {
 background-color:#FFF;
 text-align:justify;
 color: #333;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 12px;
}

a{
 color:#900008;
 text-decoration:underline;
}
a:link {color:#506DBD;}
a:hover {text-decoration:none;}

hr {margin: 5px;}

h1 {
	color: #900008;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	font-size: 12px;
	font-weight: bold;
}
h2 a, h2 a:active, h2 a:hover, h2 a:link, h2 a:visited {
	color: #900008;
}
h3 {
	color: #333;
	font-size: 16px;
	display: block;
 margin: 0 0 10px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	display: inline;	
}
h5 {
	font-size: 10px;
	font-weight: bold;
	color: #900008;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h6 {
	font-size: 10px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: inline;
}
p {
 margin:0 0 13px;
}
ol, ul {
 list-style:disc;
 padding:0 0 14px 35px;
 text-align:left;
}

/* ---------------------------------------------
== Containers: =================================
--------------------------------------------- */
#doc_wrap { 
 text-align:center;
}
#doc_inner{
 width:950px;
 margin:0 auto;
 text-align:justify;
}

/* ---------------------------------------------
== Structure Header: ===========================
--------------------------------------------- */
#panel_header{
 height:200px;
}
#panel_header .logo{
 position:absolute;
 width:200px;
 margin:0;
}
#panel_header .shipping{
 position:absolute;
 width:350px;
 margin:0 0 0 600px;
 text-align:right;
}
#panel_header .phone{
 position:absolute;
 width:372px;
 margin:34px 0 0 300px;
 background-image:url(../images/other/08-text-call-us.jpg);
 background-repeat:no-repeat;
 background-position:top center;
}
#panel_header .phone div{
 padding:30px 0 0 20px;
 text-align:center;
}
#panel_header .above_search{
 position:absolute;
 width:300px;
 margin:35px 0 0 650px;
 text-align:right;
}
#panel_header .kb{
 position:absolute;
 width:100px;
 margin:30px 0 0 850px;
 text-align:right;
}
#panel_header .prenav{
 position:absolute;
 width:600px;
 margin:95px 0 0;
}
#panel_header .search{
 position:absolute;
 width:300px;
 margin:95px 0 0 650px;
 text-align:right;
 z-index:999;
}
#panel_header .search form{
 text-align:right;
}
#panel_header .search .keywords{
 width:126px;
 height:19px;
 vertical-align:top;
}
#panel_header .search .button{
 vertical-align:middle;
 border:none;
}
#panel_header .topnav{
 position:absolute;
 width:950px;
 margin:125px 0 0;
 z-index:99;
}
#panel_header .postnav{
 position:absolute;
 width:950px;
 margin:161px 0 0;
 text-align:center;
}
#panel_header .checkout_postnav{
 position:absolute;
 width:950px;
 margin:131px 0 0;
 text-align:center;
}

/* ---------------------------------------------
== Structure Mid: ===========================
--------------------------------------------- */
#mid_left{
 width:180px;
 float:left;
}
#mid_left .pad{padding:0 10px 0 0;}
#mid_content{
 width:570px;
 float:left;
}
#mid_content .pad{padding:0 10px;}
#mid_right{
 width:180px;
 float:left;
}
#mid_right .pad{padding:0 0 0 10px;}

#layout_1cols #mid_content{width:950px;}
#layout_1cols #mid_content .pad{padding:0;}
.smaller_width_centered {width:75%;margin:0 auto;}/* -------- use width_75_percent class on 1-column (full) pages where full width is not desirable or spreads elements out too much. Keep a singular width standard here instead of defining width per page  -------- */

#layout_2cols #mid_content{width:770px;}
#layout_2cols #mid_content .pad{padding:0 0 0 10px;}

#layout_2colsB #mid_content{width:760px;}
#layout_2colsB #mid_content .pad{padding:0 10px 0 0;}

#layout_3cols #mid_content{width:570px;}

/* ---------------------------------------------
== Structure Footer: ===========================
--------------------------------------------- */
#panel_footer{
 margin:30px 0;
 text-align:center;
}
#panel_footer a{
	font-size: 12px;
}
#panel_footer .follow_us{
 text-align:center;
}
#panel_footer .follow_us img{
 margin:0 7px;
}
#panel_footer .row{
 margin:10px 0 0;
 text-align:center;
}

#panel_footer #copyright{
 font-family: arial, helvetica, sans-serif;
 font-size: 10px;
}

.left_menu
{
	text-align:left;
}

/******** This is the css for the highslide (zuh-zuh) thing ********/
.highslide {
	cursor: url(/meta/images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 0px;
}
.highslide:hover img {
	border: 0px;
}

.highslide-image {
	border: 2px solid silver;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid silver;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-html-content {
    border: 2px solid silver;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 2px;
    background-color: silver;
}
.highslide-body {
    padding: 5px;
    background-color: white;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.close{
	position: absolute;
	top: 0px;
	right: 0px;
	border: 1px none #000000;
	width:17px;
	text-align: center;
	cursor: pointer;
	cursor: hand;
}
/* Controlbar example */
.controlbar {	
	background: url(../images/other/move_close.jpg);
	width: 108px;
	height: 24px;
}
.controlbar a {	
	display: block;
	float: left;
	height: 27px;
}
.controlbar .highslide-move {
	width: 51px;
}
.controlbar .close {
	width: 57px;
}
/******** End Highslide (zuh-zuh) ********/












/* -------------------------------------------------------------------
== Consolidated file /search/yui-autocomplete.css ====================
------------------------------------------------------------------_ */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
#nxt-ac-container{position:absolute;width:20em;font-size:12px}
#nxt-ac-container .yui-ac-content{position:absolute;width:100%;border:1px solid #808080;background:#fff;overflow:hidden;z-index:10050;}
#nxt-ac-container .yui-ac-content ul{margin:0;padding:0;width:100%;}
#nxt-ac-container .yui-ac-content li{margin:0;padding:2px 5px;cursor:default;white-space:nowrap;}
#nxt-ac-container .yui-ac-content li.yui-ac-highlight{background:#426FD9;color:#FFF;}









/* -------------------------------------------------------------------
== Consolidated file /css/top_menu.css ===============================
------------------------------------------------------------------_ */

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Items""""""""*/	
#qm0{	
	height:34px;
	background-image:url(/qmimages/top_nav_center.jpg);
}

/*"""""""" (MAIN) Items""""""""*/	
#qm0 a{	
	padding:5px 4px 5px 5px;
	color:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	text-decoration:none;
	font-weight:bold;
	line-height:1.7em;
        text-transform:uppercase;
}

/*"""""""" (MAIN) Hover State""""""""*/	
#qm0 a:hover{	
	color:#000000;
}

/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 li:hover>a{	
	color:#000000;
}

/*"""""""" (MAIN) Active State""""""""*/	
body #qm0 .qmactive, body #qm0 .qmactive:hover{	
	color:#000000;
}

/*"""""""" (SUB) Container""""""""*/	
#qm0 div, #qm0 ul{	
	padding:10px;
	margin:-2px 0px 0px 0px;
	background-color:transparent;
	border-style:none;
}

/*"""""""" (SUB) Items""""""""*/	
#qm0 div a, #qm0 ul a{	
	padding:3px 10px 3px 5px;
	color:#000000;
	font-size:11px;
	border-width:0px;
	border-style:none;
	text-align:left;
        text-transform:capitalize;
}

/*"""""""" (SUB) Hover State""""""""*/	
#qm0 div a:hover{	
	background-color:#FFFFFF;
	color:#CC0000;
}

/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
#qm0 ul li:hover>a{	
	background-color:#FFFFFF;
	color:#CC0000;
}

/*"""""""" (SUB) Active State""""""""*/	
body #qm0 div .qmactive, body #qm0 div .qmactive:hover{	
	background-color:#FFFFFF;
	color:#CC0000;
}

/*"""""""" Individual Titles""""""""*/	
#qm0 .qmtitle{	
	cursor:default;
	padding:3px 0px 3px 4px;
	color:#444444;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
}

/*"""""""" Individual Horizontal Dividers""""""""*/	
#qm0 .qmdividerx{	
	border-top-width:1px;
	margin:4px 0px 4px 0px;
	border-color:#FFFFFF;
}

/*"""""""" Individual Vertical Dividers""""""""*/	
#qm0 .qmdividery{	
	border-left-width:1px;
	height:15px;
	margin:8px 2px 0px 2px;
	border-color:#FFFFFF;
}

/*"""""""" (main) Rounded Items""""""""*/	
#qm0 .qmritem span{	
	border-color:#DADADA;
	background-color:#FFFFFF;
}

/*"""""""" (main) Rounded Items Content""""""""*/	
#qm0 .qmritemcontent{	
	padding:0px 0px 0px 4px;
}

/*"""""""" (sub) Rounded Items""""""""*/	
#qm0 div .qmritem span{	
	background-color:#FFFFFF;
}

/*"""""""" Custom Rule""""""""*/	
ul#qm0 ul{	
	padding:10px;
	margin:-2px 0px 0px 0px;
	background-color:#FFFFFF;
	border-width:1px;
	border-style:solid;
	border-color:#DADADA;
}

/*"""""""" Custom Rule""""""""*/	
ul#qm0 li:hover > a{	
	background-color:#FFFFFF;
}


#dstCmsMenu {text-align:center;position:relative;top:0px;background:lightblue; width:239px; z-index:0; margin: 0px auto -15px;align:center; opacity:0.4; filter:alpha(opacity=40);
}
#dstCmsMenu:hover {opacity:1; filter:alpha(opacity=1);}

#item_image
{
	width:250px;
	position:relative;
}

#item_short_description
{
	width:350px;
	position:relative;
	float:right;
	text-align:left;
}

#item_checkout_btn
{
	margin: 5px 0px 0px 0px;
}

.item_label
{
	font-weight: bold;
}

.item_quantity
{
	font-weight: bold;
}

.item_unavailable_message
{
        position:absolute;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        width: 155px;
}

#item_reviews_snippet
{
	position:absolute;
	margin: 32px 0px 0px 170px;
}

#item_share
{
        position:absolute;
        margin: 0px 0px 50px 170px;
}

#item_ask_question
{
        position:absolute;
        margin: 0px 0px 50px 172px;
}

#item_image_list
{
	width:280px;
	position:relative;
}

#item_image_list .img
{
	width:25px;
	height:25px;
}

#item_video_list
{
	position:relative;
	float:right;
	width: 405px
}

#item_tabs
{
	margin: 15px 0px 0px 0px;
}

#item_description_div
{
	border: 1px solid #999999;
	padding:5px;
}

#item_accessories_div
{
	display:none;
	border: 1px solid #999999;
	padding:5px;
}

#item_reviews_div
{
	display:none;
	border: 1px solid #999999;
	padding:5px;
}

#item_shipping_info_div
{
	display:none;
	border: 1px solid #999999;
	padding:5px;
}

#item_resources_div
{
	display:none;
	border: 1px solid #999999;
	padding:5px;
}

.item_tab
{
        background-image:url(/meta/images/other/2010-item-page-off-center.jpg);
        background-repeat: repeat-x;
        display: inline-block;
        text-align: center;
}

.item_tab_on
{
        background-image:url(/meta/images/other/2010-item-page-on-center.jpg);
        background-repeat: repeat-x;
        display: inline-block;
        text-align: center;
}

.item_tab_image_left
{
}

.item_tab_image_right
{
}

.item_tab a
{
	margin: 3px 0px -20px 0px;
	vertical-align: top;
	display: inline-block;
	text-decoration:none;
	color: #000000;
	font-weight: bold;
}

.item_tab_on a
{
	margin: 3px 0px -20px 0px;
	vertical-align: top;
	display: inline-block;
	text-decoration:none;
	color: #FFFFFF;
	font-weight: bold;
}

.cart_action_buttons
{
	float:right;
	position:relative;
}

#cart_grid
{
	position:relative;
	margin: 10px 0px 20px 0px;
}

#cmdBtn
{
	float:right;
	position:relative;
	padding: 5px 0px 0px 0px;
}

#cart_cc_logo
{
	float:right;
	position:relative;
}

#cart_checkout_options
{
	float:right;
	position:relative;
	padding: 15px 0px 0px 0px;
}

#cart_google_checkout
{
	float:right;
	position:relative;
}

#cart_paypal_checkout
{
	position:relative;
	float:right;
	padding: 0px 8px 0px 5px;
}

#cart_amazon_checkout
{
	position:relative;
	float:right;
}

#checkout_billing_discrepancy
{
	position:relative;
	margin: 160px 0px 0px 100px;
}

/* ---------------------------------------------
== Deprecate? Not enough usage info: ===========
--------------------------------------------- */
#pfv {
	width: 100%;
 display: none;
}

.product_cat{
	width: 600px;
	height: auto;
	/*min-height: 86px;*/
	padding: 5px;
	font-family: Arial;
	text-align: left;
	position: relative;
	font-size: 13px;
}

#pm_box {
	height: 35px;
	padding-top: 3px;
}

#pm_box img {
	vertical-align: top;
	padding-right: 10px;
}

#side {
	float: left;
	width: 200px;	
}

#top_nav_links {
	text-align: center;
	line-height: 1.7em;
}

#top_nav_links a {
	line-height: 1.7em;
}

#query, #submit {
	margin-bottom: 5px;
}