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

body{margin:0; background:url(../images/greywood.jpg) no-repeat center top #292929;  font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; background-attachment:fixed; background-size:100%;}

a img{border:none;}
.clear{clear:both;}
 
.body-bottom-bg{background:url(../images/) no-repeat center bottom; margin:0; width:100%;}
.body-mid-bg{background:url() repeat-y center top; width:100%;}

.container{width:980px; margin:0 auto 0 auto; height:auto;  background:#fff;}

.header{width: 100%; height:auto; padding:0 0 15px 0;}
.logo{width:322px; height:136px; float:left;}
.right-bg{width:658px; height:136px; float:right; background:url(../images/top-bg1.jpg);}

.topmenu{width:540px; height:30px; float:right; color: #000; font-size:13px; text-align:right; padding:20px 20px 0 0;}
.topmenu a{color: #000; text-decoration:none;}
.topmenu a:hover{color: #cc0000; text-decoration: underline;}

.search-box{width:270px; height:23px; background:#FFF; float:right; margin:25px 20px 0 0;}
.search input{color:#000; font-size:11px; font-family:Tahoma, Geneva, sans-serif; text-align:left; text-indent:5px; margin:0 0 0 0; width:201px; height:19px; border:#999 solid 1px; float:left;}
.search-button{ width:65px height:23px; float:left;}

.link{width: 100%}
.red-link{width: 117px; height:31px; background:url(../images/bg-red-link.jpg); float:left; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#fff; text-decoration:none; font-weight:bold; padding:10px 0 0 0px; text-align:center;}
.red-link a{color:#fff; text-decoration:none;}
.red-link a:hover{color:#000; text-decoration:underline;}

.blue-link{width: 863px; height:41px; float:right;}
.blue-link-corner{width: 20px; height:41px; float: right;}
.blue-link-mid {width:843px; height:41px; background:url(../images/blue-link-mid.jpg) repeat-x; float:left;}


.link2{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#c60000; text-decoration:none;}
.link2 a{color:#c60000; text-decoration:none;}
.link2 a:hover{color:#000; text-decoration:underline;}

.mid-container{ width:951px; height:auto; margin:0px 14px 14px 15px; padding-top:14px;}

.mid-1{ width:100%; height:auto;}
.banner{ width:641px; height:auto; float:left; background-color:#272727; float:left;}
.slideshow{ width:627px; height:349px; padding:7px;}

.right{ width:299px; height:auto;  float:right;}
.txt-bg-right{ width:299px; background:url(../images/bg-blue-headings.jpg) repeat-x; height:30px;}
.txt-bg-brdr{ width:297px; background:#efefef; border:#999 solid 1px; height:auto; margin:0;}
.txt-bg{ width:311px; background:url(../images/bg-blue-headings.jpg) repeat-x; height:30px;}
.txt-bg-brdr1{ width:309px; background:#efefef; border:#999 solid 1px; height:168px; margin:0;}

.blue-box1-img{ width:128px; height:152px; margin:7px 0 5px 7px; border:#666 solid 1px; float:left;}
.blue-box1-txt { width: 153px; height: 114px; color:#000; font-size:12px; float:right; text-align:left; margin:7px 7px 5px 0;}
.shop-now{ width:100px; height:36px; margin:0 7px 0 0; float:right;}

.blue-box2-img{ width:129px; height:153px; margin:7px 0 5px 7px; float:left;}
.blue-box2-txt { width: 153px; height: 114px; color:#000; font-size:12px; float:right; text-align:left; margin:7px 7px 5px 0;}
.click-here{ width:153px; height:36px; margin:0 7px 0 0; float:right; font-size:13px; color:#c60000; text-align:right;}
.click-here a{ color:#c60000; text-decoration:none;}
.click-here a:hover{ color:#000; text-decoration:underline;}

.blue-box3-txt { width: 293px; height: 51px; color:#000; font-size:11px; float:left; text-align:left; margin:5px 5px;}

.more{ width:153px; height:auto; margin:0 7px 0 0; float:right; font-size:11px; color:#c60000; text-align:right;}
.more a{ color:#c60000; text-decoration:none;}
.more a:hover{ color:#000; text-decoration:underline;}


.features{ width:275px; height: 330px; margin:0 0 0 10px;}
.features-col{margin:0 0 0 3px; }
.features-col ul{ margin:0; padding:0; list-style:none; }
.features-col ul li{ background:url(../images/arrow1.jpg) no-repeat left 12px; padding:10px 0 0 25px; line-height:20px; margin:0 0 0 0; font-size:15px;  text-align:left; }
.features-col ul li a{ color:#333333; text-decoration:none;}
.features-col ul li a:hover{ text-decoration:underline; }

.mid-2{ width:100%; height:auto; margin:10px 0 0 0;}
.products{ width:311px; height:auto;  float:left; margin:0 9px 0 0;}
.action{ width:311px; height:auto; float:left; margin:0 9px 0 0;}
.updates{ width:311px; height:auto; float:left;}

.text3{margin:0 0 0 10px;}
.text3 ul{ list-style:url(../images/arrow1.jpg); margin:0 0 0 0px;}
.text3 ul li{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999;}
.text3 ul li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;}
.text3 ul li a:hover{text-decoration:underline; color:#000;}

.gallery{ width: 980px; margin:10px 0 0 0; height:auto;}
.gallery-bg{ background:url(../images/bg-gallery.jpg) repeat-x bottom; height:215px;}
.gallery-heading{ color:#225289; font-size:19px; font-weight:bold; margin:20px 0 10px 25px; float:left;}
.gallery-mid{ width: 951px; height:auto; margin:8px 17px 18px 16px;}
.gallery-arrow1{ width: 43px; height:38px; float:left; padding:82px 0 0 0;}
.gallery-arrow2{ width: 43px; height:38px; float:right; padding:82px 0 0 0;}

.gallery-product{ width: 852px; height:178px; float:left; padding:8px 0 0 6px;}

.gallery-pro-thumb{ width: 132px; height:198px; float:left; margin:0 18px; border:#000 solid 1px; background-color:#FFF; position:relative;}
.gallery-pro-details{width: 122px; height:170px; margin:4px 2px 2px 5px;}
.gallery-pro-details-img{width: 122px; height:100px;}
.gallery-pro-details-text1{ color:#000; font-size:13px; font-weight:bold; margin:3px 0 2px 0;}
.gallery-pro-details-text2{ color:#d62e2d; font-size:12px; font-weight:bold; margin:2px 0 4px 0; text-align:center; }
.gallery-pro-more{width:104px; height:25px; position:absolute; bottom:5px; left:15px; }

.mid-btm{width:951px; margin:14px 14px 0 15px; background:url(../images/mid-btm-bg.jpg) repeat-x; height:254px; }
.mid-btm-mid{ width: 100%; height:auto; padding:15px 15px 15px 15px;}
.mid-btm-facebook{ width: 290px; height: 245px; float:left; margin:6px 20px 15px 15px;}
.mid-btm-twiter{ width: 290px; height: 229px; float:left; margin:3px 0 15px 5px;}
.mid-btm-youtube{ width: 301px; height: 229px; float:right; margin:14px 15px 15px 15px;}

.heading { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#fff; text-decoration:none; font-weight:bold; text-transform:uppercase; padding:5px 0 0 18px; float:left;}

.footer{ width:980px; height:105px; background:url(../images/footer-bg.jpg) bottom no-repeat; margin:25px 0 0 0;}
.paypal{ width:132px; height:54px; float:left; padding:25px 0 0 10px;}
.txtarea{ width:458px; height:54px; float:left; padding:30px 0 0 30px;}

.follow{ width:275px; height:54px; float:right; padding:30px 18px 0 0;}
.follow-heading{ color:#225289; font-size:15px; font-weight:bold; float:left; padding:8px 0 0 60px; text-align:right;}
.follow-icons{ width:32px; height:32px; float:right; margin:0 0 0 15px;}


.instantssl { float:right; margin:0 14px 0 1px; }

.btm-menu{ width:458px; height:27px; float:left; color: #000; font-size:12px; text-align:left;}
.btm-menu a{color: #000; text-decoration:none;}
.btm-menu a:hover{color: #3167a5; text-decoration: underline;}

.copyright{ width:458px; height:27px; float:left; color: #000; font-size:12px; text-align:left;}

.menu{}
.menu ul{ margin:0; padding:0; list-style:none; }
.menu ul li { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:url(../images/dvdr.jpg) no-repeat right; }
.menu ul li a{ display:block; padding:13px 35px 12px 35px; color:#000; text-decoration:none;  }
.menu ul li a:hover{ color:#fff; text-decoration:underline;  }


.wrap{ width:953px; margin:0px auto 0 auto; padding:10px 0 0px 0; border:#eaeaea solid 1px; background:url(../images/wrap_bg.jpg) repeat-x top #fff; }

.wrap .top_bar{ height:30px; padding:10px 0 10px 0; border-bottom:#eaeaea solid 1px; }
.wrap .top_bar h1{ float:left; margin:0 0 0 20px; padding:0 0 0 0; font-weight:normal; color:#28458c; font-size:24px;  }
.wrap .top_bar h2{ float:right; margin:3px 20px 0 0; padding:0 0 0 0; font-weight:bold; color:#28458c; font-size:16px;}
.wrap .top_bar .cart_status{ float:left; margin:5px 0 0 100px; }
.wrap .top_bar .cart_status span{ color:#0088d2; }
.wrap .top_bar .cart_price{ float:left; margin:5px 0 0 20px; }
.wrap .top_bar .checkout{float:left; margin:0 0 0 20px;}
.content{ background:url(../images/content_bg.jpg) repeat-y; width:953px; min-height:430px; padding:0 0 20px 0; }
.lftcol{ width:236px; float:left; padding:30px 0 0 0; }

.nav{border-top:#eaeaea solid 1px;}
.nav ul{ margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
.nav ul li{ font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:11px; font-weight:bold; background:url(../images/nav_icon.jpg) no-repeat left ; background-position:13px 8px; }
.nav ul li a{ color:#000; text-decoration:none; display:block; padding:6px 0 6px 33px; border-bottom:#eaeaea solid 1px;   }
.nav ul li a:hover{ color:#d40000; border-right:#d40000 solid 3px;  }

.rgtcol{ width:684px; float:right; padding:30px 10px 0 0;}
.rgtcol h1{background:#cee7f7; float:left; padding:5px 10px 5px 10px; margin:0 0 0 0; font-family:"Myriad Pro"; font-size:16px; font-weight:normal;}
.rgtcol h2{ margin:7px 0 0 0; padding:0 0 0 0; color:#c90404; font-family:"Myriad Pro"; font-weight:normal; font-size:15px; }
.h1_line{ background:#cee7f7; height:1px; margin:1px 0 25px 0;}

/*about us page*/

.txt12{ font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#000; line-height:18px; text-align:justify; }
.txt12 a{ color:#000; text-decoration:underline; }
.txt12 a:hover{ text-decoration:none; }

.img_frame{ width:140px; height:130px; border:#eaeaea solid 1px; margin:0px 10px 0px 10px; padding:4px; float:left; }

/*about us page*/



/*product Page*/
.items{ width:106px; height:auto; float:left; margin:20px 14px 20px 14px; }
.items .img{ background:#fff; width:96px; height:99px; padding:8px 5px; border:#ebebeb solid 1px; }
.items h1{ background:none; float:none; margin:5px 0 5px 0; padding:0 0 0 0; font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:center; }
.items .price{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#d00000; text-align:center; }
.items .detail_btn{ margin:5px auto 0 auto; width:53px; height:18px;  }
/*product Page*/


/*product Detail Page*/

.product_detail_lft{ width:250px; float:left;  }
.esso_thumb img{ margin:10px; }

.product_detail_rgt{ width:350px; float:right; }

.txt13{ font-family:12px; font-family:Arial, Helvetica, sans-serif; color:#000; font-weight:bold; }
.txt13 a{ color:#000; text-decoration:underline; }
.txt13 a:hover { text-decoration:none; }

.description{ font-size:12px; }
.description ul{ margin:10px 0 0 0; padding:0; list-style:url(../images/bullet.jpg); }
.description ul li{ margin:5px 0 5px 20px; }

.esso_size{ margin:15px 0 15px 0; }
.esso_size label{ width:120px; display:block; float:left; margin:3px 0 0 0 }
.esso_size select{ font-family:Arial, Helvetica, sans-serif; font-size:12px; }

.esso_price{ font-size:12px; color:#c00202; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:15px 0 15px 0; }
.esso_price span{ font-weight:normal; color:#000; margin:0 0 0 10px; }

.esso_btns img{ margin:20px 20px 20px 0px;  }

.esso_detail_txt{ font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:10px 0 0 0; }
.esso_detail_txt a{ color:#c00202; text-decoration:underline; }
.esso_detail_txt a:hover{ text-decoration:none }
.esso_detail_txt span{color:#c00202;}
/*product Detail Page*/

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}	
	
	
.testimonials{ background:#f8f8f8; padding:10px; margin:2px 0 2px 0; border:#ebebeb solid 1px; display:block; }
.testimonials:hover{ background:#FFF; }
.testimonials .txt{ font-size:12px; text-align:justify; line-height:normal; }
.testimonials .name{ color:#d40000; text-align:right; margin:5px 0 0 0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold;  }
.testimonials .name span{ font-style:italic; font-weight:normal; }

.news{ margin:20px 0 10px 0; }
.news h1{ margin:0 0 8px 0; padding:0 0 0 0; float:none; background:none; color:#28458c; font-size:20px; }
.news_line{ background:#eaeaea; height:1px; margin:1px 0 10px 0;}
.news_content{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; text-align:left;}
.news_date{ color:#d50303; font-style:italic; margin:10px 0 0 0; text-align:right; }

.feature{margin:20px 0 20px 0; }
.feature h1{ margin:0 0 8px 0; padding:0 0 0 0; float:none; background:none; color:#28458c; font-size:20px;}

	
.colul{}
.colul ul{ margin:0; padding:0; list-style:none; }
.colul ul li{ font-family:"Myriad Pro"; font-size:18px; color:#28458c; margin:0 0 20px 10px; }
.colul ul li ul{ margin:10px 0 0 0; padding:0; list-style:none }
.colul ul li ul li{ font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:11px; font-weight:bold; background:url(../images/nav_icon.jpg) no-repeat left ; background-position:13px 8px; margin:0 0 0 -10px;  }
.colul ul li ul li a{color:#000; text-decoration:none; display:block; padding:6px 0 6px 33px; border-bottom:#eaeaea solid 1px; }
.colul ul li ul li a:hover{color:#d40000; border-right:#d40000 solid 3px;}

.colul2{}
.colul2 h1{ padding:0 0 0 0; font-family:"Myriad Pro"; font-size:18px; color:#28458c; margin:0 0 10px 10px; font-weight:normal; }
.colul2 ul{ margin:0 0 0 0; padding:0 0 0 0; list-style:none; }
.colul2 ul li{ font-family:Tahoma, Geneva, sans-serif; color:#000; font-size:11px; font-weight:bold; background:url(../images/nav_icon.jpg) no-repeat left ; background-position:13px 8px; }
.colul2 ul li a{ color:#000; text-decoration:none; display:block; padding:6px 0 6px 33px; border-bottom:#eaeaea solid 1px;   }
.colul2 ul li a:hover{ color:#d40000; border-right:#d40000 solid 3px;  }


.sTable tr .firstCol{ border-bottom:none; }
.sTable tr .secondCol{ border-bottom:none;}
.sTable tr .otherCol{ border-bottom:none;}

.readmore{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#d40000; text-align:right; }
.readmore a{ color:#d40000; text-decoration:none;  }
.readmore a:hover{ text-decoration:underline; }

.archive{ padding:0 0 0px 0; margin:10px 0 10px 0; }
.archive_line{ background:#eaeaea; height:1px; margin:20px 0 20px 0;}

.posted{ font-family:Arial, Helvetica, sans-serif; font-size:13px; background:#f8f8f8; padding:10px; margin:2px 0 2px 0; border:#ebebeb solid 1px; display:block; float:left;   }
.posted:hover{}
.posted a{padding:0 2px 4px 20px; text-decoration:none;  background:url(../images/posted.jpg) no-repeat left  ; text-decoration:none; margin:0 4px 0 4px; }
.posted a:hover{ color:#d50303; text-decoration:underline;  }
.posted span a{padding:0 2px 4px 20px;  text-decoration:none; background:url(../images/comment.jpg) no-repeat left top;}
.posted span a:hover{ }

.vdo{ margin:20px 0 10px 0; }
.vdo h1{ margin:0 0 10px 0; padding:0 0 0 0; float:none; background:none; color:#333; font-size:13px; font-family:Arial, Helvetica, sans-serif; }
.vdo_line{ background:#eaeaea; height:1px; margin:20px 0 20px 0;}

.shop_cart { margin:-20px 0 0 100px; }
.shop_cart div{ display:inline; }


/*product By Categories*/

.categories_1{ display:block; width:100%; height:auto;  border:#cee7f7 solid 1px; margin:20px 0 20px 0; }
.categories_1:hover{ background:#f6f6f6; }
.categories_1 h1{ float:none; }

/*advertising*/

.advertising_box{ padding:10px 7px 10px 7px; border:#eaeaea solid 1px; margin:0 5px 15px 5px;  }
.advertise{}
.advertise h1{ margin:0 0 0 0; padding:0 0 0 0; font-weight:bold; font-size:14px; color:#d40000; }
.advertise h2{ margin:5px 0 0 0; padding:0 0 0 0; font-weight:normal; font-size:12px; color:#28458c; }
.advertise img{ margin:10px 0 0 0; }

/*advertising*/

/*------ Twitter ---------*/



 
#twitter_div ul li {
	color: #0fb6e6;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #A1E8F7;
	list-style:none;
	margin:0 20px 0 -20px;	
	padding:5px 0 5px 0;
}
 
#twitter_div ul li a {
	text-decoration: none;
	color: #DDA84E;
    margin:0 0 0 0;

}
 
#twitter_div ul li a:hover {
	text-decoration: none;
	color: #D78E42;
}
 
#twitter_div p {
	text-align: right;
	padding-right: 6px;
	padding-bottom: 10px;
}

/*------ Twitter ---------*/


.menu_bg{ background:url(../images/menu_bg.png) no-repeat; width:100%; height:41px; }

#ppal {
position: relative;
top: -25px;	
}



