/* Main Stylesheet.


------------------------------------------	


	Reset


	Layout


	Header


	Navigation


	Slider


	Main Container


	Boxes


	Sidebar


	Testimonials


	Footer	


*/





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html


-------------------------------------------------------------- */





/* Main Stylesheet.


------------------------------------------	


	Reset


	Layout


	Header


	Navigation


	Slider


	Main Container


	Boxes


	Sidebar


	Testimonials


	Footer	


*/





/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html


-------------------------------------------------------------- */





html, body, div, span, applet, object, iframe,


h1, h2, h3, h4, h5, h6, p, blockquote, pre,


a, abbr, acronym, address, big, cite, code,


del, dfn, em, font, img, ins, kbd, q, s, samp,


small, strike, strong, sub, sup, tt, var,


b, u, i, center,


dl, dt, dd, ol, ul, li,


fieldset, form, label, legend,


table, caption, tbody, tfoot, thead, tr, th, td {


	background: transparent;


	border: 0;


	margin: 0;


	padding: 0;


	vertical-align: baseline;


	font-family:Calibri;


}


body {


	line-height: 1;


}


h1, h2, h3, h4, h5, h6 {


	clear: both;


	font-weight: normal;


}


ol, ul {


	list-style: none;


}


blockquote {


	quotes: none;


}


blockquote:before, blockquote:after {


	content: '';


	content: none;


}


del {


	text-decoration: line-through;


}


/* tables still need 'cellspacing="0"' in the markup */


table {


	border-collapse: collapse;


	border-spacing: 0;


}


a img {


	border: none;


}





/*= 	Layout


----------------------------------------------------------------------------------------*/


body{ background:#e6e6e6;}


.header-container,


.nav-container,


.slider-container,


.main-container,


.footer-container,


.footer-menu-container{ width:100%; text-align:center;}





.header,


.main-navigation,


.slider,


.main-content,


.footer-cols,


.footer-menu-copyright{ 


	margin:0 auto;


	max-width:960px;


	text-align:left;


}


.sidebar-container{ width:285px; float:right;}





/* Added By Atul Chavda 17-06 ----------------Start*/ 


.testimonial{


	width:300px;


	margin:0 5px;


	float:left;	


	border-radius:6px;


	border:2px solid #e3e3e3;


	background-color:#e6e6e6;


	padding:10px;


}


.test-name


{float:left;margin-left:10px;}





.testimonial:hover


{border:2px solid #e9e9e9;


	background-color:#DBDBDB;}


.testumonial-img


{


    background-image:url('../images/client-img.png'); 


   height:75px;


   width:83px; 


   float:left; 


}


.test-bot-cont


{width:100%;clear:both;padding-top:10px;}


.testumonial-img img


{max-height:72px;max-width:77px;padding-left:3px;padding-top:3px;border-radius:6px;}





.testumonial-img img:hover


{


   


    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 1.1);


    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 1.1);


    box-shadow: 0 1px 3px rgba(0, 0, 0, 1.1);


    


}


/* Added By Atul Chavda 17-06 ----------------End*/ 














.copyright


{


	font-size:12px;


}


/*= 	Header


----------------------------------------------------------------------------------------*/


.header-container{ 


background-color:#f5f5f5;


border-bottom:2px solid #e9e9e9;


}


#logo{


	width:100%;


	text-align:center;


	float:left;


}


.top-right{


	/*width:550px;*/


	float:right;	


	padding-top:50px;


	vertical-align:top;


	text-align:right;


}


.top-right ul li{ 


	list-style:none;


	display: inline-block;


	padding:0 10px;


	border-right:1px solid #fff;


}


.top-right ul li.last{


	padding-right:0;


	border:0;	


}


.login-form{


	display:none;


	position:relative;


	margin-top:-7px;


}


.close-login{


	position:absolute;


	top:-30px;


	right:5px;


	color:#c3e141;


	display:inline-block;


	*display:inline;


	zoom:1;


	cursor:pointer;


}








input[type="text"],


input[type="password"],


.login-form input[type="text"],


.login-form input[type="password"]{


	padding:6px;


	-moz-border-radius:6px;


	-webkit-border-radius:6px;


	border-radius:6px;


	border:1px solid #ccc;


}





/* not useful because of new design.


   will be removed later


*/


.top-right ul li a,


.top-right ul li a:link,


.top-right ul li a:visited{ 


	color:#fff;


	text-decoration:none;


	font-size:12px;


	font-weight:bold;


}


.top-right ul li a:hover,


.top-right ul li a:active,


.top-right ul li a.create-account{


	color:#b3ce3a;	


}


/* remove stop here */


/*= 	Navigation


----------------------------------------------------------------------------------------*/


.nav-container{


	background:url(../images/menu-bg.jpg) repeat-x;


	height:40px;


}


.menu {


	text-align:center;


	list-style:none;


}


.menu li { 


	display:inline-block;


	*display:inline;


	zoom:1;


	margin:0;


	padding:0;


	position:relative


}





.menu li a,


.menu li a:link,


.menu li a:visited,


.menu li a:active{


	color:#fff;


	text-decoration:none;


	line-height:44px;


	font-size:14px;	


	padding:0 12px;


	font-weight:bold;


	/* border-right:1px solid #000; */


	display:inline-block;


	height:40px;


	margin:0;


	margin:0;


}


.menu li.first a{


	/* border-left:1px solid #000; */


}


.menu li a:hover,


.menu li:hover,


.menu li:hover > a{


	color:#5AAF6B;


	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #f5f5f5) );


	background:-moz-linear-gradient( center top, #fff 5%, #f5f5f5 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f5f5f5');


	


}


.menu li ul li a,


.menu li ul li a:hover,


.menu li ul li:hover{ background:none;}


#submenu-color


{color:#5AAF6B !important;}


#submenu-color a


{color:#5AAF6B !important;}


#submenu-color a:hover


{color:#103c5f !important;}





.menu .submenu-container{


	width:auto;


	background:#fff;


	position:absolute;


	display:none;


	z-index:1000;


	padding:5px;


	margin-top:-2px;


	-webkit-border-bottom-right-radius: 10px;


	-webkit-border-bottom-left-radius: 10px;


	-moz-border-radius-bottomright: 10px;


	-moz-border-radius-bottomleft: 10px;


	border-bottom-right-radius: 10px;


	border-bottom-left-radius: 10px;


	-webkit-box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.5);


	box-shadow: 3px 3px 3px 2px rgba(0, 0, 0, 0.5);


	


}


.menu li ul{


	width:auto;


	float:left;


	margin:10px 15px;


}


.menu li ul li{ 


	float:none; 


	display:block;


	text-align:left;


}


.menu li ul li a,


.menu li ul li a:link,


.menu li ul li a:hover{


	font-size:14px;


	line-height:18px;


	height:auto;


	padding:5px 0;


	white-space:nowrap;


}


.menu li ul li a:hover{


	background:none;


	color:#103c5f;


}


/*= 	Slider


----------------------------------------------------------------------------------------*/


.slider-container{


	background:url(../images/slider-bg.jpg) center no-repeat #054573;


	/*padding-top:20px;*/


}


.slider{


	max-height:320px;


	height:320px;


	overflow:hidden;	


	position:relative;


}


.slidesjs-navigation{


	position:absolute;


	z-index:999;


	height:24px;


	width:25px;


	text-indent:-9999;


	overflow:hidden;


	font-size:0;


}


.slidesjs-previous {


	background:url(../images/slide-prev.png) no-repeat;


	bottom:5px;


	right:38px;


}


.slidesjs-next {


	background:url(../images/slide-next.png) no-repeat;


	bottom:5px;


	right:10px;


}


.slidesjs-pagination{


	display:none;


}


/*= 	Main container


----------------------------------------------------------------------------------------*/


.main-container{ 


	background:#e6e6e6;


	padding-top:1px;


}





/*=     Boxes


----------------------------------------------------------------------------------------*/


.box{


	background:url(../images/box-bg.jpg) center 100% no-repeat;


	width:226px;


	float:left;


	margin-right:15px;


	margin-bottom:20px;	


	border:1px solid #ccc;


}


.box .header-img{ width:100%;}


.box h3{


	margin-bottom:10px;


	font-size:18px;


	font-weight:bold;	


}


.box h3 a{ text-decoration:none;}


.box .content{


	padding:10px;


	font-size:16px;


	line-height:20px;


	min-height:107px;	


}


.box .content p{


	font-size:14px;


	line-height:22px;	


}


.box4{ margin-right:0;}


/*= 	Sidebar


----------------------------------------------------------------------------------------*/


.latest-news{


	max-height:180px;


	overflow:hidden;


}


.latest-news h3{


	margin-bottom:12px;	


}


.latest-news ul li{


	padding:7px 0;


	border-bottom:1px solid #b8b6b6;


	position:relative;


	color:#737373;


	font-size:13px;


}


.latest-news ul li .img-wrapper{


	width:38px;


	height:100%;


	float:left;


	display:inline-block;


	*display:inline; /*IE hack*/


	zoom:1;	


	margin-right:10px;


	padding:5px 0;


}


.latest-news ul li p{ 


	font-size:13px;


	margin-bottom:0;


}





/*= 	Testimonials


----------------------------------------------------------------------------------------*/


.testimonial-container{ max-width:665px; float:left; overflow:hidden;}


.testimonials{


	padding-bottom:20px;


	width:9999px;	


}


.testimonial-title{


	margin-bottom:15px;	


}


.tm-nav{


	width:60px; 


	float:right;	


}


.testimonial .tm-top{


	background:url(../images/testimonial-top.png) no-repeat;


	width:314px;


	height:10px;


}


.testimonial .tm-middle{


	background:#cccccc;	


	border-left:1px solid #bcbbbb;


	border-right:1px solid #bcbbbb;	


	width:292px;


	padding:5px 10px;


	font-style:italic;


}


.testimonial .tm-bottom{


	background:url(../images/testimonial-bottom.png) no-repeat;


	width:314px;


	height:28px;	


	margin-bottom:10px;





}





.testimonial .client-img,


.testimonial .company{


	float:left;


	display:inline-block;


	*display:inline;


	zoom:1;	


	font-size:12px;


}





.testimonial .client-img{


	margin-right:10px;


}





.testimonial-container .jcarousel-prev {


	background:url(../images/left-arrow.png) no-repeat;


	width:25px;


	height:24px;


	position:absolute;


	top:-30px;


	right:35px;


	cursor:pointer;


}


.testimonial-container .jcarousel-next {


	background:url(../images/right-arrow.png) no-repeat;


	width:25px;


	height:24px;


	position:absolute;


	top:-30px;


	right:8px;


	cursor:pointer;


}





/*= 	Footer	


----------------------------------------------------------------------------------------*/


.footer-container{


	background:url(../images/footer-container-bg.jpg) center 0 no-repeat #113d60;	


}


.footer-cols{ 


	padding:20px 0;


}





.footer-column{


	width:150px; 


	float:left;


	margin-right:10px;	


}


.fc3{ 


	width:120px;/*third footer column is small*/


}


.fc5{


	width:170px; /*fifth footer column is big*/


}


.footer-column h3{ 


	color:#C0DE40;


	margin-bottom:10px;


}


.footer-col-text{


	color:#fff;


}


.footer-col-text a,


.footer-col-text a:visited{


	color:#fff;


	text-decoration:none;


}


.footer-col-text a:hover{


	color:#b3ce3a;


}


.footer-col-text p{


	line-height:20px;	


}


.footer-logo-social{


	width:150px;


	float:right;


	text-align:center;


}


.footer-logo-text{


	text-align:center;


	margin-top:10px;	


}


.footer-logo-text a{


	text-decoration:none;


	color:#C0DE40;


	font-size:12px;


}


.footer-logo-text a:hover{


	color:#fff;	


}


.footer-logo-social .social-links{


	margin-top:25px;


}


.footer-logo-social .social-links img{ width:35px; height:35px; }


.footer-menu-container{


	background:url(../images/footer-menu-container-bg.jpg) center 0 no-repeat #002446;


	color:#fff;


}





.footer-menu{ display:inline; margin-right:5px;}


.footer-menu li{


	display:inline-block;


	display:inline;	


	line-height:60px;


	font-size:12px;


}


.footer-menu li a,


.footer-menu li a:visited{


	color:#fff;


	padding:0 5px;


	border-right:1px solid #fff;


	text-decoration:none;


}


.footer-menu li a:hover{


	color:#b3ce3a;	


}


/*=		General


----------------------------------------------------------------------------------------*/


.clear{ 


	clear:both;


}


.clearfix:before,


.clearfix:after {


    content: " ";


    display: table;


}





.clearfix:after {


    clear: both;


}





.clearfix {


    *zoom: 1;


}


.right{ float:right;}


.left{ float:left;}


.center{ text-align:center; margin:0 auto;}


.light-blue,


.light-blue a{ color:#2dabcb;}


.green,


.green a{ color:#28a489; }


.dark-blue,


.dark-blue a{ color:#337991; }





p{ 


	font-size:12px;


	line-height:18px;


	margin-bottom:10px;


	font-weight:normal;


	font-family:Calibri;


}


/*header sign in and create account button*/


.sliver_btn {


	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;


	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;


/*	box-shadow:inset 0px 1px 0px 0px #ffffff;*/


	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );


	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');


	background-color:#ededed;


	-moz-border-radius:6px;


	-webkit-border-radius:6px;


	border-radius:6px;	


	display:inline-block;


	color:#333;


	font-family:arial;


	font-size:15px;


	font-weight:bold;


	padding:6px 12px;


	text-decoration:none;


}.sliver_btn:hover {


	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EB856A), color-stop(1, #EB856A) );


	background:-moz-linear-gradient( center top, #EB856A 5%, #EB856A 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#EB856A', endColorstr='#EB856A');


	background-color:#EB856A;


}.sliver_btn:active {


	position:relative;


	top:1px;


}


/*purple button*/


	.purple_btn {


	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;


	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;


	


	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #EB856A), color-stop(1, #EB856A) );


	background:-moz-linear-gradient( center top, #EB856A 5%, #EB856A 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5d139', endColorstr='#ceed46');


	background-color:#EB856A;


	-moz-border-radius:6px;


	-webkit-border-radius:6px;


	border-radius:6px;


	border:1px solid #dcdcdc;


	display:inline-block;


	color:#444444;


	font-family:arial;


	font-size:15px;


	font-weight:bold;


	padding:6px 12px;


	text-decoration:none;


	


}





.purple_btn:hover {


	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );


	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );


	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');


	background-color:#dfdfdf;


}





.purple_btn:active {


	position:relative;


	top:1px;


}








/*Atul css starts*/


.Tables


	{


	    width:100%;  


	    font-family:Calibri ;


	    font-size:15px;	    


	    background-color:White;


	    padding:10px;


	    color:#333333;


	    


	  }


	  .Tables td


	  {


	      padding:5px;


	      padding-left:15px;


	        


	      }


	  .Tables th


	  {


	         


	     }


	     


	     


.wpcf7-text 


{


        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.27);


    border-radius: 5px 5px 5px 5px;


    background: none repeat scroll 0 0 #FFFFFF;


    border: 2px solid #C9C9C9;


    color: #303034;


    font-family: Verdana,Geneva,sans-serif;


    font-size: 11px;


    font-weight: normal;


    height: 25px;


    margin-bottom: 4px;


    padding-left: 5px;


    width: 260px;


}





.wpcf7-text-too-small 


{


     background: none repeat scroll 0 0 rgba(255, 255, 255, 0.27);


    border-radius: 10px 0px 0px 10px;


    background: none repeat scroll 0 0 #FFFFFF;


    border: 1px solid #C9C9C9;


    color: #303034;


    font-family: Verdana,Geneva,sans-serif;


    font-size: 11px;


    font-weight: normal;


    height: 27px;    


    padding-left: 5px;


    width: 45px;


}


.wpcf7-Midium-text 


{


        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.27);


    border-radius: 5px 5px 5px 5px;


    background: none repeat scroll 0 0 #FFFFFF;


    border: 2px solid #C9C9C9;


    color: #303034;


    font-family: Verdana,Geneva,sans-serif;


    font-size: 11px;


    font-weight: normal;


    height: 25px;


    margin-bottom: 4px;


    padding-left: 5px;


    width: 150px;


}


.wpcf7-Small-text 


{


        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.27);


    border-radius: 5px 5px 5px 5px;


    background: none repeat scroll 0 0 #FFFFFF;


    border: 2px solid #C9C9C9;


    color: #303034;


    font-family: Verdana,Geneva,sans-serif;


    font-size: 11px;


    font-weight: normal;


    height: 25px;


    margin-bottom: 4px;


    padding-left: 5px;


    width: 123px;


}


.wpcf7-Search-text 


{


      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.27);


    border-radius: 5px 5px 5px 5px;


    background: none repeat scroll 0 0 #FFFFFF;


    border: 2px solid #C9C9C9;


    color: #303034;


    font-family: Verdana,Geneva,sans-serif;


    font-size: 11px;


    font-weight: normal;


    height: 25px;


    margin-bottom: 4px;    


    width: 300px;


    padding:2 2 2 5 !important;


   


}





#gbqfbwa .gbqfba {


    margin: 16px 8px;


}


.gbqfba {


    background-color: #F5F5F5;


    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);


    cursor:crosshair;


}


.gbqfba, .gbqfbb {


    border: 1px solid rgba(0, 0, 0, 0.1);


    color: #000 !important;


    font-size: 11px;


}


.gbqfb, .gbqfba, .gbqfbb {


    -moz-user-select: none;


    border-radius: 2px 2px 2px 2px;


    cursor: default !important;


    display: inline-block;    


    height: 29px;


    line-height: 29px;


    min-width: 58px;


    padding: 0 8px;


    text-align: center;


    text-decoration: none !important;


    width:111px;


    font-family:Calibri;


}





.gbqfba:hover {


    background-color: #59BA6D !important;


    background-image: -moz-linear-gradient(center top , #59BA6D, #59BA6D);


    cursor:crosshair;


    color: #fff !important;


    


}





/*Added by chavda atul 18-jun---------------Start*/





#gbqfbwa1 .gbqfba1 {


    margin: 16px 8px;


}


.gbqfba1 {


    background-color: #F5F5F5;


    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);


    cursor:crosshair;


}


.gbqfba1, .gbqfbb1 {


    border: 1px solid rgba(0, 0, 0, 0.1);


    color: #000 !important;


    font-size: 11px;


}





.gbqfb1, .gbqfba1, .gbqfbb1 {


    -moz-user-select: none;


    border-radius: 2px 2px 2px 2px;


    cursor: default !important;


    display: inline-block;    


    height: 29px;


    line-height: 29px;


    min-width: 58px;


    padding: 0 8px;


    text-align: center;


    text-decoration: none !important;


    width:111px;


    font-family:Calibri;


    font-size:14px;


}


.gbqfba1:hover {


    background-color: #59BA6D !important;


    background-image: -moz-linear-gradient(center top , #59BA6D, #59BA6D);


    cursor:crosshair;


    color: #fff !important;


    


}





#gbqfbwaCA .gbqfbaCA {


    margin: 16px 8px;


}


.gbqfbaCA {


    background-color: #62C176;


    background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);


    cursor:crosshair;


}


.gbqfbaCA, .gbqfbbCA {


    border: 1px solid rgba(0, 0, 0, 0.1);


    color: #000 !important;


    font-size: 11px;


}





.gbqfbCA, .gbqfbaCA, .gbqfbbCA {


    -moz-user-select: none;


    border-radius: 2px 2px 2px 2px;


    cursor: default !important;


    display: inline-block;    


    height: 29px;


    line-height: 29px;


    min-width: 58px;


    padding: 0 8px;


    text-align: center;


    text-decoration: none !important;


    width:111px;


    font-family:Calibri;


    font-size:14px;


}


.gbqfbaCA:hover {


    background-color: #5AB16C !important;


    background-image: -moz-linear-gradient(center top , #EB856A, #E47E63);


    cursor:crosshair;   


}


.forget-pass


{


    color:#fff;


    font-size:12px; 


       padding-right: 160px;


    


}


.forget-pass a 


{ text-decoration:none;color:#fff;


    font-size:12px; }


    


    .forget-pass a:hover


{ text-decoration:none;color:#4A9659;


    font-size:12px; }


    


/*Added by chavda atul 18-jun------------------End*/








.assistive-text


{   


    font-family:Calibri;


    font-size:16px; 


    color:#333333; 


    padding-left:10px;


}











.navigation-all {


    position: absolute;


    top: 100px;


    width: 100%;


    z-index: 100;


}


.navigation {


    margin: 0 auto;


    position: relative;


    width: 960px;


    z-index: 55;


}


.navigation .main-nav {


    float: left;


    padding: 5px 0 0;


    width: 240px;


}


.navigation .user-nav {


    float: right;


    padding: 15px 0 0;


    width: auto;


}


.navigation .main-nav li {


    background-position: -739px -290px;


    float: left;


    font-size: 16px;


    padding: 0 12px 10px 13px;


    position: relative;


}


.navigation .main-nav li:first-child {


    background-position: -15px -54px;


}


.main-top-nav {


    width: 215px;


}


.main-nav li.main-top-nav a.allstore, .main-nav li.main-top-nav a.allstore:hover {


    color: #744A0E;


    display: block;


    font-size: 20px;


    margin: 5px 0 0 9px;


}


.navigation .main-nav li a {


    color: #882868;


    text-decoration: none;


}


.navigation .main-nav li a > span.megamenuarrow {


    background-position: -393px -62px;


    display: inline-block;


    height: 23px;


    position: absolute;


    right: 20px;


    width: 10px;


}


.navigation .main-nav li a:hover > span.megamenuarrow {


    background-position: -376px -62px;


}


.navigation .main-nav li a span.department-arrow {


    background-position: -265px -62px;


    height: 15px;


    padding: 0 21px 10px 0;


    position: absolute;


    right: 15px;


}


.navigation .main-nav li a:hover {


    color: #FAE5A9;


}


.navigation .main-nav li.sub-nav-active a:hover {


    color: #FAE5A9;


}


.navigation .main-nav li .sub-nav-1 {


    -moz-border-bottom-colors: none;


    -moz-border-left-colors: none;


    -moz-border-right-colors: none;


    -moz-border-top-colors: none;


    background-color: #FFFFFF;


    border-color: -moz-use-text-color #95387E #95387E;


    border-image: none;


    border-right: 1px solid #95387E;


    border-style: none solid solid;


    border-width: medium 1px 1px;


    box-shadow: 2px 2px 10px #888888;


    display: none;


    left: 0;


    min-height: 410px;


    padding-top: 5px;


    position: absolute;


    top: 34px;


    width: 238px;


    z-index: 54;


}


.navigation .main-nav li .sub-nav-1 ul {


    float: left;


    padding: 8px 0 21px 18px;


    width: 220px;


}


.navigation .main-nav li .sub-nav-1 li {


    background: none repeat scroll 0 0 transparent;


    float: none;


    font-size: 12px;


    line-height: 32px;


    padding: 0;


    position: static;


}


.navigation .main-nav li .sub-nav-1 li:first-child a {


    border-top: medium none !important;


}


.navigation .main-nav li .sub-nav-1 li a {


    border-top: 1px dotted #E3DFE0;


    display: block;


    font-size: 13px;


    font-weight: bold;


    width: 200px;


}


.navigation .main-nav li .sub-nav-1 li.sub-nav-active a, .navigation .main-nav li .sub-nav-1 li.sub-nav-active > a:hover {


    color: #DF7620;


    display: block;


}


.navigation .main-nav li .sub-nav-1 li.sub-nav-active > a:hover {


    text-decoration: underline;


}


.navigation .main-nav li .sub-nav-1 li:hover {


    background-color: #FFFFFF;


}


.navigation .main-nav li .sub-nav-1 img {


    margin: 0 10px;


    vertical-align: middle;


}


.navigation .main-nav li .sub-nav-1 li:first-child {


    border: 0 none;


}


.navigation .main-nav li .sub-nav-1 .view-more {


    color: #DF7620;


    text-decoration: none;


}














.cart-div-main


{


    height:40px;        


    border-radius: 5px 5px 5px 5px;


    float: right;


    list-style: none outside none;


    margin: 0px 0 0;


    width:965px;


    font-family:Calibri;   


   


}








.headerProduct


 {


     


    padding: 10px;


    background-color:#59BA6D;    


    height:25;


    font-size:16px; 


      


 }


 


 .SiteMapNavigation


 {


    font-size: 16px;


    height: 25px;


    padding: 5px 5px 5px 30px;


    text-align: left; 


  }


  


  .SiteMapNavigation a


 {


    text-decoration:none;


    color:#124163;


    font-size:18px;        


     


 }


 .Price


 {


    font-size:24px;


    color:Red;    


     


 }


 


 .rating


 {


     


   background:url(../images/rating.png) no-repeat scroll 0 0 transparent;


   height:25px;


   width:250px;  


   margin:10px; 


     


 }


 


/*Atul css over*/


/*Pages Css starts*/


.signup-content{


	text-align:center;	


}


.signupform-container{


	text-align:left;


	display:inline-block;


	*display:inline;


	zoom:1;


	background:#fff;


	border:1px solid #124163;


	margin:0 auto;


	-moz-border-radius:6px;


	-webkit-border-radius:6px;


	border-radius:6px;


	margin-bottom:20px;


	width:760px;


}


.signup-title{


	background:#124163;


	color:#fff;


	text-align:center;


	padding:5px 0;	


	margin-bottom:10px;


}


.signupform{


	padding:0 20px 10px 20px;


}


.signupform label{


	min-width:110px;	


	display:inline-block;


	*display:inline;


	zoom:1;


}


.signupform input[type="text"]{


	min-width:210px;


}


.Next


 {


     background:url(../images/next.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}


 .Next:hover


 {


     background:url(../images/NextOver.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}


.Prev





 {


     


     background:url(../images/nextPriv.jpg) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}





.Prev:hover





 {


     


     background:url(../images/Prev.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}





.close





 {


     


     background:url(../images/close.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left; 


     margin-top:10px; 


     margin-left:35%


     


}


.all-icone


{


    width:100%;


    text-align:center;  


    margin-left:30%; 


    padding-top:2%;


 }


.close:hover





 {


     


     background:url(../images/closeOver.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}





.Content





 {


     


     background:url(../images/content.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left; 


     margin-top:10px; 


     


}


.zoomicont





 {


     


     background:url(../images/zoomin.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}





.zoomout





 {


     


     background:url(../images/zoomout.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}


.Scissor





 {


     


     background:url(../images/Scissors.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}





.Pen





 {


     


     background:url(../images/blue-pencil.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}











.Content:hover





 {


     


     background:url(../images/contentOver.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}


.nextPriv


{


    float:right;   


 }


.Next


 {


     background:url(../images/next.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}


 .Next:hover


 {


     background:url(../images/NextOver.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}


.Prev





 {


     


     background:url(../images/nextPriv.jpg) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}





.Prev:hover





 {


     


     background:url(../images/Prev.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}





.close





 {


     


     background:url(../images/close.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left; 


     margin-top:10px; 


     margin-left:35%


     


}


.all-icone


{


    width:100%;


    text-align:center;  


    margin-left:30%; 


    padding-top:2%;


 }


.close:hover





 {


     


     background:url(../images/closeOver.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}





.Content





 {


     


     background:url(../images/content.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left; 


     margin-top:10px; 


     


}


.zoomicont





 {


     


     background:url(../images/zoomin.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}





.zoomout





 {


     


     background:url(../images/zoomout.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}


.Scissor





 {


     


     background:url(../images/Scissors.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}





.Pen





 {


     


     background:url(../images/blue-pencil.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:37px;


     float:left; 


     margin-top:5px;


  


     


}











.Content:hover





 {


     


     background:url(../images/contentOver.png) no-repeat scroll 0 0 transparent;     


     width:35px;


     height:35px;


     float:left;


}


.nextPriv


{


    float:right;   


 }








/*	Retina (HiDPI) Display


    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html


-------------------------------------------------------------- */


@media 


	only screen and (-moz-min-device-pixel-ratio:1.5), 


	only screen and (-o-min-device-pixel-ratio:3/2), 


	only screen and (-webkit-min-device-pixel-ratio:1.5), 


	only screen and (min-device-pixel-ratio:1.5) {





	body {}


}





/* =Responsive (Mobile) Design


-------------------------------------------------------------- */





@media screen and (max-width: 980px) {





}





@media screen and (max-width: 650px) {





}


@media screen and (max-width: 800px){


#logo,


.top-links,


.top-right{


	float:none;


	width:100%;


	margin:0;


	text-align:center;


}


.top-right{


	padding-top:0;


	padding-right:5px;


	margin-bottom:1em;


}


.login-form{


	max-width:440px;


	margin:0 auto;


}


.close-login{


	bottom:10px;


	right:15px;


	top:auto;


	font-size:22px;


}


.login-form input[type="text"],


.login-form input[type="password"]{ 


	width:120px;


}





.sidebar-container{


	float:none;


	width:100%;	


}


div.latest-news{


	margin-bottom:1em;	


}


div.latest-news ul li{


	min-height:35px;


}


.testimonial-container{


	width:100%;


	overflow:hidden;


	padding:0;


}


.testimonials{


	width:9999px;


}


.footer-container{


	background:#20597e;


}


.footer-column {


	width:30%;


	float:left;


	padding:0 1%;	


}


.footer-logo-social{


	float:left;	


}


.mobile-only-seperator{


	display:block;


	clear:both;	


}


}





@media screen and (max-width: 480px) {


img{


	max-width:100%;


}


#logo,


.top-links,


.top-right{


	float:none;


	width:100%;


	margin:0;


	text-align:center;


}


.top-right{


	margin-bottom:10px;


	padding-top:5px;


}


.login-form input[type="text"],


.login-form input[type="password"]{ 


	width:120px;


}


.close-login{


	bottom:10px;


	right:15px;


	top:auto;


	font-size:22px;


}


.boxes{ text-align:center; }


.box{


	float:none;


	text-align:left;


	margin:0 auto 10px auto;


}


.sidebar-container{


	float:none;


	text-align:center;


	margin:10px auto;


}


.latest-news{


	text-align:left;


}


.testimonial-container{


	text-align:center;


	margin-top:10px;


}


/*


.testimonial-container .testimonial{


	margin:5px auto;


	text-align:left;


	float:none;


	display:block;


}


*/


.footer-container{


	background:#20597e;


}


.footer-column {


	width:89%;


	float:none;


	padding:5px 5%;


	border-bottom:1px solid #fff;


}


.footer-logo-social{


	float:none;


	text-align:center;


	margin:0 auto;


	padding-top:10px;


}


.main-navigation{


	text-align:center;	


}


.main-navigation select{


	width:90%;


	margin:5px auto;


	padding:5px;


}


}





@media screen and (max-width: 320px) {


.login-form input[type="text"],


.login-form input[type="password"]{ 


	width:90%;


	display:block;


	margin:0 auto 5px auto;


}


.main-navigation{


	text-align:center;	


}


.main-navigation select{


	width:90%;


	margin:5px auto;


	padding:5px;


}


}





@media screen and (max-width: 240px) {





}











/*-----------------Sign Up Start----------------*/





.cours-info


{


  


    float: left;    


    background-color: #f5f5f5;


    border-radius: 10px 10px 10px 10px;


    border: 1px solid #e3e3e3;    


   margin: 5px 5px 5px 15px;


    padding: 10px;


    width: 93%;


 }


 





 


 .cours-info:hover


{


      


    background-color: #fff;


 


 }


 


 .cours-info textarea


 {


  


   border: 1px solid #CCCCCC;


    border-radius: 6px 6px 6px 6px;


    padding: 6px;  


    min-width: 210px;


 }


 .cours-info input


 {


    min-width:208px;    


 }


  .payment-info


  { 


    margin: 5px 5px 5px 15px;


    float: left;    


    background-color: #f5f5f5;


    border-radius: 10px 10px 10px 10px;


    border: 1px solid #e3e3e3;    


    padding:10px;


    


    width:93%;


    


    


   }


    


     .payment-info:hover


     {background-color: #fff;}





.cours-info td


{


    width:35%;


}


 .payment-info td


{


    width:35%;


}


.title-sug


{


    margin: 5px 5px 5px 15px;


    float: left;    


    background-color: #59ba6d;


    border-radius: 10px 10px 10px 10px;


    border: 1px solid #e3e3e3;    


    padding:5px;    


    width:94%; 


     color:#f5f5f5;   


}


.Step-sug


{ 


   


    float: left;    


    background-color: #f5f5f5;


    border-radius: 100px 100px 100px 100px;


    border: 1px solid #e3e3e3; 


    font-weight:bold; 


    min-height:20px;


    min-width:25px;


    text-align:center;


    vertical-align:middle;


    padding-top:5px; 


     color:#000 !important;  


  


}


.Step-sug:hover


{background-color: #e3e3e3;}


.text-sug


{


    padding:5px 5px 5px 5px; 


    margin-left:35px;  


 }


 /*-----------------Sign Up End----------------*/


 


 


.right-side-content


{


    float: left;


    padding: 10px;


    width: 77%;


    height: auto;


    margin-left: 20px;


    margin-top: 3px;


    ackground-clip: padding-box;


    background-color: #FFFFFF;


    border: 1px solid rgba(0, 0, 0, 0.2);


    border-radius: 6px 6px 6px 6px;


    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);


    text-align: -moz-left;


    text-align: left;


}


.right-side-content table


{


    width:100%;   


    border:1px solid #e9e9e9; 


   


}





.right-side-content td


{


    padding:10px;


      border:1px solid #e9e9e9;   


      


    


}





.right-side-content tr:hover


{


  background-color: #e9e9e9;    


    


}


#td:hover


{


     background-color: #98F1AA; 


}


#td1:hover


{


     background-color: #3CAAFA; 


}


#chk-style


{


      


 }


 #chk-style input


{


      min-width:25px !important; 


 }


 #chk-style td


 {


    width:8% !important;


    padding:5px;


 }








.cours-info-button


{


  


    float: left;    


    background-color: #f5f5f5;


    border-radius: 10px 10px 10px 10px;


    border: 1px solid #e3e3e3;    


   margin: 5px 5px 5px 15px;


    padding: 10px;


    width: 93%;


    text-align:center;


 }


 





 


 .cours-info-button:hover


{


      


    background-color: #fff;


 


 }