@charset "utf-8";
/* CSS Document */
a:focus{ border: none; -moz-outline: none; outline: none; }
hr{ color:#F5F5F5; border:0px; border-bottom:1px solid #F5F5F5; margin:0px; padding:0px; height:1px;}
img{border:0px;}
ul, li{ margin:0; padding:0; list-style:none}
.imgA{ vertical-align:middle;}
a:link,a:active, a:visited{color:#666;text-decoration:none; cursor:pointer;}
a:hover{color:#000}
html, body.home{background:url(../images/bodybg.jpg) repeat-x left top}
html, body{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333; height:100%; margin:0; padding: 0; background:url(../images/herobg.jpg) repeat-x top left;}

ul,li {list-style:none}

#maindiv{position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:auto;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	padding:0px 7px 0px 7px;
	}
#divIE6Msg{width:934px; margin:0 auto; color:#FFF; position:absolute; padding-top:5px}
#divIE6Msg a {color:#FFF}
/*HEADER PART Start*/
#hpart{height:123px;  width:934px; margin:0 auto}
#subnav{ float:right; text-align:right; padding:7px 0px 7px 0px }
#subnav input{font-size:11px; float:left; margin:4px 2px; background:#464646; border:#6f6f6f 1px solid; padding:3px; color:#dfdfdf}
#subnav a { color:#dfdfdf; font-size:11px; padding: 0 10px 0 0 }


#logopart {width:100%; background:url(../images/logopartbg.jpg) no-repeat right top; float:left; margin-top:4px; height:94px; padding:0}
#logopart #sap {background:url(../images/serchleftbg.png) no-repeat left top; height:49px; width:20px; float:left; margin-left:120px}
#logopart h3{float:left;  margin:30px 0 0 0px; padding:0}
#logopart h3 a {background:url(../images/logo.png) no-repeat left top; display:block; text-indent:-9999em; overflow:hidden; float:left; width:505px; height:42px;} 

#dropsha { background:url(../images/shadowbg.png) no-repeat center top; min-height:400px;  margin:0; padding:0 }
#navwrap {  padding: 0; width:934px; margin:0 auto;}
ul#topnav {  padding: 0; list-style:none; width:934px; background:url(../images/navbg.jpg) repeat-x top left; float:left; height:40px; margin:0}
ul#topnav li {float:left;}
ul#topnav li.lastbox { width:362px; float:right}
ul#topnav a{ padding:10px 20px; float:left; text-decoration:none; height:20px; color:#fff; cursor:pointer; font-size:16px; font-family:"Arial Narrow" }
ul#topnav a:hover {background:url(../images/navbghov.jpg) repeat-x top left; color:#161616}
ul#topnav a.selected {background:url(../images/navbghov.jpg) repeat-x top left; color:#161616}

ul#shoping{ float:right; background:url(../images/shoploginbg.png) no-repeat left 3px; width:308px; padding:7px 0px 7px 0px ;}
ul#shoping li { padding-left:12px; float:left}
ul#shoping li a { font-weight:bold; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:12px  12px 12px 35px; }
ul#shoping li a.shopico{ background:url(../images/shopico.png) no-repeat left center; padding-left:25px}
ul#shoping li a:hover.shopico, ul#shoping li a:hover.loginico {color:#ccc}
ul#shoping li a.loginico{ background:url(../images/loginico.png) no-repeat left center; padding-left:25px }
ul#shoping li input{font-size:11px; float:left; margin:4px 2px; background:#464646; border:#6f6f6f 1px solid; padding:3px; color:#dfdfdf}
ul#shoping li .button {color:#d1d4de; border:0px solid #525252; background:#303B50 url(../images/btn-bg.gif) repeat-x top left; 
padding:2px; *padding:5px 2px 3px 2px ; font-size:11px; cursor:pointer; font-weight:600; line-height:10px}


/*Middle part include left and content*/


#mpart.mparthome { background:none}


#mpart { margin:0 auto; padding:0px 0px 70px 0px; clear:both; color:#444444; width:934px; min-height:474px; background:url(../images/mpartbg.jpg) repeat-y top left #FFF; }
.mpartinner { border:#ccc 1px solid}


#fwmpart { margin:0 auto; padding:0px 0px 70px 0px; clear:both; color:#444444; width:934px; min-height:474px; background:#FFF}

#fwmpart #cpart{width:900px;}

.course {float:left; margin:0; padding:0; }
.course  h3{ background:url(../images/courseheadbg.jpg) no-repeat left top; color:#fff; font-size:16px; font-weight:bold; width:434px; height:28px; padding:2px 0 0 30px; margin:7px 0 0 0}
.midcourse { background:#93B8CB url(../images/coursemidbg.jpg) no-repeat left top; margin:0; padding:0; min-height:198px; width:462px; float:left}
.midcourse h4 {color:#63666b; font-family:"Arial Narrow"; font-size:19px; font-weight:bold; padding:15px 0px 0px 30px; margin:0 0px; background:url(../images/coursearrow.png) no-repeat 5px 19px}
.midcourse h4 span { color:#4f7ead}
.midcourse p { padding:10px 0px 0px 0px ; margin:10px 30px 10px 30px;  border-top:#fff 1px solid; }
.homebuynow {background:url(../images/homebuynow.png) no-repeat left top; width:93px; height:30px; float:right; display:block; text-indent:-9999em; margin:-228px 44px 0 0; z-index:9999;}
.coursebot{ float:left; clear:both; background:url(../images/coursebotbg.jpg) no-repeat left bottom; z-index:0; height:6px; width:462px}


.fix:after, .box:after, .boxD:after, .boxG:after, .boxH:after, .boxI:after  {content: "#"; display: block; clear:both; height:1px; visibility:hidden}

/*Left Part*/

#lpart { width:221px; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
#lpart h3 { font-size:18px; color:#434343; background:url(../images/lpartheadbg.jpg) repeat-x top left; width:200px; height:30px; padding:15px 0 2px 15px; float:left; margin:0px; color:#63666b;  font-family:"Arial Narrow"; font-size:22px; font-weight:normal  }
#lpart h3 span { color:#4f7ead}

ul.leftmenu{ background:url(../images/leftlinkbg.jpg) repeat-x top left; float:left; padding:0 0 0 15px }
ul.leftmenu li { padding:2px 0 0 2px; background:url(../images/lefmenusap.jpg) bottom left repeat-x; float:left; }
ul.leftmenu li:hover { background:#f4f8fa url(../images/lefmenusap.jpg) bottom left repeat-x; }
ul.leftmenu li a {padding:5px 0 5px 13px;  width:181px; float:left; background:url(../images/leftmenuarrow.jpg)no-repeat left 9px; }
ul.leftmenu li a:hover {color:#255792 !important;  }

ul#news h3{ font-size:18px; text-transform:uppercase; color:#c80000; margin:0; padding:0; background:none; border:0; font-weight:bold; padding-left:15px}
ul#news li {margin:0; padding:0; float:left; width:207px; padding:5px 0 5px 15px}
.light {background:#f7f7f7}
.dark { background:#f1f1f1}

/*Content Part*/

/*product list*/
b h2{ color:#4f7ead;  margin:12px 0 0px 0px; padding:0 0 5px 5px; font-size:16px; font-weight:bold; }

#cpart {float:left; padding:0; margin:10px 0px 0px 15px; color:#333; width:684px;}
.cparthome {float:left; padding:0px; margin:0px 0px 0px 0px; color:#333; width:100%;}
#cpart h2 { color:#4f7ead;  margin:12px 0 0px 0px; padding:0 0 5px 28px; font-size:16px; font-weight:bold; background:url(../Images/arrow-h2.gif) no-repeat 15px 7px  }
#cpart p{ padding:0px 25px 0px 28px }
#cpart ul.prodlist { margin:0; padding:0; float:left; width:100%; clear:both; font-size:11px }
#cpart ul.prodlist li { float:left; width:140px; padding:5px; border:#f4f4f4 1px solid; min-height:220px; margin-left:7px }
#cpart ul.prodlist li:hover { border:#ccc 1px solid;}
img.normalimg {width:140px; margin:0px 0px 0px 0px; height:140px; display:inline-block;}
#cpart ul.prodlist li span.probut{ float:left; clear:both; margin:10px 0 10px 0px; width:140px; text-align:center}
#cpart ul.prodlist li span.pricewrap{ float:left; clear:both; text-align:left;}
#cpart ul.prodlist li span.pricewrap a { font-weight:600}
#cpart ul.prodlist li span.pricewrap .price { color:#4f7ead; }



/* forms */
#cpart .cssform{clear:both; padding-top:10px;}
#cpart .cssform p, #cpart .cssform .radiobut{ clear:both; padding-left:245px; text-align:left;}
#cpart .cssform b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-145px; width:135px;}
#cpart .cssform p span{display:inline-block}
#cpart .required b{font-weight:700;}

/* forms */
.cssform{clear:both; padding-top:10px;}
.cssform p, .cssform .radiobut{ clear:both; padding-left:245px; text-align:left;}
.cssform b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-145px; width:135px;}
.cssform p span{display:inline-block}
.required b{font-weight:700;}


/*login*/
.clinetlogin{margin:0px auto; width:470px; height:254px; background:url(../images/loginbg.jpg) no-repeat left top; clear:both}
.clinetlogin .required {float:right; margin:20px 30px 0 0;  clear:both;}
.loginbox{ padding:25px 10px 0 0;  float:left; width:450px }
#cpart .loginbox p{padding-left:155px; width:440px; color:#666; text-align:left; margin:7px 0px; line-height:normal }
.loginbox b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-355px; width:345px;  }
.loginbox span.loginbut{ padding:0; float:left; display:block; clear:both;  margin-left:155px }
.loginbox p a{color:#fff;}
#cpart p.regforgpsw{float:right; border:0; margin:5px 100px 0px 0px; padding:0px }
 
.forgpsw{margin:0px auto; width:470px; height:254px; background:url(../images/loginbg.jpg) no-repeat left top; clear:both}
.forgpsw .required {float:right; margin:20px 30px 0 0;  clear:both;}
.forgpsw h3{font-size:18px; float:left; width:100%; padding:20px 0px 15px 55px ; margin:0}
.forgoinbox{ padding:0px 10px 0 0;  float:left; width:450px }
.forgoinbox p{ padding-left:155px; width:440px; color:#666; text-align:left; margin:10px 0; line-height:normal }
.forgoinbox b{font-weight:400; font-size:12px;  margin-right:10px; text-align:right;  float:left; text-align:right; margin-left:-205px; width:345px;  }
.forgoinbox p.forgpswbut{padding-left:148px}

.imgbg {float:right; margin:0 0 10px 10px; background:url(../Images/aboutuspic.jpg) no-repeat center top; padding:4px;}

.bredcrub { background:url(../images/bradcrubbg.jpg) repeat-x top left; width:708px; margin:0; padding:0; float:left; height:31px; padding:5px 0 5px 14px}
.bredcrub a { font-size:11px; padding:0 7px}

ul.prolist {float:left;}
ul.prolist li a.protitle{ display:block; background:none; clear:both; text-align:center; padding:5px 0; color:c80000; font-weight:bold; color:#c80000; width:175px}
ul.prolist li{ margin:30px 0 0 50px; float:left; width:175px}
ul.prolist dd a.listaddtocart {font-size:11px; background:url(../images/h-addtocart.png) top left no-repeat; padding:2px 7px 3px 5px; margin-top:1px; float:left}


/*product detail*/
#prodview {float:left; margin:10px 0 0 20px}
#prodview img {float:left; border:#dee2e5 1px solid; clear:both}
#prodview a.viewlarge {clear:both; float:left; margin:10px 0 0 120px; background:url(../images/magnify.png) left top no-repeat; padding-left:20px}
#prodview .tumbimg { float:left; clear:both; margin:10px 0 0 -3px}
#prodview .tumbimg a{ float:left; margin-left:8px; }

#detailview { float:right; margin:10px 15px 0 0; width:320px; background:#f5f5f5; min-height:350px}
.detailtop { background:#c80000; width:310px; padding:10px 0 0 10px; float:left}
#detailview h2 { font-size:20px; color:#fff; margin:0 0 5px 0px; padding:0px; font-weight:bold}
#detailview h3{ background:none; width:310px; color:#fff; font-size:16px; clear:both; padding:7px 0 ; margin:0}
.protitle { background:#ddd; padding:10px; clear:both; float:left; width:300px }
ul.prodetdis { margin:15px 0 0 20px; float:left}
ul.prodetdis li { padding:5px 10px 5px 10px ; background:url(../images/leftmenuarrow.jpg) 0px 9px no-repeat; }


ul#member {float:left; width:100%}
ul#member li{float:left; text-align:center; width:22%}


/*Footer Part*/

#fpart {clear:both; margin:0; height:60px; background:url(../images/mainbotbg.jpg) repeat-x top left;  padding:0 0; position:absolute; bottom:0; color:#909090; font-weight:400; width:100%; left:0; text-align:left; font-size:11px;   }
#fpart .infbox{width:930px; margin:0 auto; padding:18px 0 20px 0;  }

.twitter { background:url(../images/twitterbg.png) top left; float:right; width:361px; height:94px; margin:0 0 10px 0 }
.twitter h2 { font-size:16px; padding:12px 0 0 70px}
.twitter p { padding:2px 0 0 70px; width:250px}
#fpart a {font-size:11px; color:#4e88cc; padding:0 3px;  }
#fpart a.sub { background:url(../images/subscribeico.jpg) left center no-repeat; padding:25px; color:#333; height:30px; margin:20px 0 0 0}
#fpart a:hover{color:#255792}

.copywrap {border-top:#ccc 1px solid; padding:10px 0 10px 0; margin:0px 0 0 0; float:left; width:920px}
#fpart .copyright{ color:#c1c2c4;}
#fpart .copyright a {font-size:11px; color:#c1c2c4;}
/* General Class */
.clear{clear:both}
.left{float:left}
.right{float:right}
.PL22{padding-left:22px}
.PR30{padding-right:30px}
.PL10{padding-left:10px}
.PL28{padding-left:28px}
.PL5{padding-left:5px}
.PR5{padding-right:5px}
.PR10{padding-right:10px}
.PT10{padding-top:10px}
.PT5{padding-top:5px}
.PT15{padding-top:15px}
.Pall{padding:6px 10px 4px 0}
.PT8{padding-top:8px}
.PT5{padding-top:5px}
.MT10{margin-top:10px}
.mt5{margin-top:5px}
.padding{padding:6px;}
.alinc{text-align:center;}
.txtbig{font-size:24px; padding:10px;}
.rounded {text-decoration: none; background:#868686; }


.smalltext { font-size:10px; }
.bigtext { font-weight:bold; color:#ff8000; font-size:12px; }
.error { color:#FF0000; font-weight:bold; margin:0 auto; text-align:center; display:block }
.red { color:#FF0000; }
.success { color:#3F8600; font-size:12px; font-weight:bold; }
.hlight { color:#4f7ead; }


.justify { text-align:justify; }
.lineheight { line-height:17px; }

/* form part styles */
form { margin:0px; padding:0px; }
input, select, textarea { font-size:12px; color:#6b6b6b; font-family:Tahoma,Arial; border:1px solid #8cb3c7; padding:3px; }



/* shopping cart body area and boxies styles */
.tableborder { border:1px solid #cccccc; }
.allborder { background:#CFD0D1; }
.fieldheader { background:url(../images/inc-banner-bg.gif) repeat-x center; color:#0c0c0c; height:25px; font-weight:bold; }
.fieldheader a { color:#333333; text-decoration:underline; }
.fieldheader a:hover { color:#0479DC; text-decoration:none; }

.lightbg { background:#fff; }
.darkbg { background:#EDEDED; }
.selectbg { background:#DDF3FF; }
.whitebg { background:#FFFFFF; }
.subheading { color:#4f7ead; font-weight:bold; }

.paging {  }
.paging a:link, .paging a:visited, .paging a:active { color:#05567F; text-decoration:underline; font-weight:bold; }
.paging a:hover { color:#666666; text-decoration:none; }

.button {color:#fff; border:1px solid #525252; background:#303B50 url(../images/btn-bg.gif) repeat-x top left; 
padding:2px; *padding:5px 0px 3px 0px ; font-size:11px; cursor:pointer; font-weight:600; line-height:10px}

p{margin:8px 3px 3px 0px; text-align:justify; line-height:18px; clear:both}
p.dec{ font-size:12px;} 

h1 { font-size:22px; color:#63666b; font-family:"Arial Narrow"; margin:8px 0px; padding:0px 0px 5px 20px; background:url(../images/arrowicon.png) no-repeat left; border-bottom:1px dotted #828995; margin:3px 0px 20px 0px; font-weight:300; clear:both; float:left; width:97%}
h2 {margin:0px; font-size:16px; font-weight:normal; color:#333; float:left; padding:15px 0 7px 0; display:block; float:left; clear:both}
h4 {margin:0px; font-size:16px; font-weight:bold; padding:0px; color:#eb7c16}
h5 {margin:0px; font-size:18px; font-weight:normal; padding-top:5px; color:#eb7c16; font-family:Trebuchet MS; text-transform:uppercase}
h5 span{color:#333333;}
.bnone{background:none;}
.bnone{background:none;}
.hline { background:url(../images/hline.gif) repeat-x center; }
.vline { background:url(../images/vline.gif) repeat-y center; }
.textheding { font-size:14px; color:#4f7ead; font-family:Arial, Helvetica; font-weight:bold; padding-bottom:12px }





/* Images styles */
.thumimg { background:url(../images/product-detail-small.gif) no-repeat; width:45px; }
.prodisimg {height:126px;}

.bigimg { width:155px; }
.leftheader { color:#63666b; font-family:"Arial"; font-size-adjust:none; font-stretch:normal; font-size:15px; height:31px; margin:0; padding-bottom:3px; padding-left:5px; background:#d9e6ee; font-weight:normal}
.lefthlight { color:#FF0099; }

/* Popup window class */
.popheader { background:url(../images/bodybg.png) repeat-x top left; height:86px; margin:0px; padding:0px }

.scroll { 
	height:150px;
	width:165px;
	overflow:auto;
	padding:3px;
	background:#FFFFFF;
	SCROLLBAR-FACE-COLOR: #dce0e2; 
	SCROLLBAR-SHADOW-COLOR: #687888; 
	SCROLLBAR-3DLIGHT-COLOR: #687888; 
	SCROLLBAR-ARROW-COLOR: #6e7e88; 
	SCROLLBAR-DARKSHADOW-COLOR: #dce0e2;	
}

/* Large Image */
#larghpart{  padding:20px; margin:0;}
#largfpart{ background:#F9FBFC url(../images/inc-footer-middle.gif) left top repeat-x; height:10px; padding-top:15px; margin:10px auto; text-align:center; font-size:11px }



/*Slider*/
	/* Required */
	.container { width:934px; height:440px; overflow:hidden; position:relative; /*cursor:pointer;*/ background:#F2F2F2 url(../images/slidebg.jpg) left bottom repeat-x }
	.container h1 { background:none; border:none; color:#585859; margin:20px 0 15px 0; padding:0; font-weight:600; font-size:28px; width:100% }
	.org{color:#ff6600}
	.blue{ color:#396ea4}
	.container P.bigtxt{ font-size:18px; font-weight:bold; line-height:23px; color:#000}
/*	ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0;   }*/
	ul.slides { position:absolute; top:0; list-style:none; padding:10px 30px; margin:auto;   }
	.slides li { position:absolute; top:0; width:815px; display:none; padding:10px 60px; margin:0; }
	/* Optional */
	#loopedSlider,#newsSlider {  width:900px; position:relative; clear:both; }
	.slides li { padding-bottom:20px; }
	a.previous{ background:url(../images/prvico.png); float:left; text-indent:-9999em; height:123px; width:36px; display:block; margin-top:70px}
	a.next{ background:url(../images/nexicon.png); float:right; text-indent:-9999em; height:123px; width:36px; display:block; margin-top:70px}
	ul.pagination { list-style:none; padding:0; margin:0; }
	ul.pagination li  { float:left; }
	ul.pagination li a { padding:2px 4px; }
	ul.pagination li.active a { background:blue; color:white; }


/* SITE MAP */
ul.sitemap{ background:none; margin:0 0 ; padding:0px 0 0px; color:#000}
ul.sitemap li{ float:left; padding:18px; height:140px; line-height:18px; min-width:127px}
ul.sitemap li strong{margin:8px 0 0; display:block;}
ul.sitemap li span{text-transform:uppercase; display:block; margin:0 0 8px; font-weight:bold; color:#3a6a81; font-size:13px }