/*	-------------------------------------------------------------
	Project Name
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated       07-07-2009
	-------------------------------------------------------------


/*	-------------------------------------------------------------
	. Online Sold Main Portal
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { color:#164978; text-decoration:none; outline:none; }
a:hover { color:#397ebe; text-decoration:none; }
img { border:none; }
h1, h2, h3, h4, h5, h6, p { padding-bottom:5px; }
h1, h2, h3, h4, h5, h6 {  color:#185186; font-weight:100; display:block; clear:both; position:relative;}
h1 { font-size:34px; border-bottom:1px solid #e5e5e5; margin-bottom:24px;  }
.Harabara{ font-family:Harabara; font-weight:700;}
h2 { font-size:38px; }
h3 { font-size:28px; }
h4 { font-size:20px; }
h5 { font-size:14px; }
h6 { font-size:11px; }



/*Clear*/
.clear{ font-size:1%; clear:both;}
body{ font:12px Arial, Helvetica, sans-serif; color:#000; background:url(images/bg.gif) repeat-x bottom; height:800px; min-height:800px; height:auto !important  }

.Left{ float:left; display:inline;}
.Right{ float:right; display:inline;}
.Graybg{background:#e3e3e3;}
.TextBox{ padding:0 15px}
.Line{ background:url(images/line.gif) repeat-x bottom; display:block; clear:both; height:1px;  }
.NegativeTop{ margin-top:-4px;}
.Last{ background:none; border:none;}

.Headbg{ background:url(images/head_bg.gif) repeat-x;}
.Layout{ display:block; position:relative; width:1000px;  margin:0 auto}
.Header{ display:block; height:150px; position:relative;}
.Header .Logo{ display:block; position:absolute;left:10px; top:23px;height:75px; width:373px;}
.Header .Logo a{ display:block; height:75px; width:373px; background:url(images/online_expos.jpg) no-repeat; text-indent:-9999px;}
.Online{ position:absolute; right:90px; top:25px;}

.MainNav{ display:block; position:absolute; top:115px; z-index:30; left:-21px}
.MainNav ul{ list-style:none; display:block;}
.MainNav ul li{ display:inline; float:left; background:url(images/list_item.gif) no-repeat right; z-index:5;}
.MainNav ul li a{ display:block; float:left; padding: 8px 30px; font-size:16px; color:#FFF; height:19px}
.MainNav ul li a{ display:block; float:left; padding: 8px 30px; font-size:16px; color:#FFF; height:19px}
.MainNav ul li a:hover{ color:#FFF;}
.MainNav ul li aActive{ background:#0a2036; color:#FFF;}

.HoverEffect{ background:#0a2036; height:34px; position:absolute; z-index:10; width:130px; top:115px;}

.Main{ display:block;  padding-bottom:50px;}
.Contents{ width:750px; padding:22px 0 10px 10px;}
.Contents ul, .Contents ol{ padding:15px;}
.Contents ul li, .Contents ol li{ padding:4px 0;}

.Sidebar{ width:232px; overflow:hidden;}

/*Contents and Typography*/
.DemoFeatures{ display:block;}
.DemoFeatures .Graybg{ padding:10px 60px 15px 190px; width:500px; margin:15px 0; position:relative; min-height:100px; height:auto!important; height:100px;}
.DemoFeatures .Graybg .Remote{ position:absolute; left:30px; top:-8px}
.DemoFeatures h2{ display:block; background:url(images/demo_features_of_expos.gif) no-repeat; width:492px; height:34px; text-indent:-9999px; }

/*Roundedbox*/
.RoundedBox{  display:block;border:1px solid #ccc; }

/*Main Slider*/
.Slider{ width:740px; display:block; height:140px; margin:30px 0; position:relative; background:#fcfcfc;}
.Slider .SlideLeft a{ width:39px; display:block; text-indent:-9999px; position:absolute; left:15px; top:50px; height:37px; background:url(images/slide_left.gif) no-repeat top;}
.Slider .SlideLeft a:hover, .Slider .SlideLeft a.Active{ background-position:bottom;}
.Slider .SlideRight a{ width:39px; display:block; text-indent:-9999px; position:absolute; top:50px; right:15px; height:37px; background:url(images/slide_right.gif) no-repeat top;}
.Slider .SlideRight a:hover, .Slider .SlideRight a.Active{ background-position:bottom;}
.Slider .SliderContainer{ display:block; width:585px; overflow:hidden; margin:0 auto}

.stepcarousel { position: relative; overflow: scroll; width: 270px; height: 120px; }
.stepcarousel .belt { position: absolute;  left: 0; top: 0; }
.stepcarousel .panel { float: left;overflow: hidden;  }

.Slider .stepcarousel .boxable { padding:20px 40px 0 0; width:165px; }


/*Small Slider*/
.SmallSlider{ width:740px; display:block; height:130px; margin:20px 0; position:relative; background:#fcfcfc;}
.SmallSlider .SlideLeft a{ width:39px; display:block; text-indent:-9999px; position:absolute; left:137px; top:52px; height:26px; background:url(images/small_slideleft.gif) no-repeat top;}
.SmallSlider .SlideLeft a:hover, .SmallSlider .SlideLeft a.Active{ background-position:bottom;}
.SmallSlider .SlideRight a{ width:39px; display:block;text-indent:-9999px; position:absolute; top:52px;right:5px; height:26px; background:url(images/small_slideright.gif) no-repeat top;}
.SmallSlider .SlideRight a:hover, .SmallSlider .SlideRight a.Active{ background-position:bottom;}
.SmallSlider .SliderContainer{ display:block; width:585px; overflow:hidden; margin:0 auto}
.SliderName{ position:absolute; width:115px; left:20px; top:15px;}
.SmallSlider .stepcarousel { position: relative; overflow: scroll; width: 525px; height: 120px; left:70px; }
.SmallSlider .stepcarousel .belt { position: absolute;  left: 0; top: 0; }
.SmallSlider .stepcarousel .belt a{  width:165px;}
.SmallSlider .stepcarousel .panel { float: left;overflow: hidden;   }
.SmallSlider .stepcarousel .boxable { padding:10px 10px 0 0; }

.FAQS{ width:725px; margin:50px 0 25px 0; background:url(images/line.gif) repeat-y 370px;}
.Num{ background:#d4d4d4; width:38px; height:32px; padding-top:8px; display:block; font-size:18px; text-align:center; color:#185186; position:absolute; left:0; top:17px;}
.FAQS .Questions{ position:relative; padding:17px 0 17px 54px; width:250px }
.FAQS .Questions ul{ list-style:none; display:block; position:relative;}
.FAQS .Questions ul{ padding:7px 0;}
.FAQS .Questions p{ padding:15px 0;}
.FAQS .Questions ul li{ background:url(images/blue_dots.gif) no-repeat left 12px; padding:9px 0 9px 17px;}
.FAQS .Questions ul li a{ color:#000;}

.Features{ background:#FFF; margin-top:25px; position:relative;}
.Features ul{ list-style:none; margin:10px 0 120px 0;}
.Features ul li{ display:block; padding:15px 15px 20px 25px; width:187px; overflow:hidden; background:url(images/line.gif) repeat-x bottom; margin:0 1px 1px 1px; position:relative}
.Features ul li a{ display:block; text-align:left;}
.Features ul li:hover, .Features ul li.Active{ background:#e2e2e2; cursor:pointer;}
.Features ul li h4{ font-size:14px; font-weight:700; }
.Features ul li h4 a{ display:block; width:100px; padding:5px 0; background:url(images/arrow_blue.gif) no-repeat left 5px; padding-left:27px;}
.Features ul li a img{  display:block; margin-top:-8px; margin-left:15px;}




/*Contents and static pages */
.Statictable{ margin:5px 0 30px 0; }
.Statictable td{padding:10px; vertical-align:top}
.Contentstable{ margin:35px 0;}
.Contentstable td{ padding:12px; vertical-align:top}

.CreateMyExpo{ margin:12px auto; width:95%; }
.CreateMyExpo img{ margin-bottom:5px;}
.CreateMyExpo .Rightborder{ border-right:1px solid #e2e2e2; padding-right:10px; width:460px;}

.SideListing{ background:#FFF; margin-top:25px; position:relative; padding:20px;}
.SideListing ul{ list-style:none; display:block; padding:0; margin:0;}
.SideListing ul li{ display:block; padding:10px 0; border-bottom:1px solid #e4e4e4;}
.SideListing ul li h5{ font-weight:700; font-size:14px; padding-bottom:0;}

.ExposList, .NewsList{ display:block; padding-bottom:60px;}
.ExposList h2{ background:url(images/expos_ico.gif) no-repeat left; color:#121111; font-size:18px; padding:17px 0 15px 77px;}
.NewsList h2{ background:url(images/news_ico.gif) no-repeat left; color:#121111; font-size:18px; padding:17px 0 15px 77px;}

.Listing { display:block; padding:40px 0;}
.Listing ul{ display:block;list-style:none;padding:0 }
.Listing ul li{ display:inline; float:left; background:url(images/blue_dots.gif) no-repeat left; padding:10px 20px 10px 20px; width:330px;}

/*Home gallery*/
.BannersGallery{ display:block; width:744px; height:281px; overflow:hidden; position:relative; left:-3px;}
.BannersGallery .Mask{ position:absolute; top:0; left:0; background:url(images/banners_mask.gif) no-repeat; display:block; width:744px; height:281px; z-index:15;}
.BannersGallery .HomeBannersDiv{ z-index:10;}
.BannersGallery .Gallerycontents{ background:url(images/slider_overlay.png); position:absolute; width:302px; height:274px; overflow:hidden; top:3px; left:3px;}
.Gallerycontents ul{ list-style:none; padding:0 20px}
.Gallerycontents ul li{ display:block; border-bottom:1px solid #9a958c; background:url(images/small_arrows.gif) no-repeat left 18px; padding:15px 0 10px 45px; }
.Gallerycontents ul li strong, .Gallerycontents ul li h3{ font-size:17px; font-weight:100; color:#FFF; display:block;}
.Gallerycontents ul li a, .Gallerycontents ul li p{ color:#FFF; }


/*Bottom Features*/
.BottomFeatures{ display:block; background:#fcfcfc; width:700px;  padding:10px 20px; position:relative;}
.BottomFeatures ul{ list-style:none; padding:0; margin:0; width:800px; margin-left:-10px;}
.BottomFeatures ul li{ border-right:1px solid #CCCCCC;display:inline;float:left;height:220px;margin-bottom:20px;padding:20px 11px;}
.BottomFeatures ul li h4 a{ display:block; width:100px; background:url(images/arrow_blue.gif) no-repeat left 5px; padding-left:27px;}
.BottomFeatures ul li.Last{ border:none;}


.BottomFeatures  .SlideLeft{ background:url(images/slide_left.png); height:41px; width:41px; text-indent:-99999px; display:block; position:absolute; top:130px; left:-15px; z-index:50; cursor:pointer;}
.BottomFeatures  .SlideRight{ background:url(images/slide_right.png); height:41px; width:41px; text-indent:-99999px; display:block; position:absolute; top:130px; right:-15px; z-index:50; cursor:pointer;}



/*Contactpage*/
.Contactform{ display:inline; float:left; width:450px; overflow:hidden;}
.Contactdetails{ display:inline; float:right; padding:15px; background:#f6f6f6; width:230px; border:1px solid #efefef; margin-top:25px;}

/*NewsPages*/
.NewsPages{ display:block;}
.NewsPages .NewsBlock{ display:block; padding-bottom:15px;}
.NewsPages .NewsBlock a.NewsDetailsLink{background:transparent url(images/arrow_blue.gif) no-repeat scroll left 5px;display:block; font-size:12px; font-weight:700; padding:5px 0 5px 25px}
.NewsPages .NewsBlock h4{ padding-bottom:0;}
 .Postedon{ padding-bottom:10px; display:block; font-size:11px;}

.paging{ display:block;}
.paging ul{ list-style:none; float:right;}
.paging ul li{ display:inline; float:left; padding:0 3px;color:#333;}
.paging ul li a{ color:#333;}
.paging ul li.current{ font-weight:700;}
.paging ul li a.Next{ display:block; background:url(images/dark_arrow_r.gif) no-repeat; height:8px; width:4px; margin-top:4px; text-indent:-99999px;}
.paging ul li a.Prev{ display:block; background:url(images/dark_arrow_l.gif) no-repeat; height:8px; width:4px; margin-top:4px; text-indent:-99999px;}

.disabled{ display:none;}

.Bigbtn{ display:block; }
.Bigbtn h3{ font-size:27px ; font-weight:100; text-align:center; color:#FFF;}
.Bigbtn h3 a{ color:#FFF;height:45px; padding-top:7px; width:709px; background:url(images/expodemo_btn.gif) no-repeat; display:block; margin:15px auto 0; }

.grayboxtxt{ padding:0 10px;}


/*	-------------------------------------------------------------
	11.Flash Messages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.Errormessage { background:#eedbd5 url(images/error_msg.gif) no-repeat 10px 10px;  text-align:left; width:400px; border:1px solid #bd5748; padding:14px 0 14px 40px;
margin:0 auto 20px ; color:#bd5748; font-weight:700; }
.Errormessage a, .Errormessage a:hover { color:#bd5748; }
.Sucmessage { background:#e6ebc3 url(images/suc_msg.gif) no-repeat 10px 10px;  text-align:left; width:400px; border:1px solid #709f33; padding:14px 0 14px 40px; margin:0 auto 20px ; color:#709f33; font-weight:700; }
.Sucmessage a, .Sucmessage a:hover  { color:#709f33; }
.Notemessage { background:#FEF9F1 url(images/warn.gif) no-repeat 10px 10px; text-align:left; width:400px; border:1px solid #9C3C1C; padding:20px 0 14px 60px; margin:20px auto; color:#9C3C1C; font-weight:700; }
.Notemessage a, .Notemessage a:hover, .Notemessage p { color:#333; }
div.error-message { line-height:10px; padding:3px 0 3px 0px ; font-size:11px; color:#CC0000;  display:block;  }
.Errormessage a, .Notemessage a, .Sucmessage a{ text-decoration:underline;}

/*Footer*/
.Footer{ display:block; background:#FFF;}
.Footer p{ width:950px; margin:0 auto; padding:10px 10px 150px 10px}
.Footer p, .Footer p a { color:#333;}
.Footer p a:hover { color:#185186;}

.HomeFeature { padding:7px 0}
.HomeFeature a{ display: inline; padding-right:20px;}

.HomeFeature h3, #HomeGallery h3{ font-size:24px;  padding:2px 0 15px 3px; height:30px; line-height:20px; }


#HomeGallery{ padding:30px 0 15px; width:738px; position:relative;}
#HomeGallery .Slider{ margin:0 auto; height:157px;width:675px;}
#HomeGallery .SliderContainer{ width: }
#HomeGallery .Slider .stepcarousel { height:157px;}
#HomeGallery .Slider .stepcarousel  li{ padding:15px 21px 10px; border-right:1px solid #ccc;  height:150px;}
#HomeGallery .Slider .stepcarousel  li a{ height:105px; display:block; text-align:left;}
#HomeGallery .Slider .stepcarousel  li h4{ font-size:14px; font-weight:700}
#HomeGallery .Slider .stepcarousel  li h4 a{ text-align:left;}



#HomeGallery .SlideLeft a, #HomeGallery .SlideRight a{ top:0; display:block; position:absolute; top:77px;}
#HomeGallery  .SlideLeft a{ background:url(images/move_left.gif) no-repeat; height:159px; width:21px; text-indent:-9999px; left:0;}
#HomeGallery .SlideRight a{ background:url(images/move_right.gif) no-repeat; height:159px; width:21px; text-indent:-9999px; right:0;}

#HomeGallery .stepcarousel .belt{ padding:0}

.LiveComponents{ background:#FFF; position:relative; width:738px; border:1px solid #d7d7d7;}
.LiveComponents h3{ font-size:20px; padding-bottom:10px;}
.FeatureName{ background:url(images/featurename_bg.gif) repeat-x; height:27px; position:absolute; right:7px; top:0}
*+html .FeatureName{ right:8px; top:1px}

.FeatureText{ position:relative;  }
.FeatureText small{ position:relative; text-align:center; font-size:12px; display:block; padding:5px 13px 0 18px; }
.FeatureName .Leftcorners{ height:27px; width:7px; display:block; text-indent:-99999px;  font-size:1%; background:url(images/featurename_left.gif) no-repeat 0 0; position:absolute; left:0; top:0;}
.FeatureName .Rightcorners{ height:27px; width:8px; display:block; text-indent:-99999px;  font-size:1%; background:url(images/featurename_right.gif) no-repeat 0 0; position:absolute; right:-8px; top:0;}
.Components{ padding:16px;}

.Components ul, .ComponentTable ul{ list-style:none; padding:0; margin:0}
.Components ul li, .ComponentTable ul li{ background:url(images/blue_dots.gif) no-repeat left 12px; padding:9px 25px 9px 17px;}
.Components ul li a, .ComponentTable ul li a {color:#000;}