/*
Author Name : Shaikh Javed
Site URL    : Phoenix Market City
Updated on  : 11 November 2011
*/
/* 
--------------------------------------------- COMMON CLASSES & IDS --------------------------------------------- */
article, aside, audio, canvas, command, datalist, details, embed, address, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
@import url(reset-min.css);
@font-face {
    font-family: 'HelveticaNeueLTStd57Condensed';
    src: url('fonts/helveticaneueltstd-cn-webfont.eot');
    src: url('fonts/helveticaneueltstd-cn-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaneueltstd-cn-webfont.woff') format('woff'),
         url('fonts/helveticaneueltstd-cn-webfont.ttf') format('truetype'),
         url('fonts/helveticaneueltstd-cn-webfont.svg#HelveticaNeueLTStd57Condensed') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaInseratLTStdRoman';
    src: url('fonts/helveticainseratltstd-roman-webfont.eot');
    src: url('fonts/helveticainseratltstd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticainseratltstd-roman-webfont.woff') format('woff'),
         url('fonts/helveticainseratltstd-roman-webfont.ttf') format('truetype'),
         url('fonts/helveticainseratltstd-roman-webfont.svg#HelveticaInseratLTStdRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaLtStd-Light';
    src: url('fonts/helveticaltstd-light.eot');
    src: url('fonts/helveticaltstd-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/helveticaltstd-light.woff') format('woff'),
         url('fonts/helveticaltstd-light.ttf') format('truetype'),
         url('fonts/helveticaltstd-light.svg#HelveticaLtStd-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {border: 0;}
form {display:inline;}
input {vertical-align:middle;}
tbody{border:0; border:none;}
p, blockquote {margin: 0 0 12px 0; line-height:140%;}
ul, li {list-style:none; padding:0; margin:0;}
a, a:hover {outline:none;}
.clearall {clear:both;}
*{margin:0; padding:0;}
a{text-decoration:none; color:#101010;}
.fleft{float:left; display:inline;}
.fright{float:right;display:inline;}
h1,h2,h3,h4,h5,h6{font-family:Georgia;}
nav#main-navigation ul li a{font-family: 'HelveticaNeueLTStd57Condensed'; font-style:normal;}
input, textarea, select{outline:none; outline-width:none; resize: none;}
/*
--------------------------------------------- STRUCTURE --------------------------------------------- */
body {font:italic 62.5% Georgia; /* Resets 1em to 10px */ color: #101010; margin:0;}
body.home { background:#101010;}
#container{width:100%; position:relative; float:left; font: italic 14px Georgia; color:#606060;}
#container-home{width:100%; min-width:1000px; _width: expression( document.body.clientWidth < 1001 ? "1000px" : "100%" ); position:relative; overflow:hidden; float:left; font: italic 14px Georgia;}
#wrapper-main{width:100%; position:relative; float:left; height:592px; background:#fff;}
#wrapper-main-home{width:100%; float:left; /*background:url(../images/loader2.gif) center no-repeat;*/}

/*  
--------------- HEADER --------------------- */
header{width:100%; float:left; height:67px; border-bottom:1px solid #262626; position:relative;  z-index:9; background: url(../images/header-bg.gif) repeat-x;}
header #header-content{width:1000px; margin:0 auto; position:relative; height:70px; z-index:9;}
header #header-content .logo{width:191px; height:47px; display:block; text-indent:-9999px; position:absolute; left:0; top:13px; background:url(../images/logo.gif) top center no-repeat; z-index:1;}
header #header-content .logo a{width:151px; height:47px; display:block; display:block; cursor:pointer;}
nav#main-navigation{position:absolute; right:0; top:0; z-index:1;}
nav#main-navigation ul.top-nav{ float:left; position:relative;}
nav#main-navigation ul.top-nav li{ float:left; position:relative; border-right:1px solid #50504e;}
nav#main-navigation ul.top-nav li.last{ border-right:0px;}
nav#main-navigation ul.top-nav li a{ float:left; display:block; cursor:pointer; padding:23px 18px; color:#b6b6b6; text-transform:uppercase; font-size:18px}
nav#main-navigation ul.top-nav li a:hover,  nav#main-navigation ul.top-nav li a.active{color:#fff; background:url(../images/nav-bg.gif) repeat-x;}
nav#main-navigation ul.top-nav li.last{ background:none;}

/*  
--------------- content section --------------------- */
.flash-wrapper{ width:100%; float:left; position:relative;  background:url(../images/html_bg.jpg) no-repeat;-webkit-box-shadow: inset 0px 0px 5px 0px #000 ;-moz-box-shadow: inset 0px 0px 5px 0px #000;box-shadow:inset 0 0px 5px 0px #000; behavior: url(css/PIE.htc);}
#no-swf{height:515px;}
#swf{ height:600px;}
#no-swf{ width:1000px; margin:0 auto;}
#swf{ width:100%; float:left; text-align:center; position:relative;}
.home-slider{float:left; position:relative; width:100%; height:515px;}
.slider-location{ width:100%; position:absolute; background:#f6f6f6; border:0px !important; right:0; top:-1px; text-align:center;font:normal 24px HelveticaInseratLTStdRoman; text-transform:uppercase;}
.dis-bar {font-family: 'HelveticaNeueLTStd57Condensed'; left:8px; position: absolute; top: -128px; width: 394px; background:#000; font-style:normal;}
.dis-bar p { padding:10px;}
.dis-bar a{ position:absolute; bottom:5px; right:15px;color:#ff0008; font-size:14px; background:url(../images/home-slider-arrow.gif) no-repeat; padding-left:20px;}
.about-slide-show{ width:100%;  position: relative; z-index:0; overflow:hidden; height:592px; text-align:center;}
.about-slide-show a.forward, .about-slide-show a.backward{ position:absolute; top:40%; width:56px; height:82px; text-indent:-9999px; cursor:pointer; background:url(../images/home-slide-prev-next1.png) 0 0 no-repeat;}
.about-slide-show a.backward{ left:0;}
.about-slide-show a.backward:hover{ left:0; background-position:0 -164px;}
.about-slide-show a.forward{right:0; background-position:-112px 0;}
.about-slide-show a.forward:hover{right:0; background-position:-112px -164px;}
.about-slide-gallery {float: left; height: 592px; position: relative; width: 100%; text-align:center;}
.about-slide-gallery div {display: none; font-size: 12px; height: 592px; left: 0; text-align:center; position: absolute; top: 0; width:100%;}
#about-content{position:absolute; width:100%; background:#fff; height:396px; left:0; top:55px;}


/* SPLASH PAGE */
.splash{position:absolute; left:0; top:0; width:100%; height:100%; display:none; z-index:999;}
.splash-bg{position:absolute; left:0; top:0; width:100%; height:100%; display:block;  background:#fff; opacity:0.6; filter:alpha(opacity=60);}
.splash-block{ width:806px; display:block; position:absolute; left:50%; top:70px; margin:0 0 0 -425px;}
.splash-close{width:21px; height:21px; display:block; position:absolute; right:0; top:0; cursor:pointer; z-index:9999; text-indent:-9999px; cursor:pointer; background:url(../images/close.gif) no-repeat;}
.splash-store{ width:783px; height:415px; float:left; position:relative; background:#fff; margin-top:28px;}
.splash-store-location{ width:806px; height:472px; float:left; position:relative; background:#000000; margin-top:20px;}
.splash-store-location h2{ text-align:center; height:44px; position:absolute; width:100%; background:#000 url(../images/title-bd.gif) repeat-x; font:bold 28px/44px HelveticaNeueLTStd57Condensed; text-transform:uppercase;}
.splash-store-location h2 span{ background:#000000; color:#fff; padding:0 5px; height:44px;}
.slide-info-block{ position:absolute; right:10px; bottom:40px; background:#707176; padding:10px; width:340px; color:#fff; font-size:12px;opacity:0.9; filter: alpha(opacity=90);}
.slide-info-block .info-conetent{ border-top:1px dotted #fff; border-bottom:1px dotted #fff; padding-top:5px; position:relative; float:left; width:100%;}
.slide-info-block .info-conetent p{ margin-bottom:0;}
.slide-info-block .info-conetent a.know-more{ float:right; color:#151515;font:normal 16px HelveticaNeueLTStd57Condensed; background:url(../images/know-pop.png) no-repeat; padding:5px 0px 10px 35px;}
.slide-info-block .info-conetent a.know-more:hover{ color:#fff;}
.splash-back{height:27px; display:block; position:absolute; right:20px; bottom:3px; z-index:9999; cursor:pointer; color:#fff; cursor:pointer; font:normal 17px/27px HelveticaNeueLTStd57Condensed; padding-left:35px;  background:url(../images/back.gif) no-repeat;}


.lightbox-scroller-wrap{height:340px; width:100%; position:relative; float:left; overflow:hidden; color:#000; margin-top:30px;}
.lightbox-scroller{width:100%; height:340px; overflow:hidden;}
.lightbox-scroller ul{height:340px; width:20000em; position:absolute;}
.lightbox-scroller ul li{float:left; height:340px; padding: 0 20px 0; display:inline; width:950px; border-left:1px dashed #c8c8c8;border-right:1px dashed #c8c8c8;}
.lightbox-scroller-wrap .next, .lightbox-scroller-wrap .prev{ height:52px; width:52px; overflow:hidden; position:absolute; z-index:2; top:45%; cursor:pointer; background: url(../images/prev-next.png) 0 0 no-repeat;}
.lightbox-scroller-wrap .prev{left:20px;}
.lightbox-scroller-wrap .next{right:20px; background-position:0 -78px;}
.lightbox-scroller-wrap a.disabled{cursor: default;opacity:0.3; filter: alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.slider-img{ float:left; width:490px;}
.slider-content{ float:right; width:440px; height:340px;}
.slider-content p{ color:#3f3f3f; line-height:20px; text-align:justify;}
.slider-content h2, .inner-pop h2{ font:italic 22px Georgia; color:#101010; margin-bottom:10px;}/*
#inner-nav{ position:absolute; width:1000px; left:50%; bottom:70px; margin-left:-500px;}
#inner-nav li{ float:left; position:relative; margin-right:20px;-webkit-box-shadow: 0px 25px 30px 0px #000000;-moz-box-shadow: 0px 25px 30px 0px #000000;box-shadow: 0px 25px 30px 0px #000000;behavior: url(css/PIE.htc); }
#inner-nav li.last{ margin-right:0;}
#inner-nav li a{ float:left; position:relative; display:block; background:url(../images/inner-nav-bg.gif) repeat-x; padding:5px 20px; font:italic 15px Georgia; color:#fff;}
#inner-nav li a:hover{ background:url(../images/inner-nav-bg-hover.gif) repeat-x;-webkit-box-shadow: 0px 0px 3px 3px #fff;-moz-box-shadow: 0px 0px 3px 3px #fff;box-shadow: 0px 0px 3px 3px #fff;behavior: url(css/PIE.htc);}*/
.links-blk{ width:100%; float:left; position:relative; margin-top:15px;}
a.inner-link, .submit-btn{ background:url(../images/links-bg.gif) repeat-x; padding:4px 10px 5px; font:italic 15px Georgia; color:#fff; margin-right:10px; display:block; float:left; border:0px; cursor:pointer;}
a.inner-link:hover, .submit-btn:hover{ background:url(../images/inner-nav-bg-hover.gif) repeat-x;}

#center-block{ width:1000px; margin:0 auto;}
#content-wrapper{ width:1000px; float:left; position:relative; padding-top:20px;}
.contact-left, .media-left{ width:404px; float:left; position:relative; color:#3F3F3F; border-right:1px dashed #c7c7c7; padding-right:10px;border-spacing:5px;}
.media-left{ width:428px; padding-right:20px;}
.media-img{ float:left; position:relative; width:428px; height:300px;}
#content-wrapper h1{ font-size:28px; margin-bottom:10px;}
.contact-left address a{ color:#ec2027;}
.contact-left address p.rd-txt{ color:#ec2127; font-size:16px;}
.contact-left address p{ margin-bottom:0;}
.contact-left address p.space-bot{ margin-bottom:10px;}
.contact-left ul{ float:left; position:relative; width:100%; margin-top:45px; padding-bottom:5px;}
.contact-left li{ float:left; position:relative; margin-right:16px;}
.contact-right{ width:502px; float:left; padding-left:35px;}
.contact-right h2{ font-size:20px; margin-bottom:10px; padding-left:10px;}
.contact-right #contact-form{ width:454px; float:left; padding:15px; border:1px solid #cdcdcd; background:#ebebeb; border-radius:10px;-webkit-border-radius:10px; -moz-border-radius:10px;behavior: url(css/PIE.htc);}
.text-field, .text-area, .text-drop{ border:1px solid #c8c8c8; width:146px; height:22px; margin-top:2px;}
.text-blk{ border:1px solid #c8c8c8; width:146px; margin-top:2px;}
.text-drop{ width:148px;}
.text-area{ width:334px; height:44px; overflow:auto;}
.contact-right table td.sp-bt{ padding-bottom:8px;}
.contact-right table td.sp-bt table td{ padding:3px;}
.contact-right table td.title{ color:#ed2228;}
.contact-right article{ margin-top:25px; height: 220px;}
.contact-right article li{ margin-top:8px; background:url(../images/arrow.gif) 0 5px no-repeat; padding-left:14px;}
.contact-right article li a{ color:#404040;}
.contact-right article li a:hover{color:#ec2027;}
.scroll-block{ height:300px; width:570px; overflow-Y:auto; border:1px solid #000; float: left; position:relative;}
.errormessage{ color:#ff0000;}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
#cboxContent{margin-top:39px;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #d1d1d1; background:#fff;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
#cboxTitle{position:absolute; top:-25px; left:0; color:#000;font-family: 'FolioMdBTMedium'; font-size:20px;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc; display:none !important;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}	/*	
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/prev-next.png) no-repeat top left; width:28px; height:46px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/prev-next.png) no-repeat top right; width:28px; height:46px; text-indent:-9999px;}*/
#cboxLoadingOverlay{background:#fff;}
#cboxClose{position:absolute; top:-25px; right:0; display:block; background:url(../images/close.gif) no-repeat top center; width:21px; height:21px; text-indent:-9999px; z-index:9999;}
.txt-box-veri{ display:none;}
.admin-menu{ float:left; width:100%; position:relative;}
.admin-menu ul{ float:right; position:relative;}
.admin-menu li{ float:left; position:relative; border-right:1px solid #666; padding:0 15px;}
.admin-menu li a{ color:#000; font-size:14px;}
.admin-menu li a:hover, .error-label{ color:#EC2127;}
.logout-lnk{ color:#EC2127 !important; font-weight:bold; font-size:16px;}
.wel-txt{ float:left; position:relative;  margin-bottom:15px;}
.wel-txt span{ color:#EC2127; font-size:16px; padding-left:2px;}
.admin-block{ width:100%; height:265px; overflow-y:auto; overflow-X:hidden; font:normal 11px Arial;}
.admin-block table td{ padding:3px;}
.grid-header{ background:#505050; font-weight:bold; text-align:left; color:#ffffff; height:30px;}
.admin-block table:first{ padding-left:5px;}
.grid-header a{ color:#fff;}
.grid-row{ background:#F7F6F3; color:#333333;}
.grid-alt-row{ background:##ffffff;  color:#333333;}
.ad-menu{ padding-left:0px !important;}
.ad-menu li{ margin-top:20px !important;}
.ad-menu li.first{ background:none !important; padding-left:0px !important;}
.edit-pop{background:#fff; color:#000; width:100%; float:left;}
.edit-pop table{ padding-left:10px;}
.text-field-edit{ border:1px solid #c8c8c8; width:200px; height:22px; margin-top:2px;}
.hide{display:none;}
.inner-pop{ padding:10px; background:#fff; font-size:14px;}
/*paging accordian*/
.paging{ color:#ffffff; padding:2px 3px; border:0px; font:11px Arial; float:right; cursor:pointer; text-decoration: none;}
.paging span{ background:#ed1c24; color:#ffffff; padding:2px 5px; border:0px; font:12px Arial; float:left; cursor:pointer; text-decoration: none;}
.paging a:link { background:#8a8a8a; color:#ffffff; padding:2px 5px; border:0px; font:11px Arial; float:left; cursor:pointer; text-decoration: none; margin-left:3px; margin-right:3px;}
.paging a:visited { background:#8a8a8a; color:#ffffff; padding:2px 5px; border:0px; font:11px Arial; float:left; cursor:pointer; text-decoration: none; margin-left:3px; margin-right:3px;}
.paging a:hover {background:#ed1c24; color:#ffffff; padding:2px 5px; border:0px; font:11px Arial; float:left; cursor:pointer; text-decoration: none; margin-left:3px; margin-right:3px;}
.paging a:active { background:#8a8a8a; color:#ffffff; padding:2px 5px; border:0px; font:11px Arial; float:left; cursor:pointer; text-decoration: none; margin-left:3px; margin-right:3px;}

.terms-right{ width:502px; float:left; position:relative;}
.terms-scroller-wrap{height:325px; width:502px; position:relative; float:left; overflow:hidden; color:#000; margin-top:20px;}
.terms-scroller{width:460px; height:325px; overflow:hidden;}
.terms-scroller ul{height:340px; width:20000em; position:absolute;}
.terms-scroller ul li{float:left; height:325px; display:inline; margin:0 30px 0; font-size:12px; width:440px; text-align:justify;}
.terms-scroller ul li h3{ color:#ec2027; font-size:13px; margin-bottom:5px;}
.terms-scroller-wrap .next, .terms-scroller-wrap .prev{ height:52px; width:52px; overflow:hidden; position:absolute; z-index:2; top:45%; cursor:pointer; background: url(../images/prev-next.png) 0 0 no-repeat; opacity:0.6;}
.terms-scroller-wrap .prev{left:1px;}
.terms-scroller-wrap .next{right:0; background-position:0 -78px;}
.terms-scroller-wrap a.disabled{cursor: default;opacity:0.2; filter: alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
.terms-content{ padding-left:15px; width:410px; }
.terms-content table td{ padding-bottom:5px;}
/*  
--------------------------------------------- footer --------------------------------------------- */
footer{ width:100%; float:left; height:40px; position:relative; font:normal 12px Arial; color:#585858; background:#101010 url(../images/footer-bg.gif) top repeat-x;}
#footer-content{ width:1000px; margin:0 auto;position:relative;}
section.footer-txt{ float:left; width:1000px;position:relative; height:40px;}
section.footer-txt p{ position:absolute; right:0; bottom:16px; font-size:11px; margin:0;}
.footer-links{float:left; position:relative; padding-top:10px;}
.footer-links li{ float:left; position:relative;color:#585858; }
.footer-links li a.first{ padding-left:0;}
.footer-links li a.last{ border:0px;}
.footer-links li a{ display:block; float:left; font-size:11px; padding:0 8px; color:#585858; border-right:1px solid #585858;}
.footer-links li a:hover{ color:#fff;}
.share-footer{ position:absolute; right:16px; top:12px; display: none;}
.share-footer span{ float:left; font-size:14px; color:#fff452; padding-right:4px;}
.fb-links{float:left; position:relative;}
.fb-links li{ float:left; position:relative;}
.fb-links li a{ background:url(../images/follow-link.gif) 0 0 no-repeat; display:block; float:left; width:16px; height:16px; text-indent:-9999px; margin-left:6px;}
.fb-links li a.fb{ background-position:0 0;}
.fb-links li a.tw{ background-position:-23px 0;}
.err-msg{ font-size:11px;}
.thank-msg{ font-size:11px; font-weight:bold; color:#303030;}

/* Tiny Scrollbar 
#result-scrollbar { width: 465px; margin: 0 0 10px;}
#result-scrollbar .viewport { width: 445px; height: 330px; overflow: hidden; position: relative; }
#result-scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#result-scrollbar .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 6px; }
#result-scrollbar .track { background:#080301 100%; height: 100%; width:4px; position: relative; padding:1px; cursor: pointer;}
#result-scrollbar .thumb { background:#fcd10b 100%; height: 20px; width: 8px; cursor: default; overflow: hidden; position: absolute; top: 0; left:-2px; border:1px solid #e78500; }
#result-scrollbar .thumb .end { background: #fcd10b ; overflow: hidden; height: 1px; width: 8px; }
#result-scrollbar .disable { display: none; }*/

/* Tiny Scrollbar */
.result-scrollbar { width: 450px; margin: 0 0 10px;}
.result-scrollbar .viewport { width: 425px; height: 336px; overflow: hidden; position: relative; }
.result-scrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.result-scrollbar .scrollbar{ background: transparent url(../images/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 18px; }
.result-scrollbar .track { background: url(../images/scroll.gif) no-repeat 100%; height: 100%; width:18px; position: relative; padding:1px; cursor: pointer;}
.result-scrollbar .thumb { height: 20px; width: 18px; cursor: default; overflow: hidden; position: absolute; top: 0; left:-2px; }
.result-scrollbar .thumb .end { overflow: hidden; height: 1px; width: 18px; }
.result-scrollbar .disable { display: none; }


/*SHOWS DIV SCROLLBAR*/
.content1{height:470px;*height:455px;width:683px;padding:50px;background:url('../images/ctnt_bg.png') top center}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {width: 7px;background-color: #92abbb;}
.vscrollerbar {width: 7px;background-color: #fff;}
.scrollerjogbox {width: 10px;height: 10px;top: auto; left: auto;bottom: 0px; right: 0px;background-color: gray;}
.flexcroll{height:470px;*height:455px;padding-right:20px:}

#inner-nav{ position:absolute; width:100%; left:0; bottom:65px; background:url(../images/inner-navbg.png) repeat-x; height:46px;}
#inner-nav ul{ position:absolute; width:1000px; left:50%; top:0; margin-left:-500px;}
#inner-nav li{ float:left; position:relative; z-index:9000; display:block; margin-right:30px; }
#inner-nav li.last{ margin-right:0;}
#inner-nav li a{ float:left;  display:inline-block; z-index:10; padding:14px 8px; font:italic 15px Georgia; color:#c3c3c2;}
#inner-nav li a:hover, #inner-nav li a:active{ color:#fff;}/*
#inner-nav li.current a{ background-image:none !important; color:#fff;}*/
#inner-nav li.back {background:url(../images/inner-nav-bg-hover1.gif) repeat-x;width: 0px;height: 46px; z-index:1; margin-top:-46px; position: relative;color:#fff !important;}

.nav-media{ float:left; position:relative; width:260px; margin-top:10px;}
.nav-media li{ background:url(../images/media-navbg.gif) repeat-x; float:left; margin:5px 0px 0px 5px; width:120px; border-right:1px solid #fff;}
.nav-media li a{ display:block; color:#fff; padding:5px 20px 7px; font-size:15px;}
.nav-media li a:hover{ background:url(../images/media-navbg-hover.gif) repeat-x;}

/*------------ Styles for HTML Gallery on iPad - Neeraj --------------*/
@media only screen and (max-device-width : 1024px) and (orientation:portrait) { 
	#ipad-header-content .logo{width:191px; height:47px; display:block; text-indent:-9999px; position:absolute; left:0; top:13px; background:url(../images/logo.gif) top center no-repeat; z-index:1;}
	#ipad-header-content { height: 70px; margin: 0 auto; position: relative; width: 768px; z-index: 9;}
	#ipad-footer-content{ width:768px; margin:0 auto;position:relative;}
	#ipad-footer-content section.footer-txt{ float:left; width:768px; position:relative; height:40px;}
	.kwicks li.tab { height: 502px;  width:191px; cursor: pointer; display: block; }
	.kwicks { height: 482px; width:500px; left:0px; list-style: none outside none; margin: 0px auto; background:#000; overflow: hidden; position: relative;}
	.slider-tab{ background:#FFF; border-right: 1px solid #000; border-left: 1px solid #000; display: block; height: 480px; position: absolute; width: 90px;   z-index: 9999;}
}
@media only screen and (max-device-width : 1024px) and (orientation:landscape) { 
	#ipad-header-content .logo{width:191px; height:47px; display:block; text-indent:-9999px; position:absolute; left:0; top:13px; background:url(../images/logo.gif) top center no-repeat; z-index:1;}
    .kwicks li.tab { height: 500px;  width:200px; cursor: pointer; display: block; }
	.kwicks { height: 482px; width:1024px; left:0px; list-style: none outside none; margin: 0px auto; background:#000; overflow: hidden; position: relative;}
	.slider-tab{ background:#FFF; border-right: 1px solid #000; border-left: 1px solid #000; display: block; height: 480px; position: absolute; width: 90px;   z-index: 9999;}
}
.active .slider-tab{display:none;}
#chennai{ background:url(../images/ipad/chennai.jpg) no-repeat top center;}
#bengaluru{ background:url(../images/ipad/bengaluru.jpg) no-repeat top center;}
#pune{ background:url(../images/ipad/pune.jpg) no-repeat top center;}
#mumbai{ background:url(../images/ipad/mumbai.jpg) no-repeat top center;}
#chennai-tab{ background:url(../images/ipad/chennai_tab_bg.jpg) no-repeat top center;}
#bengaluru-tab{ background:url(../images/ipad/bengaluru_tab_bg.jpg) no-repeat top center;}
#pune-tab{ background:url(../images/ipad/pune_tab_bg.jpg) no-repeat top center;}
#mumbai-tab{ background:url(../images/ipad/chennai_tab_bg.jpg) no-repeat top center;}
.tab-header{-webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0;
-webkit-transform: rotate(-90deg);  -moz-transform: rotate(-90deg); -ms-transform:  rotate(-90deg);  -o-transform: rotate(-90deg); font-size:32px; color:#000; font-style:normal; font-family:HelveticaLtStd-Light; margin:450px 0px 0px 40px; position:absolute; }

.ipad-slider-content{position:absolute; bottom:30px; left:60px;}
.ipad-slider-content span{color:#FFF; font:32px HelveticaLtStd-Light;}
.ipad-slider-content a{color:#FFF; font:bold 14px HelveticaLtStd-Light; text-decoration:none; background:url(../images/link_more_btn.png) no-repeat; padding-left: 25px; width:90px; height:20px; display:block;}
/*------------ End --------------*/