
/* Global 
-----------------------------*/
* { margin: 0; padding: 0; }
body { font-size: 12px; font-family:  Arial, Helvetica, sans-serif; color: #6D6E71; }
h1,h2,h3 { font-family: Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px;  }
img { border: none; outline: none; }
a { outline: none; text-decoration: none; color: #017fda; }
p { margin-top: 10px; }

/* Some Classes
-----------------------------*/

.clear { clear: both; }
.small { font-size: 11px; color: #666; }
.emph { font-size: 14px; line-height: 20px; margin: 0; }
.bold { font-weight: bold; color: #58595b;  }
.bolder { font-weight: bold; font-size: 14px; margin: 0; color: #58595b;  }
.highs { font-size: 14px; color: #f37021; }
.reds { margin: 0; color: #EE2D64; font-weight: bold; }
.orng { color: #ee712a; margin: 0; }
.blue { color: #0098DD; }
.grey { color: #666; font-weight: normal; }
.brwn { color: #8B5E3C; font-weight: bold; margin: 0; }
.grnb { color: #FFB55E; font-size: 32px; text-transform: uppercase; font-weight: bold; }
.upd { font-size: 13px; color: #6D6E71; }
.itals { font-style: italic; }
.mid { vertical-align: middle; }
.right { float:right; margin: 0 0 10px 10px; }
.left { float:left;   margin: 0 5px 10px 0; }
ul.tc li { font-size: 10px; color: #999; margin-top: 6px; }
ol.numlist li { font-size: 11px; color: #999; margin-top: 10px; }
.loc { color: #666; font-size: 12px; font-weight: normal; }
.nospace { margin: 0; }
.linkage { color: #6D6E71;}
.linkage:hover { color: #f90; }
.time { margin-right: 20px; }
.less { font-weight: bold; font-size: 11px; }
.mzero { margin: 0; }

/* Page Layout
-----------------------------*/

#wrapper { width: 963px; height: auto; margin: 0 auto; background: url(../imgs/bg-body.jpg) top center repeat-y;}
#header { width: 963px; height: 138px; background: url(../imgs/bg-header.jpg) top center no-repeat; margin-top: 10px; }
#header .logo { padding: 10px 15px; float: left; }
#header .nav { float: left; width: 700px; margin-top: 12px; }
#header ul.navi li { list-style: none; display: inline; padding: 0 28px; border-right: 1px solid #fff; font-family: BlissRegular, Arial, sans-serif; }
#header ul.navi li a { color: #fff; text-transform: uppercase; font-size: 11px; }
#header ul.navi li a:hover { color: #565656; }
#footer { width: 963px; height: 160px; background: url(../imgs/bg-footer2.jpg) top center no-repeat; margin: 0 auto; padding-top: 20px; position: relative; z-index: 99; }
#footer .footerlinks { width: 600px; margin: 0 auto; }
#footer ul.footlinks li { list-style: none; display: inline; margin: 0 15px;  text-transform: uppercase; color: #999; font-size: 10px; cursor: pointer; font-family: BlissRegular, Arial, sans-serif; }
#footer ul.footlinks li a { color: #9a9a9a; }
#footer ul.footlinks li a:hover { color: #666; }


/* Content Layout
-----------------------------*/
.navblop { position: absolute; top: 50px; left: 365px; width: 34px; height: 33px; background: url(../imgs/nav-blop.jpg); z-index: 1; }
#cart-content { width: 880px; height: auto; padding: 25px 40px; position: relative; background: url(../imgs/bg-content.jpg) bottom left repeat-x; }
#cart-content .desc { width: 320px; height: 100px; position: absolute; top: 90px; right: 30px; }
#cart-content h1 { letter-spacing: -2px; color: #91cd02; }
#cart-content h2,h3 { color: #FFB55E; }
#cart-content ul.subnav { list-style: none; margin-top: 10px; height: 33px; position: relative; z-index: 10; }
#cart-content ul.subnav li { display: inline;  font-size: 10px; letter-spacing: -1px; text-transform: uppercase;  height: 33px; }
#cart-content ul.subnav li a { color: #999; height: 33px; border-right: 1px solid #999; padding: 0 6px; }
#cart-content ul.subnav li a:hover { color: #5E5E5E;  }
#cart-content ul.subnav li a.curr { color: #91cd02;}

#cart-content .floorlevel { width: 542px; height: 300px;  border: 1px solid #FFB55E;  -moz-border-radius: 4px; -webkit-border-radius: 4px;  } 
#cart-content .levels {  position: absolute; top: 150px; right: 30px; }
#cart-content .levelinfo { width: 320px; height: 237px; border: 1px solid #FFB55E; margin-top: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#cart-content .cartinfo { width: 320px; height: 166px; }
#cart-content .note { width: 300px; height: 60px; border-top: 1px solid #FFB55E; padding: 5px 10px; }
#cart-content .small { font-size: 9px; margin: 0; }

#cart-content .basement { width: 542px; height: 300px; background: url(../imgs/floor-basement01.jpg) top center no-repeat; position: relative; }
#cart-content .level1 { width: 542px; height: 300px; background: url(../imgs/floor-level01.jpg) top center no-repeat; position: relative; }
#cart-content .level2 { width: 542px; height: 300px; background: url(../imgs/floor-level02.jpg) top center no-repeat; position: relative; }
#cart-content .level3 { width: 542px; height: 300px; background: url(../imgs/floor-level03a.jpg) top center no-repeat; position: relative; }

#cart-content .cartinfo2 { width: 300px; height: 100px; position: absolute; top: 95px; right: -340px; padding: 5px;}
.cartinfo-pic { width: 100px; height: 100px;  float: left; }
.cartinfo-txt { width: 180px; height: 100px;  float: left; margin-left: 10px; }
.cartinfo-txt h3 { color: #FFB55E; font-size: 13px; letter-spacing: normal; }
.cartinfo-txt p { font-size: 11px; margin-top: 5px; }

ul.tabs2 a.b2cart1 { position: absolute; bottom: 97px; right: 95px; }
ul.tabs2 a.lvl1cart1 { position: absolute; top: 87px; left: 96px; }
ul.tabs2 a.lvl1cart2 { position: absolute; top: 80px; right: 150px; }
ul.tabs2 a.lvl2cart1 { position: absolute; top: 35px; left: 140px; }
ul.tabs2 a.lvl2cart2 { position: absolute; top: 45px; right: 155px; }
ul.tabs2 a.lvl2cart3 { position: absolute; top: 95px; left: 110px; }
ul.tabs2 a.lvl3cart1 { position: absolute; bottom: 80px; right: 175px; }



/* Coda Slider
-----------------------------*/

#slider {  width: 940px; height: auto; position: relative;  padding-bottom: 30px; }
#slider h2, h4, h3 { color: #EE2D64; }
.scroll { height: auto; width: 920px; overflow: hidden; overflow-x: hidden; position: relative; clear: left;   border-top: 1px dotted #ccc; padding-top: 10px; margin-left: 20px; }
.scrollContainer div.panel { padding: 0; height: auto; width: 920px;  }
.scrollButtons { position: absolute; top: 390px; cursor: pointer; z-index: 10;  }
.scrollButtons.left { left: 15px; }
.scrollButtons.right { right: 15px;  }
.hide { display: none; }

ul.navigation { margin: 25px 0 10px 0; height: 35px; padding: 0;  background: url(../imgs/divider_happenings.jpg) bottom center no-repeat; text-align: center; }
ul.navigation li { list-style: none; display: inline; padding: 0 10px; text-transform: uppercase; font-size: 11px; border-right: 1px solid #ccc; }
ul.navigation li a { color: #8c8c8c; text-decoration: none;  }
ul.navigation li a:hover { color: #000; }





/* Tabs
-----------------------*/
ul.tabs2 { list-style:none;  margin-bottom: 0 !important;  padding :0; height: 20px;  }
ul.tabs { list-style:none;  margin: 10px 0 0 0; !important;  padding :0; height: 20px;  }
ul.tabs li { float:left; display: block; text-indent:0; padding: 0; margin:0 !important; list-style-image:none !important; border-right: 1px solid #ccc; }
ul.tabs a { text-transform: uppercase; font-size: 12px; display:block;   text-decoration:none; color: #ccc; padding: 0 8px; margin:0px;	 position:relative; top:1px;  font-weight: bold; letter-spacing: -1px; }
ul.tabs a:active { outline:none; }
ul.tabs a:hover { color: #999; }
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { cursor:default !important; color: #4D8426; font-size: 15px; !important;}
div.panes div.pane { width: 545px; display:none; height: auto;  }
div.panes2 div.pane {  display:none; height: auto; margin: 30px 0 0 0;  }
