@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ededed url(images/bg.jpg) top repeat-x;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0; margin:0 auto; }

/********** header **********/
.header {  background: url(images/header_bg.gif) top repeat-x;}

.block_header {margin:0 auto; width:970px; height:153px;}
.top_menu { float:right; padding:4px 10px; font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; line-height:1.6em;}
.top_menu a { font:normal 11px Tahoma, Geneva, sans-serif; color:#4e4e4e; text-decoration:none;}
.top_menu a:hover {text-decoration:underline;}

/* logo */
.logo { float:left; padding:0; margin:0; width:400px;}

/* menu */	
.menu { padding:0; margin:0; width:550px; float:right; height:66px;}
.menu ul { padding:0; margin:0 30px 0 0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0 5px; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:35px 0; color:#fff; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a span { padding:35px 10px; background:none; margin:0;}
.menu ul li a:hover { color:#c7c7c7; background: url(images/r_menu.gif) no-repeat right top;}
.menu ul li a:hover span {color:#c7c7c7; background:url(images/l_menu.gif) no-repeat left top;}
.menu ul li a.active {color:#c7c7c7; background: url(images/r_menu.gif) no-repeat right top;}
.menu ul li a.active span {color:#c7c7c7; background:url(images/l_menu.gif) no-repeat left top;}
/*RSS bar*/
.RSS {
	width:560px;
	float: right;
	margin:50px 10px 0px 0px !important;
	padding:0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#808080;
}

.RSS p {
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#808080;
	padding:15px auto;
	margin:0px;
}

/*simple text*/
.slider { background:url(images/slider_bgrd.gif) top repeat-x; margin:0 auto; padding:0;}
.slider div.slice1 { margin:0 auto; width:957px; padding:4px;}
.slider div.slice1 div.slice2 { margin:0 auto; padding:0; width:782px;}
.slider div div div { margin:0; padding:0px 0 0 45px; border:0;}
.slider div div div p.img { float:right; padding:8px 40px 0 0; margin:0;}
.slider div div div h1 {  font:normal 25px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 20px 5px 20px; line-height:1.2em;}
.slider div div div h2 {  font:normal 25px Arial, Helvetica, sans-serif; color:#fff; margin:0; padding:20px 20px 5px 20px; line-height:1.2em;}
.slider div div div p {font:normal 12px Arial, Helvetica, sans-serif; color:#fff; padding:0 20px;  margin:0; line-height:1.8em;}

/********** block index **********/
.body { background: #fff; padding:0; margin:0; border-top:1px solid #eeeeee;}
.body h1 { font:normal 26px Arial, Helvetica, sans-serif; color:#4e4a38; border-bottom:1px solid #d8d8d8; padding:0px 5px;}
.body h2 { font:normal 22px Arial, Helvetica, sans-serif; color:#4e4a38; border-bottom:1px solid #d8d8d8; padding:0px 10px;}
.body h3 { font:normal 19px Arial, Helvetica, sans-serif; color:#414141;}
.body h4 { font:bold 16px Arial, Helvetica, sans-serif; color:#4e4a38; margin: 5px; padding: 5px 0px;}
.body p { font:normal 12px Arial, Helvetica, sans-serif; color:#414141; line-height:1.8em; padding:0px 0px 10px 8px; margin:0;}
.body a { color:#ff6600; text-decoration:underline;}
.body p.blue { font: bolder 15px Arial, Helvetica, sans-serif; color:#3366cc; line-height: 1.4em;}
.body p.testimonial { font: italic 12px Arial, Helvetica, sans-serif; color:#333333; line-height:1.8em;}
.body p.reviewer { font: bolder 11px Arial, Helvetica, sans-serif; color:#3366cc; line-height:1.8em;}
.body span { font: normal 12px Arial, Helvetica, sans-serif; color:#ff6600; margin: 90px;}
.body em { font:italic 12px Arial, Helvetica, sans-serif; color:#797979;  padding:10px 0 0 10px; line-height:1.8em;}
.body_resize { width:970px; margin:0 auto; padding:0;}

/*body_blog*/
.left_small { width:580px; float:left; margin:0px 20px !important; padding:5px 5px;}
.left_small ul { list-style:none; margin:0px 0px 0px 170px; padding:5px; font: normal 12px Arial, Helvetica, sans-serif;}
.left_small li { padding:3px 10px; margin:0; background:url(images/dot.gif) left no-repeat;}
.left_small img.floatt { float:left; margin:5px 10px; padding:5px; border: none;}
.left_small img.floatt2 { float:right; margin:5px 10px; padding:5px; border: none;}
.left_big { width:570px; float: left; margin:0px 20px; padding:0px 5px;}
.left_big img.floatt { float:left; margin:0px 10px; padding:5px; border: none;}
.left_big img.floatt2 { float:right; margin:10px 0px; padding:0px; border: none;}
.left_big img.floatt3 { float:left; margin:0px 10px 180px; padding:5px; border: none;}
.left_big h3 { font:normal 19px Arial, Helvetica, sans-serif; color:#414141; padding:0px 5px; margin:0; border-bottom:none;}
.left_big h5 { font:normal 20px Arial, Helvetica, sans-serif; color:#ff6600; padding:0px 5px; margin:0; border-bottom:none;}
.left_big h6 { font:normal 24px Arial, Helvetica, sans-serif; color:#4e4a38; padding:5px 5px; margin:0; border-bottom:none;}
.left_big span { font: normal 12px Arial, Helvetica, sans-serif; color:#898989; padding:5px 0; margin:0;}
.left_big ul { list-style:none; margin:0px 0px 0px 170px; padding:5px; font: normal 12px Arial, Helvetica, sans-serif;}
.left_big li { padding:3px 10px; margin:0; background:url(images/dot.gif) left no-repeat;}
.left_big .buttonss { width:200px; float:right; margin:5px 0; padding:0; text-align:right;}
.left_big .buttonss a { font: bold 11px Tahoma, Geneva, sans-serif; color:#575757; text-decoration:none; padding:3px 5px; margin:0 3px;}
.left_big .buttonss a:hover { background:#ff6600; color:#fff;}
.right_small { width:270px;	float: right; margin:0px 20px; padding:5px 5px; background-color: #F7F7F7;}
.right_small ul { list-style:none; margin:5px 5px; padding:0; font: normal 11px Arial, Helvetica, sans-serif;}
.right_small li { font:normal 11px Arial, Helvetica, sans-serif; color:#ff6600; text-decoration:underline; padding:5px 20px; margin:0; background:url(images/sub_menu_ul_li.gif) left no-repeat;}

/* Guarantee Box */
.guarantee_box { width:80%; margin: 10px 20px !important; padding:5px; border: #ccc solid; background:url(images/bg_whitestripes.png) top repeat;}
.guarantee_box img.floatt {margin:0px 15px; padding:5px; border: none;}
.guarantee_box h3 { font:bold 19px Arial, Helvetica, sans-serif; text-align: center; color:#414141; padding:5px 5px; margin:0; border-bottom:none;}

/* Yellow Gradient Box */
.roundedcornr_box_yellow {
   background: #ffcc66 url(images/roundedcornr_yellow_grad.gif) repeat-x top left;
}
.roundedcornr_top_yellow div {
   background: url(images/roundedcornr_yellow_tl.gif) no-repeat top left;
}
.roundedcornr_top_yellow {
   background: transparent url(images/roundedcornr_yellow_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_yellow div {
   background: url(images/roundedcornr_yellow_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_yellow {
   background: transparent url(images/roundedcornr_yellow_br.gif) no-repeat bottom right;
}

.roundedcornr_top_yellow div, .roundedcornr_top_yellow,
.roundedcornr_bottom_yellow div, .roundedcornr_bottom_yellow {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.roundedcornr_content_yellow { margin: 0px 10px; }




/* search */
.search { padding:0; margin:0;}
.search p { display:block; float:none; margin:0; padding:0;}
.search form { display:block; padding:5px 10px;}
.search form .keywords { background:url(images/search_bg.gif) left top no-repeat; border:0; height:14px; width:203px; padding:5px 3px; margin:2px 0 0 0; font:normal 10px Arial, Helvetica, sans-serif; color:#575757;}
.search form .button { margin:0; padding:0;}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#6e6e6e;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0 5px 0;}
#contactform label { margin:0; width:100px; display:block; padding:5px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform input.text { width:450px; border:1px solid #c5c5c5; margin:5px 0; padding:2px; height:16px; background:#fff; float:left;}
#contactform textarea { width:450px; border:1px solid #c5c5c5; margin:10px 0; padding:2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:10px 0 0 100px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
#contactform .red { font: bold 16px Arial, Helvetica, sans-serif; color:#CC0000;}

/*************footer**********/
.footer {padding:0; background:url(images/footer_bkgr.jpg) top repeat; height:170px; margin:0; padding:0;}
.footer_resize {width:950px; margin:0 auto; padding:10px 0; }
.footer p { font:normal 14px Arial, Helvetica, sans-serif; color:#8a8a8a;}
.footer a { font:bold 13px Arial, Helvetica, sans-serif; color:#8a8a8a; text-decoration:none; padding:5px 5px; margin:0; line-height: 1.8em;}
.footer img { float: left; margin:5px 0px; padding:0px;}
.footer p.left1 { text-align:left; width:14%; margin:10px; padding:0px; float:left;} 
.footer p.left2 { text-align:left; width:16%; margin:10px; padding:0px; float:left;} 
.footer p.rightt { text-align:right; width:45%; margin:0px; padding:5px 0px; line-height:1.2em; float:right;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px dashed #c7c7c7; padding:0px; margin:10px 0px; background:none;}


/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0; font:bold 12px Arial, Helvetica, sans-serif; color:#000000;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer; font:normal 11px Arial, Helvetica, sans-serif; color:#333333;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#333333;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(colorbox/images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(colorbox/images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(colorbox/images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(colorbox/images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(colorbox/images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(colorbox/images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(colorbox/images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(colorbox/images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; font:normal 10px Arial, Helvetica, sans-serif; color:#999999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}