/* CSS Document for Prodpromo.com*/

/* -------------------------------------------
	GENERAL SETTING
------------------------------------------- */
body {
	background:#afd890 url(images/bg-body.jpg) repeat-y center;
	margin:0 auto;
	}
.container {
	width:1034px;
	margin:0 auto;
	overflow:hidden;
	}
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
	}


ul li {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    line-height:18px;
    color:#333333;
}



h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	}
h7 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	}
h2 {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size:24px;
	color:#008811;
	font-weight:normal;
	}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#008811;
	}
.style1 {
	color: #008811;
	font-weight: bold;
	font-size: 16px;
	}
.style2 {
	color: #119922;
	font-weight:bold;
	}
.hspacer1 {
	height:1px;
	width:221px;
	background-color:#cccccc;
	margin:5px 0px 5px 0px;
	}
.hspacer3 {
	height:10px;
	width:743px;
	background:url(images/shadow4.jpg) no-repeat top;
	margin:30px 0px 20px 0px;
	}
.hspacer4 {
	height:10px;
	width:743px;
	background:url(images/shadow5.jpg) no-repeat top;
	margin:1px 0px 10px 0px;
	}
/* -------------------------------------------
	FORM SETTING
------------------------------------------- */
.search {
	background-color:#ffffff;
	border:#8e8e8e 1px solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	width:150px;
	height:18px;
	}

/* -------------------------------------------
	TOPSEO SECTION
------------------------------------------- */
#topseo {
	height:32px;
	}
#topseo .container {
	background:url(images/bg-topseo.jpg) repeat-x;
	height:32px;
	}
.seotop {
	color:#ffffff;
	padding-left:25px;
	padding-top:8px;
	}
.seotop h6 {
	margin:0px;
	}


.seotop h1 {
    margin:0px;
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:normal;
}


/* -------------------------------------------
	HEADER SECTION
------------------------------------------- */
#header {
	height:110px;
	}
#header .container {
	background:url(images/bg-header.jpg) repeat-x top center;
	height:110px;
	}
.logo_header {
	width:360px;
	height:80px;
	margin:16px 0px 0px 35px;
	float:left;
	}
.ads1 {
	width:225px;
	height:72px;
	float:left;
	margin:26px 0px 0px 50px;
	}
.phone_header {
	width:270px;
	height:61px;
	margin:35px 56px 0px 0px;
	float:right;
	}

/* -------------------------------------------
	FLOATING MENU
------------------------------------------- */
.floating_menu {
	height:45px;
	text-align:right;
	position:absolute;
	margin:-145px 0px 0px 710px;
	}

/* -------------------------------------------
	TOP MENU SECTION
------------------------------------------- */
#topmenu {
	margin-top:7px;
	margin-bottom:0px;
	height:44px;
	}
#topmenu .container {}
.topmenu {
	width:980px;
	height:44px;
	margin:0 auto;
	}
.topmenu h6 {
	color:#ffffff;
	text-transform:uppercase;
	margin:10px 6px 0px 6px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	display:inline;
	}
.topmenu h6 a {
	text-decoration:none;
	color:#ffffff;
	}
.topmenu h6 a:hover {
	color:#afd890;
	}
.topmenu_l {
	background:url(images/bg-topmenu-l.jpg) no-repeat top left;
	width:7px;
	height:44px;
	float:left;
	}
.topmenu_c {
	background:url(images/bg-topmenu.jpg) repeat-x top;
	width:964px;
	height:44px;
	float:left;
	padding-top:12px;
	}
.topmenu_r {
	background:url(images/bg-topmenu-r.jpg) no-repeat top left;
	width:7px;
	height:44px;
	float:left;
	}

/* -------------------------------------------
	TOP SECTION
------------------------------------------- */
#top {
	margin-top:1px;
	margin-bottom:0px;
	}
#top .container {
	}
.top {
	width:980px;
	height:115px;
	margin:0 auto;
	background:url(images/bg-top.jpg) repeat-x;
	}
#top_l {
	float:left;
	width:580px;
	margin: 8px 0px 0px 0px;
	}
#top_c {
	float:left;
	width:2px;
	background:url(images/top-vspacer.jpg);
	height:90px;
	margin:15px 32px 0px 32px;
	}
#top_r {
	float:left;
	width:280px;
	margin-top:20px;
	}
.top_l0 {
	float:left;
	width:95px;
	height:98px;
	margin:0px;
	}
.top_l1 {
	float:left;
	width:103px;
	height:92px;
	border:#999999 thin solid;
	background-color:#ffffff;
	margin:5px 0px 5px 10px;
	}	
.top_l2 {
	float:left;
	width:355;
	margin: 5px 0px 5px 15px;
	}	
.top_title {
	width:350px;
	}
.top_body {
	width:350px;
	}
.top_body p {
	margin:0px 0px 0px 0px;
	}
.top_footer_price {
	float:left;
	}
.top_footer_price h5 {
	color:#666666;
	margin-top:5px;
	margin-bottom:0px;
	}
.top_footer_details {
	float:right;
	}
.search_title {
	width:275px;
	}
.search_product {
	width:275px;
	}
.search_product_1 {
	width:150px;
	float:left;
	margin-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	}
.search_product_2 {
	width:70px;
	float:right;
	margin-right:5px;
	margin-top:5px;
	}
.search_price {
	width:235px;
	padding-left:40px;
	}

/* -------------------------------------------
	MIDDLE SECTION
------------------------------------------- */
#middle {}
#middle .container {}
.middle {
	width:980px;
	background:url(images/bg-middle.jpg) repeat-x top;
	margin:0 auto;
	padding-bottom:25px;
	}
.middle_l {
	float:left;
	width:225px;
	margin:15px 0px 0px 0px;
	}
.middle_r {
	float:right;
	width:730px;
	margin:15px 0px 0px 0px;
	}
.middle_r p {
	font-size:12px;
	line-height:16px;
	color:#666666;
	}
.middle_r a {
	color:#22dd00;
	}
.middle_r h3 {
	margin:0px 0px 0px 0px;
	}

/* left menu color */
.leftmenu_color {
	width:221px;
	}
.leftmenu_color_top {
	width:221px;
	height:50px;
	}
.leftmenu_color_body {
	width:186px;
	background:url(images/bg-leftmenu.jpg) repeat-x top #1b0073;
	padding:15px 10px 15px 25px;
	}
.leftmenu_color_body h6 {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	color:#ffffff;
	text-transform:uppercase;
	font-weight:normal;
	margin:3px 0px 5px 0px;
	font-size:12px;
	line-height:16px;
	}
.leftmenu_color_body h6 a {
	color:#ffffff;
	text-decoration:none;
	}	
.leftmenu_color_body h6 a:hover {
	color:#afd890;
	}	
.leftmenu_color_footer {
	width:221px;
	height:10px;
	margin-top:1px;
	}

/* left menu nocolor */
.leftmenu_nocolor {
	width:221px;
	margin:15px 0px 15px 0px;
	}
.leftmenu_nocolor_top {
	width:221px;
	margin-bottom:10px;
	}
.leftmenu_nocolor_body {
	width:221px;
	margin-top:15px;
	}
.leftmenu_nocolor_body h6 {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	font-size:14px;
	color:#666666;
	font-weight:normal;
	margin:0px 0px 0px 0px;
	}
.leftmenu_nocolor_body h6 a {
	color:#666666;
	text-decoration:none;
	}	
.leftmenu_nocolor_body h6 a:hover {
	color:#afd890;
	}	
/* left menu buttons */
.leftmenu_buttons {
	margin:20px 0px 15px 0px;
	}
/* Client logo */
.clients {
	margin:0px 0px 25px 0px;
	width:220px;
	}
.tagcloud {
	width:228px;
	}
.tagcloud_t {
	background:url(images/cloud-bg-top.jpg) no-repeat;
	width:228px;
	height:48px;
	margin:0px 0px 0px 0px;
	}
.tagcloud_m {
	background:url(images/cloud-bg-middle.jpg) no-repeat;
	width:228px;
	margin:0px 0px 0px 0px;
	padding-bottom:15px;
	}
.tagcloud_b {
	background:url(images/cloud-bg-bottom.jpg) no-repeat;
	width:228px;
	height:18px;
	margin:0px 0px 0px 0px;
	}

.tagcloud p {
	font-size:12px;
	color:#ffffff;
	line-height:14px;
	width:200px;
	margin:0px 15px 0px 15px;
	}
.tagcloud a {
	color:#ffffff;
	text-decoration:none;
	}

/* -------------------------------------------
	PRODUCT SECTION
------------------------------------------- */
.product_name {
	width:730px;
	}
.product_name h2 {
	margin:5px 0px 5px 0px;
	}
.product_image {
	width:730px;
	background:url(images/bg-middle1.jpg) repeat-x top;
	}
.product_desc, .product_spec, .product_price, .product_image {
	width:730px;
	overflow:hidden;
	background:url(images/bg-middle1.jpg) repeat-x top;
	padding-top:20px;
	margin-bottom:20px;
	}
.product_desc_l {
	width:390px;
	float:left;
	margin:0px 0px 0px 18px;
	}
.product_desc_r {
	width:260px;
	float:left;
	margin:30px 0px 0px 30px;
	}
.product_spec_l, .product_spec_r {
	width:305px;
	float:left;
	margin:0px 25px 0px 18px;
	}
.product_spec_r {
	margin-top:20px;
	}
.product_price h3 {
	margin-left:18px;
	}

/* Price Table */
.price_table {
	margin-left:8px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	}
.price_table .hspacer1 {
	width:auto;
	}

/* product pic */
.product_pic {
	width:388px;
	float:left;
	}
.product_pic_box {
	width:400px;
	height:410px;
	background-color:#ffffff;
	border:#cccccc 1px solid;
	margin:15px 0px 0px 18px;
	}
.product_pic_footer {
	width:390px;
	height:10px;
	background:url(images/shadow3.jpg) no-repeat;
	margin:1px 0px 0px 18px;
	}

/* product box */
.product_big {
	width:360px;
	height:300px;
	margin-bottom:20px;
	margin-top:15px;
	}
.product_colors {
	width:362px;
	height:50px;
	border:#cccccc 1px solid;
	margin-left:12px;
	}
.color {
	float:left;
	margin:15px 1px 0px 1px;
	}

/* quote */
.quote {
	width:264px;
	float:left;
	margin:2px 0px 0px 60px;
	}
.quote_top {
	background:url(images/bg-quote-top.png) no-repeat top;
	width:264px;
	height:7px;
	}
.quote_body {
	background:url(images/bg-quote-body.jpg) repeat-x top #ff3300;
	width:264px;
	}
.quote_footer {
	background:url(images/shadow2.jpg) no-repeat top;
	width:264px;
	height:10px;
	margin-top:1px;
	}
.quote_form {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	padding-left:55px;
	padding-bottom:10px;
	}


/* -------------------------------------------
	SUB CATEGORY SECTION
------------------------------------------- */

/* sub category header */
.subcategory_header {
	width:730px;
	}
.subcategory_footer {
	width:730px;
	background:url(images/bg-middle1.jpg) repeat-x top;
	margin:10px 0px 10px 0px;
	overflow:hidden;
	}
.subcategory_header h2 {
	margin:10px 0px 10px 0px;
	}
.subcategory_nav h6 {
	float:left;
	color:#666666;
	margin:0px;
	}
.subcategory_nav h6 a {
	color:#666666;
	text-decoration:none;
	}
.subcategory_nav h6 a:hover {
	color:#afd890;
	text-decoration:none;
	}
.subcategory_title {
	float:left;
	}
.subcategory_nav {
	float:right;
	width:200px;
	margin:20px 0px 20px 0px;
	}
.arrow1 {
	float:left;
	width:12px;
	height:14px;
	margin:0px 10px 0px 10px;
	}

/* sub category content */
.subcategory_content {
	width:730px;
	background:url(images/bg-middle1.jpg) repeat-x top;
	overflow:hidden;
	margin:10px 0px 10px 0px;
	clear:both;
	}
.subcategory_product {
	width:340px;
	float:left;
	margin:30px 0px 15px 20px;
	}
.product_thumb {
	float:left;
	width:128px;
	height:110px;
	border:#999999 thin solid;
	background-color:#ffffff;
	}	
.subcategory_desc {
	float:left;
	width:190px;
	margin-left:10px;
	}
.subcategory_product p {
	margin:5px 0px 5px 0px;
	}
.subcategory_desc_bottom_price {
	float:left;
	width:105px;
	}


.minQty {
    font-size: 12px;
    color: #666666;
    font-weight:normal;
    padding-bottom:0;/* ppc banner */
.ppc_banner {
	margin:0px 0px 10px 19px;
	}

/* CONTACT FORM */
.cf_field {
	width:285px;
	margin-left:10px;
	}
.cf_field_short {
	width:115px;
	margin-left:10px;
	}
.contactform {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
	}
.cf_field_medium {
	width:200px;
	}


    margin-bottom: 0;
    font-family:Arial, Helvetica, sans-serif;
}


.subcategory_desc_bottom_detail {
	float:right;
	width:83px;
	height:29px;
	margin-top:3px;
	}


.subcategory_desc_title a { /* added bob */
                            color: inherit;
                            text-decoration: none;
                            font-size: 16px;

}

.subcategory_desc_title a:hover { /* added bob */
                                  color:#15D400;
}

.subcategory_desc h6 {
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	}

/* category section */
.category_content {
	width:730px;
	background:url(images/bg-middle1.jpg) repeat-x top;
	overflow:hidden;
	margin:20px 0px 25px 0px;
	}
.category_product {
	width:170px;
	float:left;
	margin:30px 0px 10px 10px;
	}
.category_thumb {
	float:left;
	width:65px;
	height:56px;
	border:#999999 thin solid;
	background-color:#ffffff;
	}	
.category_desc_title {
	float:left;
	width:95px;
	margin:15px 0px 0px 5px;
	}
.category_desc_title h3 {
	font-size:12px;
	margin:0px 0px 0px 0px;
	}
.category_desc_title a {
	color:#22dd00;
	text-decoration:none;
	}
.category_desc_title a:hover {
	color:#afd890;
	}

/* -------------------------------------------
	PROMO SECTION
------------------------------------------- */
.promo_section_r {
	width:525px;
	float:left;
	margin:0px 0px 0px 18px;
	}
.promo_section_l {
	width:125px;
	float:left;
	margin:30px 0px 0px 30px;
	}
.promo_section {
	width:730px;
	overflow:hidden;
	margin-bottom:20px;
	}
.promo_section_r h1 {
	font-family:"Trebuchet MS", Verdana, Tahoma, Arial;
	color:#000000;
	font-size:30px;
	margin-bottom:0px;
	}
.promo_section_r h2 {
	color:#008811;
	font-size:20px;
	margin-top:5px;
	}
.promo_section_r p {
	font-size:14px;
	}

/* Product Box */
.product_boxes {
	width:730px;
	overflow:hidden;
	}
.product_box {
	background:url(images/bg-box.jpg) repeat-x top #d4c06b;
	border:#bdbcbc 1px solid;
	width:165px;
	float:left;
	margin:20px 0px 20px 15px;
	}
.box_thumb {
	width:128px;
	height:110px;
	border:#999999 thin solid;
	background-color:#ffffff;
	margin:18px 0px 0px 18px;
	}	
.box_desc {
	float:left;
	width:140px;
	height:225px;
	margin-left:15px;
	}
.box_desc_bottom_price {
	float:left;
	width:140px;
	}
.box_desc_bottom_detail {
	float:right;
	width:83px;
	height:29px;
	margin:10px 0px 15px 0px;
	}
.box_desc h6 {
	font-size:14px;
	color:#666666;
	font-weight:bold;
	margin:0px 0px 0px 0px;
	}
.box_desc h3 {
	font-size:14px;
	margin:10px 0px 0px 0px;
	}
.box_desc p {
	margin-top:5px;
	}

/* -------------------------------------------------------------
	:: BANNER SECTION 
------------------------------------------------------------- */
.banner {
	width:730px;
	margin:15px 0px 0px 0px;
	}
.ribbon {
	width:172px;
	height:171px;
	position:absolute;
	margin-top:-12px;
	margin-left:569px;
	}
.gallery { 
	width:730px; 
	height:295px; 
	margin:0 auto; 
	padding:0; }
#slider { 
	margin:0; 
	padding:0; 
	list-style:none; 
	}
#slider ul,
#slider li { 
	margin:0; 
	padding:0; 
	list-style:none; }
#slider li { width:730px; height:295px; overflow:hidden; }
p#controls { padding:0; margin:0; position:relative; }
#prevBtn { display:block; margin:0; overflow:hidden; width:33px; height:74px; position:absolute; left:20px !important; left:-450px; top:-170px; }
#nextBtn { display:block; margin:0; overflow:hidden; width:33px; height:74px; position:absolute; left:675px !important; left:425px; top:-170px; }
#prevBtn a { display:block; width:33px; height:74px; background:url(images/banner/nav-l-up.png) no-repeat 0 0; }
#nextBtn a { display:block; width:33px; height:74px; background:url(images/banner/nav-r-up.png) no-repeat 0 0; }
#prevBtn a:hover { display:block; width:33px; height:74px; background:url(images/banner/nav-l-hov.png) no-repeat 0 0; }
#nextBtn a:hover { display:block; width:33px; height:74px; background:url(images/banner/nav-r-hov.png) no-repeat 0 0; }

/* -------------------------------------------
	BOTTOM SECTION
------------------------------------------- */
#bottom {}
#bottom .container {
	background:url(images/bg-bottom.jpg) repeat-x top #fc3b07;
	}
.seolinks {
	width:305px;
	float:left;
	margin:10px 5px 10px 30px;
	}
.seolinks h3 {
	font-size:16px;
	color:#000000;
	margin-bottom:0px;
	}
.seolinks h3 a {
	color:#000000;
	text-decoration:none;
	}
.seolinks h3 a:hover {
	color:#ffffff;
	}
.seolinks p {
	color:#ffffff;
	margin-top:5px;
	}
.seolinks p a {
	color:#ffffff;
	text-decoration:none;
	}
.seolinks p a:hover {
	color:#ffcc00;
	}

/* -------------------------------------------
	CONTACT FORM
------------------------------------------- */
.cf_field {
	width:285px;
	margin-left:10px;
	}
.cf_field_short {
	width:115px;
	margin-left:10px;
	}
.contactform {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
	}


/* -------------------------------------------
	FOOTER SECTION
------------------------------------------- */
#footer {
	height:161px;
	clear:both;
	}
#footer .container {
	height:161px;
	background:url(images/bg-footer.jpg) repeat-x;
	}
.footer {
	background:url(images/shadow-footer.png) no-repeat top center;
	height:161px;
	}
.footer_l {
	width:225px;
	height:90px;
	margin:50px 0px 0px 92px;
	float:left;
	}
.footer_r {
	width:625px;
	margin:30px 65px 0px 0px;
	float:right;
	}
.footer_r1 {
	margin-bottom:10px;
	}
.footer_r h6 {
	color:#ffffff;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px 0px 0px 0px;
	}
.footer_r h6 a{
	color:#ffffff;
	text-decoration:none;
	}
.footer_r h6 a:hover {
	color:#afd890;
	}




/* left to right specs - added by bob */
.spec_box {
    margin-left: 18px;
}

.spec_box h3 {
    margin-bottom: 10px;
}

.spec_box h2 {
    margin-top: 0px;
    font-size: 18px;
}

.spec_box a {
    text-decoration: none;
    color:#22dd00;

}

.spec_box a:hover {
    color:#afd890;
}

.pspec_row {
    width:660px;
    overflow:hidden;
    margin:0 0 8px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #cccccc;
}

.pspec {

    width:300px;
    float:left;
    margin:0 12px 0 0;

}

.pspec p {
    margin:0;
    padding:0;
}


/* Search Product */
.ppc_banner {
    margin:0px 0px 10px 19px;

}
.ppc_product {
    width:100%;
    margin:15px 0px 0px 0px;
}
.ppc_title {
    width:100%;
    margin-left:20px;
    height:30px;
}
.google { float:left; margin-right:10px; }
.ppc_content {
    width:95%;
    background:url(images/bg-middle1.jpg) repeat-x top;
    overflow:hidden;
    margin:10px 20px 10px 20px;
}
.ppc_product_item {
    width:300px;
    float:left;
    margin:30px 0px 15px 20px;
}
.ppc_desc {
    float:left;
    width:155px;
    margin-left:10px;
}

.ppc_desc h3, .ppc_desc p {
    margin:0px 0px 0px 0px;
}
.ppc_desc p {
    font-size:12px;
    line-height:14px;
}
.ppc_desc h6 {
    margin:5px 0px 5px 0px;
    color:#666666;
}



/* ppc category section */
.ppc_category_content {
	width:95%;
	background:url(images/bg-middle1.jpg) repeat-x top;
	overflow:hidden;
	margin:5px 20px 10px 26px;
	text-align:center;
	}
.ppc_category_product {
	width:80px;
	float:left;
	margin:30px 10px 10px 8px;
	}
.ppc_category_thumb {
	width:65px;
	height:56px;
	border:#999999 thin solid;
	background-color:#ffffff;
	margin-left:0px;
	}
.ppc_category_desc_title {
	float:left;
	width:75px;
	margin:5px 0px 0px 5px;
	}
.ppc_category_desc_title h3 {
	font-size:12px;
	margin:0px 0px 0px 0px;
	}
.ppc_category_desc_title a {
	color:#0099ff;
	text-decoration:none;
	}
.ppc_category_desc_title a:hover {
	color:#99ccff;
	}

/* customer */
.costomer {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px 0px 25px 25px;
	}

.clr {
	clear:both;
	}


.box_desc_title h3 a {
color: #008811;
text-decoration: none;
}

/* ppc banner */
.ppc_banner {
	margin:0px 0px 10px 19px;
	}

/* CONTACT FORM */
.cf_field {
	width:285px;
	margin-left:10px;
	}
.cf_field_short {
	width:115px;
	margin-left:10px;
	}
.contactform {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#333333;
	}
.cf_field_medium {
	width:200px;
	}

.quotation {
    float:right;
    margin-right:15px;
}


.hspacer5 {
    height:1px;
    width:100%;
    background:url(images/hspacer5.gif) repeat-x;
}

.style4 {
	color: #11ee22;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.style5 {
	color:#008811;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}