@charset "utf-8";
/*
* Krackmedia.com CSS Stylessheet for VP-ASP
* Site: ABCPool.com
*/
/* GENERAL NOTES 
 - commented out all images on layout.css & menu.css
 - .faux-column used to give side-bar 100% height and bg color
*/
.fl { float:left; }
.fr { float: right; }
.cb { clear:both; }
.ac { text-align: center; }
.al { text-align: left; }
.ar { text-align: right; }
.ma { margin: 0 auto; }
/*Temporarily disable view of these items for styling */
div#vp_welcomeboxsquare, div#vp_logo {  display: none; }

#wrap { background-color: #FFF; margin: 0 auto; width: 780px; /*width: 992px;*/
	padding:0px; min-height: 100%; position:relative; /* enables faux columns to be positioned relative to wrapper */ overflow:hidden; /* clears floated columns in FX, Opera, Safari, & Chrome */ }
#header { height: 47px; padding: 0 0 0 0; background-color: #003366; background-image: url(../images/abc_top.gif); background-position: center top; background-repeat: no-repeat; }
div.flash-banner { height: 250px; background-color: #000033; width: 780px; }
#nav { height: 20px; background-color: #003366; }
#vp_horomenu { z-index:2;}
table#horiz_nav td a { padding: 0 10px; color: #FFF; z-index:3;}
#horiz_nav td:hover ul { border: none; background-color:#003366; }
table#horiz_nav ul li {border:none; }
table#horiz_nav ul li a { z-index:4; background-color:#003366; color:#FFFFFF; font-size:12px; text-transform: uppercase; font-weight:bold; border:none;}
table#horiz_nav ul li a:hover { background-color: #6699cc; color:#FFFFFF;}

#content .columns { background-image: url(../images/content-bg-full.gif); background-repeat: repeat-y; }
#vp_leftsidebox { float: left; clear: both; width: 216px; height: auto;  padding: 5px;}
#content div.side-bar { float:left; clear: left; width:213px; margin:0 0 100px 0; }
#vp_welcomeboxstretch { background-image: none; width: 214px; height: auto;  margin: 0;}
#main {padding: 0 0 0 5px; }

#footer { position:relative; background-color: #003366; bottom:0; left:0; width:780px; height:100px; clear:both; /* clears floated columns in IE */ }
.footertable, .tdcenter { background-color: #003366; border: none; }
#main .main-product p { padding: 0px 10px 10px 10px;}
p img { padding: 5px; }
.sidebarcell .contentcell .featuredproduct .image { background-color: #6699CC; }
#contactusinfo table { margin: 0px 0px 0px 10px; }
#contactusinfo table td { padding: 0px; }
#contactusinfo table td table td{ padding-right: 5px; padding-bottom: 6px; }
#contactusinfo { padding: 0px 0px 20px 0px; }
#productexdright .productdesc { padding: 0; font-weight: bold;}

/*Checkout*/
.submitbtn {background-color:#003366; color:#FFFFFF; }

/*Mini Cart*/
.sidebarcell .contentcell .minicart li span {color:#FFFFFF; }
.sidebarcell .contentcell .minicart li div {color:#FFFFFF; }
.sidebarcell .contentcell .minicart li  {margin-top: 0; }
.contentcell .message {color:#FFFFFF; }
.sidebarcell .contentcell { padding-bottom: 5px; }

 /******Login and Cart Box*******/
.utility-bar .cart_summary { margin: 0; text-align:center;}
.utility-bar a { color: #FFFFFF; text-decoration:underline;  }
.utility-bar a:hover { color: #FFFFFF;}
.utility-bar .welcome  { text-align:center; margin:0; }
 #vp_welcomeboxstretch .hide { display: none; }

/*Text Styling */
#main h1 { color: #003366; font-size: 18px; margin: 0px;}
#main h2 { color: #003366; font-size: 16px; margin: 0px;}
.sidebarcell a { color: #FFF; text-decoration: underline; }
.pagination a:hover, .pagination a.selected, .pagination a { color: #000;}
#contactusinfo h2 { text-align: center; width: 100%;}
div.breadcrumb, div.breadcrumb a, div.breadcrumb a:visited { color: #333333; }
.main-content .text h3 { color: #003366; font-size: 14px; }
.productsummary .productname { background-color: #FFF; color: #003366; font-size: 16px; }
.sidebarcell .contentcell .featuredproduct p { color: #FFF; }
.sidebarcell .contentcell .featuredproduct a { color: #003366; text-decoration: underline; }
.sidebarcell .title h2 { padding-top: 10px; padding-bottom: 2px; font-size: 14px; padding-left: 10px; }
#main .main-product .productdesc li { margin-top: 0px; }
#footer .bottom-row { color: #CCC; }
#footer .bottom-row .bottomlinks ul li a { color: #CCC; text-decoration: underline; }
.titlenobox h2 { text-align: left; margin:0px; color: #ffffff; font-size: 14px; line-height: 23px; padding: 10px 0px 2px 10px; text-transform: uppercase; }
#content .columns .sidefreetextnobox { color: #FFF; text-align: left; }
#content .columns .sidefreetextnobox h3, #content .columns .sidefreetextnobox h2 { margin: 0; padding: 0;}
#content .columns .sidefreetextnobox h2 {
	font-size: 14px;
	font-weight: bold;
}
#content .columns .sidefreetextnobox h3 {
	font-size: 12px;
	font-weight: bold;
}
#content .columns .sidefreetextnobox p  { padding: 0 0 10px 0; margin: 0; }