/*=.=.=.=.=---STYLE FOR---=.=.=.=.=*/

/* Getting the new tags to behave */
article, aside, audio, 
canvas, command, 
datalist, details, 
embed, 
figcaption, figure, footer, 
header, hgroup, 
keygen, 
meter, 
nav, 
output, 
progress, 
section, source, 
video {
	display:block;
}
mark, 
rp, rt, ruby, 
summary, 
time {
	display:inline;
}


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Global properties */
*{ padding:0px; margin:0px; outline:none; border:none; list-style:none; text-decoration:none; }
.noBdr{ border:none !important; }
.clr{ line-height:0px; font-size:0px; clear:both; }

body{ 
	font:normal 14px/18px Arial, Helvetica, sans-serif; color:#000; background: #fff;
	/* -webkit-filter: grayscale(100%); 
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
     filter: gray; */
}

/*html
{
	-webkit-filter:grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);	
}*/

.container{ width: 80%; margin: 0 auto;}
.wrapper{ width: 100%; float: left;}
.header_sec{ width: 100%; float: left;}
.header_top{ width: 100%; float: left;}
.header_top_inner{ width: 100%; float: left; padding: 20px 0 22px 0;height: 100px;}
.logo{ width: 320px; float: left; margin-left: -42px;}
.logo img{ max-width: 100%;}
.logo2{ width: 320px; float: left;}
.header_top_rt{ width: 400px; float: right; padding: 15px 0 0;}
.header_top_rt2{ width: 300px; float: right; padding: 15px 15px 0;font: 400 18px 'Roboto Condensed', sans-serif;}
.header_slct{ width: 300px; float: left;}
.header_slct p{ text-align: right; padding: 0px; margin: 0px; font: 400 14px/24px 'Roboto Condensed', sans-serif; color:#191919;}
.currncy_box{ width: 100px; float: left;}
.currncy_box span{ font: 400 14px/27px 'Roboto Condensed', sans-serif; color:#000; float: left;}
.currncy-select select {
   background: transparent;
   width: 64px;
   padding: 5px;
   font-size: 14px;
   line-height:1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
   color:#777777;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400;
   float: left;
   }
.currncy-select {
   width: 45px;
   height: 30px;
   overflow: hidden;
   background: url(../images/slct_bg.png) no-repeat right #fff;
   border: none;
   font: 400 14px/27px 'Roboto Condensed', sans-serif;
   color:#777777;
   }
.cntry_box{ width: 300px; float: right;}
.cntry_box span{ font: 400 14px/27px 'Roboto Condensed', sans-serif; color:#000; float: left;}
.cntry-select select {
   background: transparent;
   width: 84px;
   padding: 5px;
   font-size: 14px;
   line-height:1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
   color:#777777;
   font-family: 'Roboto Condensed', sans-serif;
   font-weight: 400;
   float: left;
   }
.cntry-select {
   width: 65px;
   height: 30px;
   overflow: hidden;
   background: url(../images/slct_bg.png) no-repeat right #fff;
   border: none;
   font: 400 14px/27px 'Roboto Condensed', sans-serif;
   color:#777777;
   }
.cart{ width: 51px; float: right;}

.menu_sec{ width: 100%; float: left; background: #191919; min-height: 60px;}
.menu_inner{ width: 100%; float: left;}
.menu_left ul,
.menu_left li,
.menu_left span,
.menu_left a {
  margin: 0;
  padding:  0;
  position: relative;
}
.menu_left{ width: auto; float: left; position: relative;}
/*.menu_left :after,
.menu_left  ul:after {
  content: '';
  display: block;
  clear: both;
}*/
.menu_left  a {
  color: #fff;
  display: inline-block;
  font: 400 17px/60px 'Roboto Condensed', sans-serif;
  line-height: 49px;
  padding: 0 0 0 32px;
  text-decoration: none;
}
.menu_left  ul {
  list-style: none;
}
.menu_left  > ul {
  float: left;
}
.menu_left  > ul > li {
  float: left;
}
.menu_left  > ul > li > a {
  color: #fff;
  font: 400 17px/60px 'Roboto Condensed', sans-serif;
}
.menu_left > ul > li:first-child > a {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

.menu_left  > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  color:#53a02d;
}
.menu_left > ul > li:hover > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  color:#53a02d;
}
.menu_left .has-sub {
  z-index: 20;
}
.menu_left .has-sub:hover > ul {
  display: block;
}
.menu_left .has-sub ul {
	display: none;
	position: absolute;
	width: 200px;
	top: 90%;
	left:-40px;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	background: #444444;
	border-bottom: 1px dotted #444444;
	filter: none;
	font: 400 17px/60px 'Roboto Condensed', sans-serif;
	color: #fffff;
	
}
.menu_left .has-sub ul li {
  *margin-bottom: -10px;
}
.menu_left .has-sub ul li a {
	display: block;
	line-height: 120%;
	padding: 5px 5px 5px 5px;
	TEXT-align:center;
}
.menu_left .has-sub ul li:hover a {
	background: #EEEEEE;
	border-bottom: 1px dotted #EEEEEE;
	color: #191919;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
}
.menu_left .has-sub .has-sub:hover > ul {
  display: block;
}
.menu_left .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
.menu_left .has-sub .has-sub ul li a {
  background: #fff;
  border-bottom: 1px dotted #fff;
}
.menu_left .has-sub .has-sub ul li a:hover {
  background: #EEEEEE;
}

.home_bg{ position:ABSOLUTE ; left: 0px; top: -7px;}
.search_box{ width: auto; float: right; background: #fff; min-height: 40px; margin-top: 9px;}
.search_box input[type="text"]{ width: auto; float: left; padding: 0 10px; font: normal 12px/38px 'Roboto Condensed', sans-serif; color:#777777; border: none; background: #fff; margin-top: 1px;}
.search_box input[type="search"]{ width: 42px; float: right; padding:0; border: none; background: url(../images/glass.png) no-repeat left center; height: 40px;cursor: pointer;font: normal 14px/38px 'Roboto Condensed', sans-serif;}
.mid_sec{ width: 100%; float: left; padding: 40px 0;}
.mid_inner{ width: 100%; float: left; }
.mid_left{ width: 24%; float: left;}
.special_sec{ width: 100%; float:left; margin-top: 30px;}
.special_sec h3{ background: #53a02d; font: 400 28px/60px 'Roboto Condensed', sans-serif; color:#fff; padding: 0 0 0 18px; margin: 0px; }

.special_box { border: 1px solid #d2d2d2; float: left; margin: 30px 0 0 0; padding: 25px 0 18px; text-align: center; width: 100%;}
.categorie_sec{ width: 100%; float: left;}
.categorie_sec h3{ background: #53a02d; font: 400 28px/60px 'Roboto Condensed', sans-serif; color:#fff; padding: 0 0 0 18px; margin: 0px; }
.categorie_sec ul{ padding: 0px; margin: 0px; list-style: none;}
.categorie_sec ul li{padding: 0px;  margin: 5px 0 0; float: left; width: 100%; border: 1px solid #d2d2d2; position: relative;}
.categorie_sec ul li a{ padding: 0 0 0 18px; margin: 0px; float: left; text-decoration: none; color:#191919; font: 400 19px/48px 'Roboto Condensed', sans-serif; width: 100%;
display: block; position: relative;}
.categorie_sec ul li a:hover{ color:#53a02d;}
.categorie_sec ul li:hover .drop_inner{ display: block;}
.drop{ background: url(../images/drop_arw.png) no-repeat 94%;}
.drop_inner{ width: 100%; position: absolute; left: 0px; bottom: -141px; background: #fff; border: 1px solid #d2d2d2; display: none; z-index: 999;}
.drop_inner ul{ padding: 0px; margin: 0px; list-style: none;}
.drop_inner ul li{ padding: 0px; margin: 0px; float: left; width: 100%; border:none;}
.drop_inner ul li a{  padding: 0 18px; margin: 0px; width: 100%; display: block; font: 400 14px/27px 'Roboto Condensed', sans-serif; color:#000000; }
.drop_inner ul li a:hover{ color:#53a02d;}

.mid_all{ width: 99%;}
.mid_right{ width: 74%; float: right;}
.banner_sec{ width: 100%; float: left;}
.banner_box{ width: 100%; float: left; position: relative;}
.banner_box img{ width: 100%; float: left;}
.banner_txt{ width: 502px; position: absolute; right: 50px; top: 75px;}
.banner_txt h2{ font: 300 63px/47px 'Roboto Condensed', sans-serif; color:#191919; padding: 0px; margin: 0px; text-align: right;}
.banner_txt h2 span{ font-size: 95px; color:#53a02d; font-weight: 400; text-transform: uppercase; text-align: right; display: block; padding-top: 25px;}
.banner_txt h2 b{ font-size: 49px; color:#191919; font-weight: 300; text-transform: uppercase; text-align: right; display: block; padding-top: 25px;}

.banner_sec .flexslider{ box-shadow: inherit; margin: 0px; border: none; background: none; border-radius: 0px;}
.banner_sec .flex-control-nav { bottom: 13px; font-size: 0; position: absolute; right: 29px; text-align: right; width: 96%;}
.banner_sec .flex-control-nav li{ margin: 0 6px 0 0;}
.banner_sec .flex-direction-nav{ display: none;}
.banner_sec .flex-control-paging li a{ box-shadow: inherit;}

.offer_sec{ width: 100%; float: left;}
.offer_box1{ width: 100%; float: left; margin-top: 30px; background: #fff; border: 1px solid #d2d2d2; padding: 16px;}
.offer_box1_top{ width: 100%; float: left;}
.offer_grn{ width: 100%; float: left;}
.offer_grn h3{ font: 400 24px/50px 'Roboto Condensed', sans-serif; color:#53a02d; padding: 0px; margin: 0px; }
.offer_grn2{ width: 100%; float: left;}
.offer_grn2 p{ font: 400 16px/30px 'Roboto Condensed', sans-serif; color:#191919; padding: 0px; margin: 0px; }
.offer_box1_btm{ width: 100%; float: left;}
.offer_box1_btm p{font: 300 30px/35px 'Roboto Condensed', sans-serif; color:#383838; padding: 0 0 0 23px; margin: 0px; }
.offer_box2{ width: 100%; float: left; background: #53a02d; padding: 30px 0px 0px 0px;}
.offer_box2 h4{ font: 400 40px/40px 'Roboto Condensed', sans-serif; color:#fff; padding: 0px 20px; margin: 0px; text-align: left;}
.offer_box2 h5{ font: 300 20px/40px 'Roboto Condensed', sans-serif; color:#fff; padding: 0px 20px; margin: 0px; text-align: LEFT;}
.offer_box2 p{ font: 300 18px/31px 'Roboto Condensed', sans-serif; color:#fff; padding: 0px 20px; margin: 0px; text-align: LEFT;}

.product_sec{ width: 100%; float: left;}
.product_top{ width: 100%; float: left; border: 1px solid #d2d2d2; padding-left: 18px; margin-top: 30px;background:#53a02d;}
.product_top h3{ font: 400 28px/60px 'Roboto Condensed', sans-serif; color:#FFFFFF; padding: 0px; margin: 0px; }
.product_top2{ width: 100%; float: left; border: 1px solid #d2d2d2; padding-left: 18px;background:#53a02d;}
.product_top2 h3{ font: 400 28px/60px 'Roboto Condensed', sans-serif; color:#FFFFFF; padding: 0px; margin: 0px; }
.product_innnr{ width: 100%; float: left;}
.product_box{ width: 270px;height:480px; float: left; margin: 30px 15px 0 0; border: 1px solid #d2d2d2; padding: 25px 0 18px 0; text-align: center;}
.no_marg{ margin-right: 0px !important;}
.product_pic{ width: 100%;height:250px; display: inline-block; text-align: center;}
.product_pic img{ text-align: center; max-width: 100%; max-height: 100%;}
.product_details{ width: 100%; display: inline-block; text-align: center;}
.product_details h4{ padding: 0; margin: 0px; text-align: center; font: 400 27px/55px 'Roboto Condensed', sans-serif; color:#53a02d;}
.product_details h4 span{ text-decoration: line-through; color:#777777;}
.product_details h5{ padding: 0; margin: 0px; text-align: center; font: 400 14px/22px 'Roboto Condensed', sans-serif; color:#191919;}
.product_details p{ padding: 6px 6% 0; margin: 0px; text-align: center; font: 400 12px/18px 'Roboto Condensed', sans-serif; color:#777777;}
.product_details a{ text-align: center; display: inline-block; padding: 0 22px 0 48px; background: url(../images/cart_pic2.png) no-repeat 8% center #53a02d;
font: 400 19px/50px 'Roboto Condensed', sans-serif; color:#fff; margin: 15px 0 0; text-decoration: none; }
.product_details a:hover{  background: url(../images/cart_pic2.png) no-repeat 8% center #2f7516; color:#fff;}
.product_btn{ width: 100%; text-align: center; display: inline-block;}
.product_btn ul{ padding: 16px 0 0 0px; margin: 0px; list-style: none; display: inline-block; text-align: center;}
.product_btn ul li{ padding: 0 16px 0 0; margin: 0 16px 0 0; text-align: center; display: inline-block; background: url(../images/devider.png) no-repeat right center;}
.product_btn ul li a{ padding: 0px; margin: 0px; text-align: center; font: 400 14px/22px 'Roboto Condensed', sans-serif; color:#191919;}
.product_btn ul li a:hover{ color:#53a02d;}
.product_btn ul li:last-child{ background: none; padding: 0px; margin: 0px;}

.footer_sec{ width: 100%; float: left; padding-bottom: 50px; background: #f3f3f3;}
.footer_inner{ width: 100%; float: left;}
.footer_box1{ width: 300px; float: left; margin-top: 30px;}
.footer_box1 h4{ font: 400 17px/39px 'Roboto Condensed', sans-serif; color:#191919; padding: 0 0 8px; margin: 0px;}
.footer_box1 ul{ padding: 0px; margin: 0px; list-style: none;}
.footer_box1 ul li{ padding: 0px; margin: 0px; float: left; width: 100%;}
.footer_box1 ul li a{ font: 400 14px/28px 'Roboto Condensed', sans-serif; color:#53a02d; padding: 0px; margin: 0px; text-decoration: none;}
.footer_box1 ul li a:hover{ color:#2f7516;}

.footer_box2{ width: 277px; float: left; margin-top: 30px;}
.footer_box2 h4{ font: 400 17px/39px 'Roboto Condensed', sans-serif; color:#191919; padding: 0 0 8px; margin: 0px;}
.mail_box{ width: 100%; float: left; border: 1px solid #d2d2d2; background: #fff; margin-top: 8px;}
.mail_box input[type="text"]{ width: 235px; float: left; padding: 0 0 0 12px; border: none; background: #fff; font: normal 12px/38px 'Roboto Condensed', sans-serif; color:#777777; }
.mail_box input[type="search"]{ width: 34px; float: left; border: none; background: #fff; font: normal 14px/38px 'Roboto Condensed', sans-serif; color:#53a02d; text-align: center;
cursor: pointer; }

.social_box{ width: 100%; float: left; margin-top: 28px;}
.social_box ul{ padding: 0px; margin: 0px; list-style: none;}
.social_box ul li{ padding: 0 10px 0 0; margin: 0px; float: left;}
.social_box ul li:last-child{ margin: 0px;}
.social_box p{ padding: 45px 0 0 0; margin: 0px; font: 400 12px/18px 'Roboto Condensed', sans-serif; color:#191919; display: inline-block;}

.naviboard
{
	margin:25px 0 0;
	width:800px;
	height:38px;
}
.naviboard li
{
	float:left;
}
.naviboard li a
{
	color:#000;
}
.naviselect
{
	background: url("../images/number-dee-arskin.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 13px;
    font-weight: bold;
    height: 26px;
    padding: 5px 0 0;
    text-align: center;
    text-shadow: 1px 1px 2px #000000;
    width: 26px;
}
#productdetail
{
	float: left;
    height: 400px;
    margin: 15px 10px;
    width: 300px;
}
#prodictcontent
{	 
    float: right;
    margin: 15px 0;
    min-height: 500px;
    padding: 0px 20px 0 0;
    width: 500px;
}
.detail_sec{ width: 100%; float: left;}
.detail_sec h8{ width: 100%; float: left;padding: 0 0 0 18px; margin: 0px;text-align:LEFT;font: 400 24px/40px 'Roboto Condensed', sans-serif;color:#53a02d;}
.detail_sec h7{ width: 100%; float: left;padding: 0 0 0 18px; margin: 0px;text-align:LEFT;font: 400 20px/40px 'Roboto Condensed', sans-serif;}
.product_bigbox{ width: 870px; float: left; margin: 30px 30px 0 0; border: 1px solid #d2d2d2; padding: 0px 0 18px 0; text-align: center;}
.product_bigbox h6{ background: #53a02d; font: 400 24px/40px 'Roboto Condensed', sans-serif; color:#fff; padding: 0 0 0 18px; margin: 0px;text-align:LEFT;}
.mid{width:60%;float: center;border: 1px solid #d2d2d2;}
.mid h2{ background: #53a02d; font: 400 24px/40px 'Roboto Condensed', sans-serif; color:#fff; padding: 0 0 0 18px; margin: 0px;text-align:LEFT;}
.mid2{ width: 100%; float: left;border: 1px solid #d2d2d2;padding:20px 20px 20px 20px;margin-TOP:20px;}
.tbox { 
    border: 1px solid #c4c4c4; 
    height: 30px; 
    width: 200px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.tbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.btlog {
	padding:10px 15px;
	background-color:#09F;
	cursor:hand;
	border-radius:3px;
	width:80px;
	height:50px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font: 400 18px 'Roboto Condensed', sans-serif;
}
.btlog:hover {
	
}
.btlog:active {
	background-color:#0CF;
}
.inboxleft{
	width:250px;
	float:left;
}
.inboxright{
	width:500px;

	/*border-left:1px #CACACA solid;*/
	padding: 0px 0px 0px 20px;
	float:left;
	
}
.topic{
	padding: 10px 0px 0px 10px;
	font-size:20px;
	font-weight:bold;
	/*color:#5fae39;*/
	color:#3E3E3E;
}
.topicdesc{
	padding: 10px 0px 10px 10px;
	margin: 0px 0px 15px 0px;
	border-bottom:1px #E9E9E9 solid;
	font-size:16px;
	color:#999999;
}
.content1{color:#6C6C6C;}
.content1 p {text-indent: 1cm;}
.tbox { 
    border: 1px solid #c4c4c4; 
    height: 27px; 
    width: 200px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.tbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.sbox { 
    border: 1px solid #c4c4c4; 
    height: 27px; 
    width: 200px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.sbox:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.ddate { 
    border: 1px solid #c4c4c4; 
    height: 25px; 
    width: 60px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.ddate:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.mmonth { 
    border: 1px solid #c4c4c4; 
    height: 25px; 
    width: 125px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.mmonth:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.yyear { 
    border: 1px solid #c4c4c4; 
    height: 25px; 
    width: 75px; 
    font-size: 13px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.yyear:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
}
.btsub {
	padding:10px 15px;
	background-color:#09F;
	cursor:pointer;
	border-radius:3px;
	width:120px;
	height:55px;
	font-size: 12px; 
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
.btsub:hover {
	
}
.btsub:active {
	background-color:#0CF;
}
.btcan {
	padding:10px 15px;
	background-color:#333;
	cursor:pointer;
	border-radius:3px;
	width:120px;
	height:55px;
	text-align:center;
	color:#FFF;
	text-decoration:none;
	font-size: 12px; 
}
.btcan:hover {
	
}
.btcan:active {
	background-color:#666;
}
input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=radio].css-checkbox + label.css-label {
	padding-left:29px;
	height:24px; 
	display:inline-block;
	line-height:24px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;

}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -24px;
}
label.css-label {
	background-image:url("../images/csscheckbox.png");
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.loginbox2
{
	background: url("../images/loginbox01.png") no-repeat scroll 0 0 transparent;
    height: 249px;
    margin: 5px 5px 0;
    padding: 10px 1px 0 0;
    width: 260px;
	position:relative;
}
.login_box { 
	border: 1px solid #d2d2d2; 
	float: left; 
	margin: 30px 0 30px 0; 
	padding: 0px 0 0px; 
	text-align: center; 
	width: 100%;	
}
.login_box a:link {color:#FF0000}
.login_box a:visited {color:#FF0000}
.login_box a:hover {color:#FFF}
.login_box .t1 tr,.t1 td{line-height:30px;}
.signout{
	background: url("../images/signinout.png") no-repeat scroll 0 0 transparent;
    bottom: 4px;
    height: 35px;
    left: 25px;
    position: absolute;
    width: 207px;
	cursor:pointer;
}
.signout:hover
{
	background: url("../images/signinout1.png") no-repeat scroll 0 0 transparent;
}
#backtotop
{
		position: fixed;
		bottom: 30px;
		margin-left: -150px;
}
.btsub2 {
	padding:10px 15px;
	background-color:#53a02d;
	cursor:pointer;
	border-radius:3px;
	width:120px;
	height:35px;
	font-size: 12px; 
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
.btsub2:hover {
	background-color:#57dd13;
	color:#000;
}
.btsub2:active {
	background-color:#53a02d;
}
.btcan2 {
	padding:10px 15px;
	background-color:#696969;
	cursor:pointer;
	border-radius:3px;
	width:120px;
	height:35px;
	font-size: 12px; 
	text-align:center;
	color:#FFF;
	text-decoration:none;
}
.btcan2:hover {
	background-color:#D3D3D3;
	color:#000;
}
.btcan2:active {
	background-color:#53a02d;
}