@charset "utf-8";
/* CSS Document */

body {
	background: url(../../../../images/custom/body_bg.jpg) repeat-y center;
}
img {
	border: none;
}
div.clearer {
	height: 1px;
	clear: both;
}
.BoxContent {
	padding: 0;
}
div.clearer {
	height: 1px;
	clear: both;
}
.pageHeader {
	padding: 5px 5px 5px 20px;
}
/*************************************************  TOP STUFF  **************************************************/
div#header {
	background: url(../../../../images/custom/header_bg.jpg) no-repeat center;
	height: 134px;
}
div#logo {
	width: 190px;
	margin: 10px 0 0 20px;
	float: left;
}
ul#nav_bar {
	background: url(../../../../images/custom/nav_bg.gif) repeat-x top center;
	height: 60px;
	margin: 0;
	padding: 0 0 0 35px;
	list-style: none;
	font-size: 12px;
	font-weight: bold;
}
ul#nav_bar li {
	float: left;
	border-right: #fff 1px solid;
	line-height: 34px;
}
ul#nav_bar li a {
	color: #ffffff;
	text-transform: uppercase;
	line-height: 32px;
	vertical-align: middle;
	margin: 0;
	padding: 0 20px;

}
ul#nav_bar li:first-child a {
	padding: 0 20px 0 0;
}
ul#nav_bar li.last {
	border: none;
	float: right;
}
div#pic_cart {
	float: right;
	margin: 10px 20px 0 0;
}
div#pic_cart p.tag {
	float: left;
	font-weight: bold;
	font-size: 20px;
	margin: 30px 20px 0 0;
	text-align: center;
}
div#call_to_order {
	background: url(../../../../images/custom/call_to_order.png) no-repeat center;
	height: 96px;
	width: 295px;
	float: right;
	margin: 0 10px 0 0;
	padding: 5px 0 0 0;
}
p.call, p.toll_free, p.direct {
	margin: 0;
	padding: 0;
	text-align: right;
	width: 140px;
	float: left;
	clear: left;
}
p.call {
	font-size: 17px;
	font-weight: bold;
}
p.toll_free span, p.direct span {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
}
p.toll_free, p.direct {
	font-size: 19px;
	font-weight: bold;
}
p.cart {
	float: right;
	width: 151px;
	font-size: 12px;
	margin: 5px 0;
	*margin: 0;
	font-weight: bold;
}

/****************** END TOP STUFF ******************/
/*************************************************  LEFT STUFF  *************************************************/
input.search {
	background: none;
	height: 30px;
	width: 93px;
	border: none;
	padding: 0px;
	color: #989898;
	font-size: 9px;
	margin: 3px 0 3px 0;
	line-height: 30px;
	vertical-align: middle;
} 
/*
#search-box{
	background: url(../../../../images/custom/search_bg.gif) no-repeat center;
	padding: 0px 5px 0 17px;
}
*/
#search-box input{
	border: 2px solid #626262;
	margin: 2px 0 10px;
	padding: 3px 5px;
	color: #989898;
	width: 106px;
	font-size: 11px;
	font-weight: normal;
	background: none;
}

div#home_wrapper {
	width: 100%;
	padding-top:13px
}
div#home_wrapper div.home_top {
	width: 622px;
	margin: 0 auto;
}
div.home_top div.question {
	background: url(../../../../images/custom/have_a_question_bg.jpg) no-repeat center;
	height: 128px;
	width: 209px;
	float: right;
	margin: 0 0 0 10px;
	padding: 15px 15px 0 0;
}
div.home_top div p.one {
	margin: 0;
	padding: 0;
	color: #c70013;
	font-size: 26px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	line-height: 25px;
}
div.home_top div p.two {
	margin: 0;
	padding: 0;
	color: #c70013;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
}
div.home_top div a.three {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	float: right;
}
	
ul.home_middle, ul.home_middle_two{
	height: 206px;
	width: 636px;
	list-style: none;
	float: left;
	padding: 0;
	margin: 10px 0 0 0;
}
ul.home_middle li a img, ul.home_middle_two li a img {
	vertical-align: top;
}
	
ul.home_middle li, ul.home_middle_two li {
	background: url(../../../../images/custom/gray_box.jpg) no-repeat center bottom;
	height: 206px;
	width: 153px;
	float: left;
	margin: 0 3px;
}
ul.home_middle#home-items{
	margin-top:30px
}
ul.home_middle#home-items, ul.home_middle_two#home-items-two{
	width:760px;
	margin-left:-45px;
	position:relative;
	height:250px
}

ul.home_middle#home-items li, ul.home_middle_two#home-items-two li{
	background: none;
	height: 225px;
	width:188px;
	margin:0px
}

ul.home_middle li p, ul.home_middle_two li p {
	color:#4D4D4D;
	font-size:9px;
	font-weight:lighter;
	line-height:10px;
	margin:0;
	padding:5px 12px;
	width:137px;
}
div#testimonials {
	width: 650px;
	height: 251px;
	background: #e6e6e6;
	margin: 10px 0;
}
div#testimonials p {
	color: #000000;
	font-size: 10px;
	width: 200px;
	float: left;
	margin: 3px 6px;
	height: 60px;
}
div#testimonials p span {
	color: #c70013;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
div#testimonials img {
	margin: 3px 2px;
}
div#testimonials ul {
	margin: 0;
	padding: 0;
}
div#testimonials ul li {
	list-style: none;
	float: left;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	width: 208px;
}
p.home_bottom {
	width: 300px;
	padding: 5px;
	font-size: 10px;
	color: #4d4d4d;
	float: left;
	text-align: left;
}
.BoxHeader a:link, .BoxHeader a:hover, .BoxHeader a:visited {
	color: #FFFFFF;
}
.BoxHeader {
	text-align: center;
}
.BoxText {
	font-size: 12px;
}
/****************** END LEFT STUFF *****************/
/*************************************************  MAIN STUFF  *************************************************/
/****************** SLIDER ****************/
/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	
	width: 621px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	/*z-index: -1*/
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 15px;
	left: 250px;
	width: 76px;
	height: 23px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 23px;
	background: url(../../../../images/custom/paging_bg.png) repeat-x;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	height: 11px;
	width: 15px;
	padding: 0 7px;
	background: #000;
	margin: 2px;
	*margin: 1px;
}
.paging a.active {
	background: #e51b24;
}
/***************END SLIDER ****************/
/****************** END MAIN STUFF *****************/
/*************************************************  RIGHT STUFF  ************************************************/
td.sign_up {
	background: url(../../../../images/custom/signup_bg.jpg) no-repeat center;
	height: 146px;
	text-align: left;
	padding: 0 7px;
}
td.sign_up label {
	font-weight: bold;
}
td.sign_up input[type="text"] {
	background: none;
	border: none;
	line-height: 20px;
	vertical-align: middle;
}
div#social_and_ebay a img {
	margin: 3px 0;
}
div#bbb a {
	text-align: center;
}
/****************** END RIGHT STUFF ****************/
/*************************************************  FOOTER STUFF  ***********************************************/
div#footer {
	background:#424242 url(../../../../images/custom/footer_bg.png) no-repeat center top;
	width: 860px;
	margin: 0 auto;
	padding: 25px 0 0 40px;
}
div#footer p.footer_title {
	color: #c70013;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
	text-align: left;
}
table.footer_info {
	margin: 0 0 90px 0;
}
table.footer_info tr td {
	vertical-align: top;
	text-align: left;
}
table.footer_info ul {
	margin: 0;
	padding: 0;
}
table.footer_info ul li {
	list-style: inside disc;
	font-size: 9px;
	color: #cccccc;
}
table.footer_info ul li a {
	color: #cccccc;
	font-size: 14px;
}
table.footer_info td.title {
	color: #ffff00;
	font-weight: bold;
	font-size: 15px;
}
#footer_nav {
	list-style: none;
	width: 850px;
	padding: 0 0 15px 50px;
	margin: 0 0 0 -40px;
	background: #424242;
	float: left;
}
#footer_nav li {
	display: inline;
	border-left: 1px #CCC solid;
	padding: 0 3px 0 6px;
}
#footer_nav li:first-child {
	border: none;
}
#footer_nav li a {
	color: #CCCCCC;
	font-size: 12px;
}
.copy_info {
	color: #cccccc;
	font-size: 12px;
	width: 900px;
	margin: 0 0 0 -40px;
	text-align: center;
	float: left;
	background: #424242;
	padding: 0 0 50px;
}
/****************** END FOOTER STUFF ***************/

/***   Social Network site bookmark / share product   ***/

div#share_product{
	text-align: left; 
	margin-top: 10px;
	margin-bottom: 5px;
	font-weight: bold;
	width: 95%
}

div#share_product div{
	text-align: center;
	border: 1px solid #333; 
	padding: 0px 0;
	line-height: 225%;
	font-size: 12px;
}

div#share_product div a img { 
	border: none;
	vertical-align: middle;
	margin-right: 3px;
}

/***   End - Social Network site bookmark / share product   ***/


#footer-2{
	clear:both;
	width:900px;
	margin:0px auto;
	text-align:left;
	padding: 10px 0 20px
}
#footer-2 #f-btns-1{
	float:left;
	width:220px;
	margin-right: 20px
}

#footer-2 #f-btns-2{
	float:left;
	width:430px;
	margin-right:10px
}
#footer-2 #f-btns-3{
	float:left;
	width:200px;
}

#footer-2 #f-btns-3 ul{
	width:100%;
	display:block;
	padding:0px; 
	margin:0px;
}
#footer-2 #f-btns-3 li{
	list-style:none;
	display:block;
	margin-bottom:5px;
	width:100%;
	text-align: right
}

#footer-2 #f-btns-4{
	float:left;
	width:240px
}

#footer-2 #newsletter-form{
	background: url(../../../../images/custom/sign-up-bg-new.jpg) no-repeat;
	width:240px;
	height:65px;
	overflow:hidden;
	position:relative;
	margin: 0px auto 0
}

#footer-2  #newsletter-form label{
	display:none
}

#footer-2  #newsletter-form input{
	border:none;
	font-size:11px;
	width:100px
}

#footer-2  #newsletter-form  #newsletter-name{
	position:absolute;
	top:43px;
	left:10px
}

#footer-2  #newsletter-form  #newsletter-email{
	position:absolute;
	top:43px;
	left:125px
}


/* ============= popup form ==================	*/

#popup-content{
	
	width:552px; 

	color: #454545;	
	margin:0 auto; 
	z-index:10000000; 
	min-height:100px; 
	position:relative; 
	padding:10px 20px;

}

#popup-content #popup-close{
	text-align:right;
}
#popup-content #popup-close img{
	cursor:pointer
}
#popup-content .popup-header{
	background: url(../../../../images/custom/popup-header-bg.gif) no-repeat;
	display: block;
	color: #f7f6fc;
	padding: 15px 10px;
	font-size:14px
}
#popup-content .red{
	color: #cc1c00;
	font-size: 18px;
	text-align: center;
	display:block
}
#popup-content .p-personal-inf{
	font-weight: bold
}

#popup-content .p-form-header{
	background: url(../../../../images/custom/popup-form-header.gif) no-repeat;
	height:10px;
	width: 552px
}
#popup-content .p-form-footer{
	background: url(../../../../images/custom/popup-form-footer.gif) no-repeat;
	height:10px;
	width: 552px
}

#popup-content .p-form{
	background: #454545;
	color: #f7f6fc !important;
}
#popup-content input{
	width:170px
}
#popup-content input.check{
	width: auto
}
#popup-content input#Submit{
	width: auto
}
#popup-content .p-form td{
	color: #f7f6fc !important;
	padding:5px 20px
}
 #popup-content .p-small{
	color: #7f7f7f;
	font-size: 11px
}

.summer-fun{
	margin-bottom: 45px;
	margin-left: 40px
}


#f-btns-3{
	height: 75px;
	float: right;
	margin-right: 20px;
	position: relative
}
#f-btns-3 ul{
	height: 51px;
	padding:0;
	margin:0
}
#f-btns-3 li{
	list-style: none;
	float: left;
}
#f-btns-3 li.blog{
	margin: 3px 0 0 15px;
}
#f-btns-3 .b{
	background: url(../../../../images/custom/footer-icons-bg.gif) no-repeat 0 0;
	position: absolute;
	top: 30px;
	left: -33px;
	z-index: 100;
	width: 173px;
	height: 4px
}