/* slider area starts */
.galleryarea {width:575px; padding:0 0 0 0px; margin-left:160px}
.galleryarea .topbg{width:574px; background:url(../assets/slider/boxbgtop.png) left top no-repeat; height:25px; padding:0 0 0 0px;}
.galleryarea .midbg{width:548px; background:url(../assets/slider/midbg.png) left top repeat-y; padding:0 13px 0 14px;}
.galleryarea .midbg-2{width:506px; background:url(../assets/slider/midbg-2.png) left bottom repeat-x; padding:0 20px 0 20px;}
.galleryarea .bottombg{width:574px; background:url(../assets/slider/boxbgbottom.png) left top no-repeat; height:26px; padding:0 0 0 0px;}
/* slider area ends */

select, input, textarea {font-size: 1em;}
h2 {margin-top: 1.2em; margin-bottom: 0;  padding: 0; border-bottom: 1px dotted #dedede;}
h3 {margin-top: 1.2em; margin-bottom: 0; padding: 0;}
.example {border: 1px solid #CCC;background: #f2f2f2; padding: 10px;}
ul {list-style-image:url(list-style.gif);}
pre {font-family: "Lucida Console", "Courier New", Verdana;border: 1px solid #CCC; background: #f2f2f2; padding: 10px;}
code {font-family: "Lucida Console", "Courier New", Verdana; margin: 0; padding: 0;}
#gallery {padding: 0;}
/*----------gallery-----------*/
.ad-gallery {width: 640px;}
.ad-gallery, .ad-gallery * {margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {width: 100%; height: 353px; position: relative; overflow: hidden;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute; z-index: 10; top: 48%; left: 48%; border: 1px solid #CCC;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute; right: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block; z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute; left: 0; top: 0; width: 25%; height: 100%; cursor: pointer; display: block;z-index: 100;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* Or else IE will hide it */ background: url(non-existing.jpg)\9}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../assets/slider/ad_prev.png); width: 30px; height: 30px; display: none; position: absolute; top: 47%; left: 0; z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background: url(../assets/slider/ad_next.png); width: 30px; height: 30px;     right: 0; left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute; overflow: hidden; top:0; left:0; z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image img{width:506px!important; height:336px!important;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute; bottom: 0px; left: 0px; padding: 7px; text-align: left; width: 100%; z-index: 2; background: url(../assets/slider/opa75.png); color: #fff;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='opa75.png'); }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;}
.ad-gallery .ad-controls {height: 20px; text-align:center;}
.ad-gallery .ad-info {float: none;}
.ad-gallery .ad-slideshow-controls {float: right; display:none!important;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop { padding-left: 5px;    cursor: pointer;}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px; font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: default; font-style: italic;}
.ad-gallery .ad-nav {width: 100%; position: relative;}
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute; top: 0; height: 100%; z-index: 10; }
/* IE 6 doesn't like height: 100% */
* html .ad-gallery .ad-forward, .ad-gallery .ad-back { height: 100px; }
.ad-gallery .ad-back {cursor: pointer;left: -20px; width: 13px; display: block; background: url(../assets/slider/ad_scroll_back.png) 0px 30px no-repeat;}
.ad-gallery .ad-forward {cursor: pointer; display: block; right: -22px; width: 16px; background: url(../assets/slider/ad_scroll_forward.png) 0px 30px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden; width: 100%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left; width: 9000px; list-style: none;}
.ad-gallery .ad-thumbs li {float: left; padding-right: 5px;}
.ad-gallery .ad-thumbs li a {display: block;}
.ad-gallery .ad-thumbs li a img {border: 3px solid #CCC;display: block;}
.ad-gallery .ad-thumbs li a.ad-active img {border: 3px solid #616161;}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}
.pic-area {padding-left:33px;}