/* CSS Document */
body{
	background:#B6B6B6;
	background-image:url('/images/theta/bg2.jpg');
    background-repeat:repeat-y;
    background-position:center;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#9F9F9F;
	font-size:12px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
    font-size:12px;
}
img{
border:0;
/*padding-top:20px;*/
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	line-height:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
	border: 0px !important;
	visibility: hidden;
}
a{
text-decoration:none;
color:#898989;
}
/*------------------------------------------------common--------------------*/
.wraper{
	background:#FFFFFF;
	width:980px;
	margin:auto;
	padding:0 8px;
}
.header{
	width:980px;
	background:#FFFFFF;
}
.header, .header h1, .header .right ul li, .navigation ul,
.mid-colm ul, .mid-colm, 
/**/.mid-colm .holder ul li, .mid-colm .holder ul li a, .mid-colm .holder ul li span,
.mid-colm .holder-two ul li, 
.mid-colm .holder-two ul li img, 
.mid-colm .holder-two ul li p, 
.mid-colm .holder-two ul li h3,
.mid-colm .holder-four p, 
.tags, .holder-two div,
.navigation ul li, .content, .left-colm, .right-colm,
.footer, .footer p, .footer ul, .box, .footer .box p, .mid-colm .holder-two div .box2, .mid-colm .holder-two div .box2 img
{
	float:left;
}
/*.mid-colm  ul, removed on 22-11-2012 */
.mid-colm  .holder-three p,
.left-colm .holder ul, .right-colm .holder ul,.right-colm .holder-interduced .binder,
.left-colm .holder h2, .right-colm .holder h2, .right-colm .holder-interduced h2, 
.tags p, .holder-two div
{
	border:1px solid #D1D1D1;
	padding: 5px;
	margin-bottom:5px;
}
.left-colm .holder h2, .right-colm .holder h2, .right-colm .holder-interduced h2{
	color:#1273C4;
	/*font-size:14px;
	margin:3px 0;*/
	font: bold 14px/19px Arial;
	padding: 3px;
}
.no-border{
  border:none!important;
  } 
 .no-bg{
 	background:none!important;
 }  
 .no-bg span a{
 	background:url(/images/theta/blue-dot.gif) bottom repeat-x;
 }
/*------------------------------------------------HEADER--------------------*/ 
.header .right{
	float:right;
	padding-top:38px;
}
.header .right input{
	background:url(/images/theta/input-bg.gif) no-repeat;
	width:129px;
	border:none;
	padding:0 4px;
	line-height:23px;
	height: 23px;
}
.header .right input.go{
	background:url(/images/theta/go-btn.gif) no-repeat;
	cursor:pointer;
	width:55px;
	margin-left:5px;
	}
.header .right input.submit{
	background:url(/images/theta/submit-btn.gif) no-repeat;
	cursor:pointer;
	width:55px;
	margin-left:5px;
	}
.header .right ul li {
	display: block;
	font-weight: bold;
	line-height: 16px;
	padding: 15px 0px 0px 5px;
	}	
.header .right ul li a{
	border-right:1px solid #888;
	padding-right:5px;
}

.headertop
{
float:left;width:980px;
}
.headertopleft
{
float:left;
padding-top:15px;
}
.headertopright
{
float:right;padding-top:3px;padding-bottom:3px;color:#1374CF;
}
.headerbutton
{
margin:0;height:18px;
}
.toplinks
{
font-family:Arial;
font-size:17px;
color:#1374CF;
}
/*################NAVIGATION###################*/
.navigation{
	clear:both;
	border:1px solid #888;
	padding:2px;
	height: 25px;
}
.navigation ul{
	background:url(/images/theta/nav-blue-bg.gif) repeat-x;
	display:block;
	width: 952px;
}
.navigation ul li{
	display:block;
}
.navigation ul li a{
	display:block;
	line-height:24px;
	color:#FFFFFF;
	padding:0 5px;
	!padding:0 5px;
}

/*################LEFT COLM###################*/
.left-colm{
width:175px;
padding-top: 4px;
}
.left-colm ul li, .right-colm ul li{
	background:url(/images/theta/blue-dot.gif) bottom repeat-x;
	display:block;
}
.left-colm ul li a, .right-colm ul li a{
	display:block;
	line-height:20px;
	!height:20px;
}
.left-colm ul li a, .right-colm ul li a{
	padding-left:0px;
    color:#000;/*#5B9CB2*/
}
.left-colm .holder ul li ul li a{padding-left:20px!important}/*30px*/
/*################MID COLM###################*/
.mid-colm{
	width:618px;
	!width:614px;
	padding:0 5px;
}
.mid-colm .holder ul li{
	padding-left: 5px;
	width: 116px;
}
.mid-colm .holder ul li img, .right-colm .holder-interduced .intro-image img{
	border:1px solid #9595B9;
	padding:4px;
}
.mid-colm .holder ul li span{
	line-height: 20px;
	text-align: center;
	width: 100%;
}
.mid-colm .holder h2, .mid-colm .holder-two h2, .mid-colm .holder-three h2,
.tags h2{
background:#F0F0F0;
margin:5px 0;
color:#636363;
font-size:14px;
padding:5px 0 5px 10px;
display:inline-block;
width: 608px;
}
.mid-colm .holder-two div .box2{
	border: none;
    margin:5px 0 0 0;
    width: 293px;
}
.mid-colm .holder-two div .box2 img{
	background:url(/images/theta/thumb-bg.gif) no-repeat;
	padding:10px;
}
.box2 h3
{
	color:#1374C5;
	font-size: 15px;
}
.mid-colm .holder-two ul li h3, .mid-colm .holder-two ul li p{
width: 190px;
line-height:16px;
color:#A7A7A7;
padding:0 5px;
}
.mid-colm .holder-two ul li h3{
	font-weight:normal;
}
 .mid-colm .holder-two ul li p{
 	font-size:11px;
 }
  .mid-colm .holder-four p{
 	font-size:11px;
	margin-top:8px;
    
 }
   .mid-colm .holder-four p:first-child{
   padding-right:18px;
   }
.tags h2{width: 949px;}
.tags p{width: 949px;}
/*################RIGHT COLM###################*/
.right-colm{
	width:177px;/*155px*/
	padding-top:3px;
	!width:177px;
	!overflow:hidden;
}
.right-colm .holder-interduced .binder{
	overflow-y: scroll;
	overflow-x: hidden;
	height:400px;
}
.right-colm .holder-interduced .intro-image span {
background:url(/images/theta/blue-dot.gif) bottom repeat-x;
text-align: center;
line-height: 14px;
width: 100%;
float: left;
padding: 4px 0px 4px;
}
.right-colm .holder-interduced .intro-image{padding: 0px 0px 4px;text-align: center;float: left;}
.right-colm .holder-interduced .binder li a{padding-left:10px}
/*################FOOTER###################*/
.footer{
	background:url(/images/theta/footer-bg.gif) repeat-x;
	padding:10px 0;
	width:100%;
}
.footer ul{
	width: 130px;
	padding:0px 30px;
	background:url(/images/theta/footer-dot.gif) right repeat-y;
}
.footer ul li{
	line-height:20px;
	display:block;
}
.footer ul li a{
	color:#FFFFFF;
}
.footer h2{
	color:#FFFFFF;
	padding:10px 30px;
	font-weight:normal;
	font-size:24px;
}

.footer .box p{
	color: white;
	padding: 0px 10px;
	width: 258px;
}
.add
{
float:left;
width:780px;
margin:0;
padding:0;
}
.taglinks
{
font:500 12px Verdana;color:#999999;
}
.link_att a:hover {text-decoration:underline}


ul#topnavi {
	background: url(/images/theta/nav-blue-bg.gif) bottom repeat-x;
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;

}
ul#topnavi li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnavi li a {
	float: left; 
	color:#fff;
	
}
ul#topnavi li:hover a, ul#topnavi li a:hover { background-position: left bottom; }

ul#topnavi a.products {
	font:12px arial;
	color:#fff;
    padding:5px 0 5px 15px;
}

ul#topnavi li .sub {
	position: absolute;	
	top: 20px; left: 0;
	background: #1766B1;
   	padding: 20px 20px 20px;
	float: left;
	display: none;
z-index:9999;
}
ul#topnavi li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnavi li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnavi .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnavi .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 12px;
	font-weight: bold;
}
ul#topnavi .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #fff;
}
ul#topnavi .sub ul li a {
	float: left; 
	padding: 12px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}

ul#topnavi .sub ul li a:hover {color: #e1e1e1; background-position: 5px 12px ;}
.holder li:last-child {
    background: none;
}
.catheader	{
	color: #1273C4;
	font-family: Arial;
	font-size: 17px;
	padding-bottom: 3px;
}
/*################ Sliding Text ###################*/
.seolayer1 {
	margin: 0;
	padding: 0;
}
.seoheading {
	margin: 1px;
	color: #000;
	padding: 3px 10px;
	padding-left: 0;
	position: relative;
	font-size: 17px;
}
#readmore, #makeless {
	margin: 1px;
	color: #1273C4;
	padding: 3px 10px;
	position: relative;
	font-weight: bold;
}
.seocontent, .outblock {
	padding: 0 0 8px;
	background-color:#fff;
	color: #000;
	text-align: justify;
	float: left;
	width: 980px;
}
.ui-autocomplete-loading {
	background: white url('/images/ui-anim_basic_16x16.gif') right center no-repeat; 
}
.mobilemenu{display: none;}




















/*----------------------------Responsive start-----------------------*/
@media screen and (max-width:1000px){
    *, ::after, ::before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0; margin:0;}
    .wraper, .header, .headertop, .seocontent, .outblock, .basictab{width: 100%; overflow: hidden;}
    .headertopright{display: none;}
    .seolayer1, .seolayer1 .headertopright{display: block; width: 100% !important;}
    .basictab, .submenustyle, .left-colm, .headertopleft, .footer, .mid-colm, .slider-bd, .complete_holder, .caption_line_holder, .caption_line_holder h2, .caption_line_holder, .caption_text, .mid-colm .holder-two div .box2, .agile_carousel, .agile_carousel .slides,  .agile_carousel .slides .slide, .multithumbcontainer, .multithumbbar, .mid-colm .holder h2, .mid-colm .holder-two h2, .mid-colm .holder-three h2, .tags h2{width: 100% !important;}
    .headertopleft{text-align: center;}
    .basictab{font-size: 0;}
    .basictab li{display: inline-block !important; font-size: 12px; margin-bottom: 3px !important;} 
    .basictab li a{display: block;}
    .content{ width: 100%;}
    .left-colm .holder > ul{display: none;}
    .left-colm .holder > h2{ background: #1273C4; color: #fff;}
    .right-colm{clear: both; margin: 0 auto; float: none;}
    .footer{margin-left: 0 !important;}
    .agile_carousel img{max-width: 100%;}
    .bannerparent{padding-left: 0 !important;}
}