@import url("typography.css");
/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td{margin:0;padding:0;color:#4A4A4A;font:normal 11px/150% Verdana; font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, ,sans-serif;}
body{ background:url(../images/bg.png);}
table{border-collapse :collapse;border-spacing:0;}
img{border:0;}
a{color:#444; text-decoration:none;}
a:hover{ text-decoration:underline; color:#00d8ff;}
ol,ul{list-style:none;}
caption,th{text-align:left; }
h1,h2,h3,h4,h5,h6{font:bold 100%/160% Verdana;}


/*****************************************/
/*** Text Call ***/
/*****************************************/
.img{ float:left; clear:both; padding:0 15px 0 0;}
.imgcontent{ text-align:center; vertical-align:middle;}
.imgframe{border:#999 1px solid;}
.imgbt{ padding: 15px 15px 15px 0; vertical-align:middle;}
.article-title{ width:98%; height:31px; font-size:14px; margin:15px 0 10px 0;background:url(../images/xx.gif) bottom repeat-x;}
.red12{ color:#F30; font-size:12px;}
.blue13{ color:#06F; font-size:13px; text-decoration:underline;}
.gray{ color:#666;}
.article-title h3{ font-size:16px; color:#444; background:url(../images/arrow-green.gif) 0px 4px no-repeat; text-indent:20px;}
.article-title h1{ font-size:22px; color:#13a5e2; }
.article-title16 { width:98%;  color:#048000; display:block; padding:0 0 0 18px; line-height:22px; font-size:16px; font-weight:bold; background:url(../images/iocn-yellow.png) 0px 4px no-repeat;}
.article-title16-02 { display:block; padding:0 0 0 20px; width:90%; line-height:22px; font-size:16px; font-weight:bold; background:url(../images/arrow-orange.png) 0px 3px no-repeat;}
.article-title20{ width:100%; color:#048000; display:block; padding:5px 0 10px 0; line-height:18px; font-size:20px; font-weight:bold;}
.article-title24 { width:98%; font-size:16px; line-height:35px; font-weight:bold; background:url(../images/content_title_bg.png) no-repeat; text-indent:33px; display:block; margin: 15px 0;display:block;}
.article-arrow{ width:100%;  color:#000; padding:0 0 0 7px; font-weight:bold; line-height:20px; background:url(../images/ico_black_arrow.gif) 0px 2px no-repeat;}
.article-info1{ padding-left: 20px; width:auto; height:auto;}
.hook{ padding:6px 0 0 26px; background:url(../images/icon-hook.png) 0px 6px no-repeat; display:block; line-height:18px;}
.ls{ background:#13a400; font-weight:bold;}
.bt-buyNow{ font-size:14px; font-weight:bold; background:url(../images/icon-buyNow.png) no-repeat; padding-left:25px; text-decoration:underline;}
.bt-downlaod { font-size:14px; font-weight:bold; background:url(../images/icon-downlaod.png) 0px 2px no-repeat; padding-left:22px; text-decoration:underline; }
.article-title28 {  font-size:28.5px; font-weight:bold; padding:0 0 6px 0; font-family:Arial;}
.article-title22 {  font-size:22px; font-weight:bold; padding:0 0 6px 0;}
.article-block-list1{ background:url(../images/ico1.gif) no-repeat;}
.article-block-list2{ background:url(../images/ico2.gif) no-repeat;}
.article-block-list3{ background:url(../images/ico3.gif) no-repeat;}
.article-block-list1,.article-block-list2,.article-block-list3{padding: 0 0 0 30px; width:70%; min-height:27px; line-height:27px; background-position: 0 4px;}

.yellow30{font-size:35px; line-height:35px; color:#ffc600; padding:0 0 0 15px;}
.price{font-size:14.46px; font-weight:bold; padding: 0 0 0 30px;font-family:Arial; }
.red-big{font-size:35px; color:#F30; padding:0 0 0 15px;}
.red{ width:100%; font-size:19.28px; color:#F30; font-weight:bold;font-family:Arial;  }
.red h3{font-size:16px; color:#F30; text-align:center; }
.bt-img{ padding:10px 15px 10px 0; vertical-align:middle;}
.link{ text-decoration:underline; color:#09F; color:13px;}
.right-img{ padding:0 0 10px 20px; float:right; vertical-align:middle; }
.uptop{ width:100%; text-align:right; height:50px; margin:10px 0 0 0;} 
.png_bg{}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#header{ width:965px; height:155px; margin: 0 auto; *padding:0 0 0 0; _padding:0 0 0 0; }
#header .header{ width:965px; height: 101px; background:url(../images/header_bg.png) no-repeat center;}
#header .logo{ text-align:center;}
#header .logo #logoImg{ margin-top:10px;}
#header .menu_l{ width:27px; height:54px; background:url(../images/menu_lbg.png) no-repeat; float:left;}
#header .menu_c{ width:886px; height:54px; background:url(../images/menu_cbg.png) repeat-x;float:left;}
#header .menu_r{ width:52px; height:54px; background:url(../images/menu_rbg.png) no-repeat;float:left;}
#header .menu_c .nav{ width:886px; float:left; margin-top:7px;}

#breadcrumb{ font-size:11px; padding:8px 0 0 10px;_padding:10px 0 0 12px; margin: 0px auto; width:952px; height:26px; background:url(../images/breadcrumb_c.png) repeat-x center;color:#FFF;}
 
#breadcrumb a,#breadcrumb a.pathway{ color:#FFF;}

#wrap{ width:965px; margin: 0 auto; padding:25px 0 0 0; background:url(../images/content_bg.png) repeat-y;}
#content{ width:67%; float:left; margin:0 30px 50px 30px; _margin:0 20px 50px 10px;}
.content-info { float:left; width:70%; padding: 0 15px;}
#right{ width:24%; _width:22%; margin-left:10px; _margin-left:22px; float:left;}

#footer{width:100%; height:78px; clear:both;  }
#footer #footer-info{width:965px; height:78px; clear:both;  margin:0 auto; }
#footer .footer_l{ width:24px; height:76px; background:url(../images/footer_lbg.png) no-repeat;float:left;}
#footer .footer_c{ width:917px; height:76px; background:url(../images/footer_cbg.png) repeat-x;float:left;}
#footer .footer_r{ width:24px; height:76px; background:url(../images/footer_rbg.png) no-repeat;float:left;}

#footer .copyright{margin:0 auto; height:30px; padding-top:8px; text-align:center; color:#999;}
#footer .footer-menu{ width:917px; height:30px; margin:0 auto; text-align:center; padding:12px 0 0 0; background:url(../images/bg-line-footer.gif) bottom repeat-x; font-family:Arial; color:#67747B;}
#footer .footer-menu a{ color:#EBEBEB;font-family:Arial; font-size:12px; font-weight:lighter; }
#footer .footer-menu tbody a{ padding:0 10px 0 10px; border-right:#EBEBEB 1px solid;}
#footer .footer-menu tbody a.no-border-right{ border: none;}

/*****************************************/
/*** Template specific style elements ***/
/*****************************************/
#banner{ width:100%; height:266px; }
.banner-content{ width:965px; height:266px; margin:0 auto; background:url(../images/banner_bg.jpg) top left no-repeat;}

.banner-info{ float:left; width:575px; height:220px; padding:12px 0 0 28px;}
.banner-info-content{ float:left; width:100%; height:158px; color:#FFF; font-size:13px; }
.banner-info h1{ font-size:36px; color:#FFF; font-family:Arial; font-weight:normal; float:left;}
.banner-info h1.colorH1{ color:#CFD5EC; margin-left:8px;}
.banner-more{ float:left; width:600px; padding:0 0 0 0; margin-top:8px;}
.banner-more ul{}
.banner-more a{ float:left;}

.banner-price{ font-size:18px; color:#BABABA;font-family:Arial; margin:30px 0 0 10px; display:block; float:left;}
.yellow48{font-size:48.49px; line-height:35px; color:#ffc600; display:block; padding:9px 0 0 8px; font-family:Arial; float:left; }
.banner-box{ float:left; width:230px; height:260px; padding:10px 0 0 0;}
.btnwarp img{ padding:10px 8px 10px 0; vertical-align:middle;}


.moduletable{ width:100%; padding:0 0 30px 0; float:right;}
.moduletable h3{ font-size:18px; border-bottom:#999999 1px ; padding:0 0 8px 0;}
.moduletable_awards{ width:100%; _width:110%; padding:0 0 30px 0; float:right;}
.moduletable_mod{ font-size:16px; padding: 0 5px 5px 5px;}

.moduletable_awards h3{ text-indent:26px; font-size:22px; font-weight:normal; color:#2E2E2E; height:26px; _height:20px;line-height:26px;  _line-height:18px; border-bottom:#999999 1px dotted; padding:0 0 5px 0;  _padding:5px 0 5px 0;background:url(../images/icon-awards.png) 2px 4px no-repeat;}

.moduletable_guides{ width:100%; padding:0 0 30px 0; float:right;}
.moduletable_guides div.modTitle{ height:29px; _height:20px; width:96%; _width:110%; border-bottom:#999999 1px dotted; padding:0 0 8px 0; background:url(../images/icon-guides.png) 0px 6px no-repeat; _background-position: 0px 2px; _margin-bottom: 10px;*margin-bottom: 10px;}
.moduletable_guides h3{  text-indent:28px; font-size:22px; _line-height:24px; color:#2E2E2E; float:left;}

.moduletable_guides div.modTitle .mod_readMore{  float:right; line-height:35px;_line-height:24px;}

.latestnews_guides{ padding: 0 5px 5px 5px; width:100%; float:left;}
.latestnews_guides li{ background:url(../images/arrow-green-01.gif) 0px 6px no-repeat;}
.latestnews_guides a{ text-decoration:underline; color:0061c5;}

.latestnews_mod{ padding: 0 5px 5px 5px; width:100%; float:left;}
.latestnews_mod li{ background:url(../images/arrow-green-01.gif) 0px 6px no-repeat;}
.latestnews_mod a{ text-decoration:underline; color:0061c5;}

.latestnews{ padding: 0 5px 5px 5px; width:100%; float:left;}
.latestnews li{ background:url(../images/arrow-green-01.gif) 0px 6px no-repeat;}
.latestnews a{ text-decoration:underline; color:0061c5;}
.right-list{ width:100%; padding-top:10px; float:left;}
.right-list li{ text-align:center;}
.buttonheading{ text-align:right; float:right; padding:6px 0 0 0;}

.moduletable_block{ width:100%; float:left;} 
.moduletable_block .block{ padding:30px 0 0 0;} 
.moduletable_block .block-left{ float:left; width:5px; height:336px; background:url(../images/block-left.png) top left no-repeat;} 
.moduletable_block .block-content{float:left; width:95%;  padding:15px 10px 15px 10px ; background:url(../images/block-content.png) repeat-x;} 
.moduletable_block .block-right{ float:left; width:5px; height:336px; background:url(../images/block-right.png) top right no-repeat;}

/* content styles */
table.contentpaneopen, table.contentpane {
	padding:0 0 20px 0;
	width: 100%;
}

table.contentpaneopen li {
	margin-bottom: 15px;
}

table.contentpaneopen fieldset {
	border: 0;
	border-top: 1px solid #ddd;
	
}

table.contentpaneopen h3 {
	margin-top: 25px;
}

table.contentpaneopen h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
}
h2.contentheading{
	margin-bottom:15px;
	border-bottom:#999999 1px dotted; 
}

h2.contentheading,h2.contentheading a {
	line-height:25px;
	font-family: Arial, Helvetica,sans-serif;
	font-size:22px;
	font-weight: normal;
	vertical-align: bottom;
	color: #238401;
	text-align: left;
	width: 100%;
	padding: 0 0 5px 0; 

}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 1.5em;
  padding-le ft: 0px;
  margin-bottom: 10px;
  text-align: left;
}
.img_caption{ padding:10px 15px 10px 0; float:left; }
.img_caption p{ color:#F00; font-size:16px; font-weight:bold; padding:10px 0 10px 0; text-align:center; clear:both;}

















#clear{ clear:both;}