﻿/***** 3-3-10 left to do: arrows on side of marquis,****/
/******top down organization. Each section divided with comments. ****/
@import url(default.css);
@import url(interior.css);
/*@import url(insider.css);*/
@media screen {
* { font-size: 1em; }	
.ir { overflow: hidden; 
      display: block; 
      height/**/:/**/0!important; 
      background:url(/images/blank.gif); }
       /* use padding top/bottom to define the elements height, but also use height for IE 5 (the weird height rule takes care of filtering those for you) */
.ib { display:inline-block; vertical-align:top; }
.acc { display: none; position: absolute; width: 0; height: 0; overflow: hidden; }
.nav, .nav ul, .nav li, .nav dd { list-style:none; margin: 0; padding: 0; }
.nav dt { display: none; }

a:link { text-decoration: none; color:#023F7F; }
a:visited { text-decoration: none; }
a:focus, a:active { text-decoration: none; }
a:hover { text-decoration:underline;}
.pager { clear:both; text-align:right; overflow:hidden; margin:10px 0; font-weight:bold; }
/*.pager > span { float:right; }*/
.pager > .left { float:left; }
.pager a { text-decoration:underline; }
.pager a:hover, .pager a:active { text-decoration:none; }
.pager a[disabled="disabled"] { color:#ccc; }
.pager .nextprev { padding:0 5px; }
.alphaPager { text-align:center; }

/*.copy{text-decoration:bold;}*/
h1, h2, h3 {margin:0px 0px 4px ;}
h3 a {font-size:1.2em;}
/* =LAYOUT        
****************************/
#warningMessage { border:1px solid #F00; padding:10px; margin:10px 0; }

body {
    background: #F8F8F8 url('/images/common/sc_insider_body_bkgnd.gif') repeat-y center top;
    height: auto;
    font-family: Verdana,sans-serif;
    font: 65%/1.3 Verdana,sans-serif;
}

form {  width: 890px;  margin: 0px auto 10px; padding-top:10px; }
/********header**********/
#header {background: inherit; position: relative; z-index: 2;}

/*this is the logo*/
#header #logo
{   overflow: hidden; 
    display: block; 
    height/**/:/**/0!important; 
    width:240px; 
    padding-top:106px; 
    background:url('/images/common/sc_header_logo.gif') no-repeat; 
    margin:0 0 20px; }
    
#header #homeLink { background:url("/images/int/sc_int_header_logo.gif") no-repeat 0 1px; width:240px; padding-top:106px; }

/* tag line*/
#header #tagLine 
{   background-image:url('/images/mp/sc_header_official_tourism_site.gif'); 
    background-repeat:no-repeat; 
    position: absolute; 
    top:1em; 
    right: 10px;  
    height:31px; 
    width:298px; 
    z-index: 4; }

/*search bar*/
#header .siteSearch { position: absolute; top:2.9em; right: 2px; z-index: 2 /*1*/; border:0 none; }
#header .siteSearch fieldset { display:inline-block; float: left; border:0 none;}
#header .siteSearch legend { display: none; }
.tbKeywords{ height:14px; width: 150px;font-size:11px; padding:4px; float:left; border: 1px solid #8f8f8f;}

/* Links bar Fbook,Twitter, Rss*/
#header #quicklinks { position: absolute; top: 6em; right:10px; z-index: 3; }
#header #quicklinks li {display:inline;}
#header #quicklinks li a {padding-left:8px; text-decoration:underline; font-size: 1.3em; line-height:26px; vertical-align:top;}
/*\ Links bar Fbook,Twitter, Rss*/

/*********- mainnav-**********/
#mainnav{ width:863px; height:47px; background:url(/images/mp/sc_main_nav.gif) no-repeat 0 -47px; margin:20px auto 0 auto; }
#mainnav dd{ float:left; padding-left:3px; }
#mainnav a.ir { padding-top:47px; background:url(/images/mp/sc_main_nav.gif); }

dd#mn_see { padding-left:12px; }
#mn_see a.ir { width:128px; background-position:-12px 0; }
#mn_lodgin a.ir { width:116px; background-position:-143px 0; }
#mn_events a.ir { width:101px; background-position:-262px 0; }
#mn_inside a.ir { width:146px; background-position:-366px 0; }
#mn_plan a.ir { width:174px; background-position:-515px 0; }
#mn_travel a.ir { width:152px; background-position:-692px 0; }

#mainnav a.ir:hover, #mainnav .over a.ir, #mainnav a.AT { background:transparent none; }
/******\***- mainnav-**********/

/*******marquis**************/
/*** this is really great!, a sprite references a div, which changes an image when clicked
/*** the sprite also changed the nav bar, that contains the images being rotated*****/
#marquis {margin:0 auto; width:870px;}
#picturebox{border:0;}
#marquis-rotator { width:870px;	/*overflow: auto;*/ /*height: 387px;*/ height:369px; background:url('/images/loader.gif') no-repeat 50% 50%;}
#marquis-rotator ul{padding:0; margin:0; position:relative; z-index:1; }
#marquis-rotator li { list-style:none; position:absolute; top:0; left:0; z-index:1; display:none; }
#marquis-rotator li.selected { display:inherit; }
#marquis-rotator-inside {list-style:none; /*height:347px;*/ /* these 3 lines */ /*overflow: auto;*/ /* help Opera */ /*overflow-y: hidden;*/ /*behave*/ }
#marquis-rotator-inside li { width:870px; height: 369px; }

#marquis_nav {/*width:870px;*/ width: 847px; height: 45px; background:url('/images/mp/sc_main_header_tab_nav_a.gif'); overflow: auto; margin:0 auto; padding-right: 23px;}
#marquis_nav_inside_cont {width:400px; /*margin:0px 23px 0px 0px;*/ margin: 0;  float: right;}
#marquis_nav_inside ul{overflow:auto; margin:0px 45px 0px 0px;}
#marquis_nav_inside li { display:inline-block; vertical-align:top; overflow:hidden; float:right; margin:0px 0px 0px 3px;}
#marquis_nav_inside a.ir {width:129px; padding-top:45px;}
#photo_tab a.ir { background-image:url('/images/mp/sc_main_header_tab_nav_c.gif'); background-position: -454px 0; }
#maps_tab a.ir:hover, #maps_tab a.selected {background-image:url('/images/mp/sc_main_header_tab_nav_c.gif'); background-position: -717px 0;}
#video_tab a.ir:hover, #video_tab a.selected {background-image:url('/images/mp/sc_main_header_tab_nav_b.gif'); background-position: -586px 0;}
#photo_tab a.ir:hover, #photo_tab a.selected {background-image:url('/images/mp/sc_main_header_tab_nav_a.gif'); }

#marquis .gallery .description { width:850px; height: 14px; }
#marquis .gallery .rotator { background: url(/images/mp/sc_main_header_photo_caption_bg.gif) no-repeat center bottom; height:369px; overflow:hidden; }
#tabPnl_photo { background: url(/images/mp/sc_main_header_video_bg.jpg) no-repeat; }
#tabPnl_video { background: url(/images/mp/sc_main_header_video_bg.jpg) no-repeat; }
#tabPnl_video li { position:static; }
#marquis .gallery .rotator div img { display: block; }
/******\marquis**************/

/******nav list 2************/
#nav2 {width: 896px; height:154px; margin-top:10px; margin-bottom:10px; }
#navlist2 { width:896px;  height:154px; background:url(/images/mp/sc_main_photo_nav.png) no-repeat 0 0px; margin-top:10px; margin-bottom:10px;}
#navlist2 dd{ float:left; }
#navlist2 a.ir { padding-top:154px;}
#navbeaches a.ir { width:186px; background-position: 0px -154px;}
#navgolf a.ir { width:170px; background-position:-186px -154px; }
#navfood a.ir { width:170px; background-position:-356px -154px; }
#navsparks a.ir { width:170px; background-position:-526px -154px; }
#navftravel a.ir { width:194px; background-position:-695px -154px; }
#navlist2 a.ir:hover {background-image:url(/images/mp/sc_main_photo_nav.png); }
/*******\nav list 2*********/

/*******content column layout****/
.colmask {
    position:relative;/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;/* width of whole page */
    overflow:hidden;/* This chops off any overhanging divs */
}
.content {
    font-size: 1.2em;
    /*margin-top: 10px;*/
    margin-bottom: 20px;
    clear: both;
    /*word-wrap: break-word;*/
}
/*div.content {width:800px; margin: 0 auto;}*/
.content a {
    font-weight: bold;
}
#content_right,#content_mid,#content_left {float:left}
#content_right {width:335px;}
#content_left {width:245px;}
/*#content{margin-bottom:20px;}*/
/****\***content column layout *****/

/*******article layout*********/
.marleft{margin-bottom:10px; margin-left:20px;} /*****class for setting margin when in left column*******/
.marleftnullbottom {margin-left:20px;} 
.maright{margin-right:10px; margin-bottom:10px;}/*****class for setting margin when in right column*******/
.marmid {margin-bottom:10px; margin-left:15px; margin-right: 15px;}/*****class for setting margin when in middle column*******/
.article{background:url('/images/mp/sc_main_content_tile_325.gif') repeat-y; width:325px;} /******generic article******/
.articleTop{background:url('/images/mp/sc_main_content_header_325.gif') no-repeat;width:inherit;text-align: center;}
.articleBottom{background:url('/images/mp/sc_main_content_footer_325.gif') no-repeat; width:inherit; height:16px;}
.articleSmall{background-image:url('/images/mp/sc_main_content_tile_245.gif'); background-repeat:repeat-y; width:245px;}
.articleSmallTop h4{margin-top:10px;}/************articles that are 245, smaller than generic article***********/
.articleSmallTop
{   background-image:url('/images/mp/sc_main_content_header_245.gif'); 
    background-repeat:no-repeat; 
    width:245px; 
    text-align:center;  
    height:38px; 
    padding-top:.1em;
 }
.articleSmallBottom
{   background-image:url('/images/mp/sc_main_content_footer_245.gif'); 
    background-repeat:no-repeat; 
    width:245px; 
    height:20px;
 }
.articleBody { padding:0 10px; }
.article p  {padding:0px 15px 0px 15px;}
.articleEnc {padding:0px 10px 0px 10px;}
.articleSmall p {padding:0px 10px 0px 10px;}
.articleSmall .button { margin:0 auto; width:96px; height:29px;}
.articleSmall .go {margin:0 auto; width:59px; height:28px;}
.articleDate {color:#054080; font-weight:bold;}
.featuredTitle {padding:0px 10px 0px 10px;}
.articleli {list-style-type: none; font-weight:bold;}
.articleli li{ padding:5px 0px 5px 0px;}
/********\**article*************/

/*********Interior****/

#subnav { text-align:center; }

.navLinks 
{ 
    width:878px; 
    margin:0px auto; 
    line-height:2em;    
    text-align:center;
}

.navLinks .content { display:block; font-size:1.2em; padding:0 10px; margin:0; }
.navLinks a { white-space:nowrap; }
.navLinks a.AT { font-weight:bold; }
.navLinks .footer, .navLinks .header { margin:0; padding:0; }

#secondaryLinks .content { background:url('/images/int/sc_int_secondary_nav_tile.gif') repeat-y; color:#FFF; font-weight:bold; color:#3d5b7f; }
#secondaryLinks a { color:#FFF; }
#secondaryLinks a.AT { color:#E98331; font-size:1.2em; }

#secondaryLinks .header, #secondaryLinks .footer
{
    background:url('/images/int/sc_int_secondary_nav_header.gif') no-repeat;
    height:10px;
    display:block;
}
#secondaryLinks .separator { margin:0 1em;}
#secondaryLinks .footer { background:url('/images/int/sc_int_secondary_nav_footer.gif') no-repeat; }

#tertiaryLinks .content { background:url('/images/int/sc_int_tertiary_nav_tile.gif') repeat-y; color:#023F7F; }
#tertiaryLinks a { color:#000; }
#tertiaryLinks a.AT { font-size:1.3em; color:#023F7F; }
#tertiaryLinks .header, #tertiaryLinks .footer
{
    background:url('/images/int/sc_int_tertiary_nav_header.gif') no-repeat;
    height:22px;
    display:block;
}
#tertiaryLinks .separator { margin:0 1em;}
#tertiaryLinks .footer { background:url('/images/int/sc_int_tertiary_nav_footer.gif') no-repeat; }

#quaternaryLinks { background:#9EABCB url('/images/int/sc_int_nav_third_level_bg_tile.gif') repeat-x 0 100%; color:#FFF; margin:-1px auto 10px; display:inline-block; width:auto; max-width:90%; position:relative; }
#quaternaryLinks a { color:#FFF; }
#quaternaryLinks a.AT { color:#023F7F; }

#quaternaryLinks .header, #quaternaryLinks .footer
{
    /*background:url('/images/int/sc_int_tertiary_nav_header.gif') no-repeat;*/
    /*height:10px;
    display:block;*/
}
#quaternaryLinks .content { padding:10px; }
#quaternaryLinks .separator { margin:0 1em;}

#quaternaryLinks .leftCap, #quaternaryLinks .rightCap 
{ 
    display:block;
    background:url('/images/int/sc_int_nav_third_level_left_cap.gif') no-repeat bottom center;
    width:10px;
    padding-top:32px;
    position:absolute;
    bottom:0;
    left:0;
}

#quaternaryLinks .rightCap 
{
    background-image:url('/images/int/sc_int_nav_third_level_right_cap.gif');
    left:auto;
    right:0;
}

/*#quaternaryLinks .footer { background:url('/images/int/sc_int_tertiary_nav_footer.gif') no-repeat; }*/

/*******\**Interior****/

/*********South Carolina Insiders****/
#insidersBox 
{   background-image:url('/images/mp/sc_main_insiders_tile.gif'); 
    background-repeat:repeat-y; 
    width:245px;  
    margin-left:20px; 
    margin-bottom:10px;
    overflow:hidden;
  }
#insidersBox p {padding-left:20px;}

#insidersSprite { z-index:1; }
#insidersSprite dd { position:static; z-index:1; }
#insidersWrap{ background-image:url('/images/mp/sc_main_insiders_golf.jpg'); background-repeat:no-repeat; width:245px; height:181px; }

#insidersWrap a.ir { overflow:visible; padding-top:25px; z-index:2; position:relative; }
#insidersWrap a.ir span.hover
{
    height/**/:/**/0!important;
    overflow: hidden;
    display:block;
    width:245px;
}

#is_golf { padding-top:4px; }
#is_golf a.ir span.hover { background-image:url('/images/mp/sc_main_insiders_golf.jpg'); top:-4px; }
#is_food a.ir span.hover { background-image:url('/images/mp/sc_main_insiders_food.jpg'); top:-29px; }
#is_fam a.ir span.hover { background-image:url('/images/mp/sc_main_insiders_travel.jpg'); top:-54px; }
#is_outdr a.ir span.hover { background-image:url('/images/mp/sc_main_insiders_outdoor.jpg'); top:-79px; }
#is_anc a.ir span.hover { background-image:url('/images/mp/sc_main_insiders_arts.jpg'); top:-104px; }
#is_lt a.ir span.hover { background-image:url('/images/mp/sc_main_insiders_less_traveled.jpg'); top:-129px; }

#insidersWrap a.ir:hover { z-index:1; }
#insidersWrap a.ir:hover span.hover
{ 
    padding-top:181px;
    position:absolute; 
    z-index:1;
}
#pdivWrapper { text-align: center; width:884px; margin:0 auto;}
#pdivCont {width: 100%; margin-top:10px; background: url('/images/mp/sc_footer_tile.gif');background-repeat:repeat-y; text-align: left;}
#pdivTop {background: url('/images/mp/sc_footer_header.gif'); background-repeat:no-repeat;margin:0; padding:0; height:18px;}
#pdivFoot {background:url('/images/mp/sc_footer_footer.gif') no-repeat center; clear:both;  height:25px;}
/*******\South Carolina Insiders*********/

/*******Product Details specific*********/
#prodId
{   background-image:url('/images/int/sc_interior_header_bar_115.gif');
    background-position:center;
    background-repeat:no-repeat;
    padding:0px 10px 0px 30px; 
    color:#697EA6; 
    font-weight:bold;
    height:115px;
    margin-bottom:20px;
  }
#prodId h2 { padding:20px 0px 0px 0px; font-size:1.8em; margin:0px;}
.content .description{margin-bottom:25px; float:left;}
.content .description p {padding:10px;}
#addTrip {font-weight:bold; text-align:left; display:inline-block; margin-left:20px;}
#addTrip img{display:inline-block; float:left; margin-right:5px;}
#addTriptxt {width: 85px; float:left;}
#contactInfo {float:left;}
.photosVideos {float:right;}
#col1{width:275px; float:left;display:inline-block; padding-left:10px;}
#col2{width:255px; float:right; margin:0px 15px 0px 0px; }
#ctl00_mainContent_productRpt_ctl00_detailsBox{width:293px; float:right; margin:0px;}
#map_canvas{margin-left:10px;}
#contactinfo{display: block; float:left;}
.oneThirdsBox{background-image:url("/images/int/sc_insider_1third_boxrepeat.gif");background-repeat:repeat-y; width:293px;}
.oneThirdsTitle{background-image:url("/images/int/sc_insider_1third_titlebar.gif"); background-repeat:no-repeat; height:38px;}
.oneThirdsTitle h3 {color:#054080; text-align:center; margin:0; padding-top:10px;}
.oneThirdsFoot{background-image:url("/images/int/sc_insider_1third_boxbot.gif");background-repeat:no-repeat; height:23px;}
.twoThirdsBox{background-image:url("/images/int/sc_insider_2thirds_boxrepeat.gif");background-repeat:repeat-y; width:564px;}
.twoThirdsTitle{background-image:url("/images/int/sc_insider_2thirds_titlebar.gif"); background-repeat:no-repeat; height:38px;}
.twoThirdsTitle h3 {color:#054080; text-align:center; margin:0; padding-top:10px;}
.twoThirdsFoot{background-image:url("/images/int/sc_insider_2thirds_boxbot.gif");background-repeat:no-repeat;clear:both; height:23px;}
.fullBox{background-image:url("/images/int/sc_insider_full_boxrepeat.gif");background-repeat:repeat-y; width:890px;}
.fullTitle{background-image:url("/images/int/sc_insider_full_titlebar.gif"); background-repeat:no-repeat; height:38px;}
.fullTitle h3 {color:#054080; text-align:center; margin:0; padding-top:10px;}
.fullFoot{background-image:url("/images/int/sc_insider_full_boxbot.gif");background-repeat:no-repeat;clear:both; height:23px;}
div.backLink { width: 280px; float: right; }
/****\*****Article Layout******/

/***********Adbox*****230x140**/
.adbox {background:url('/images/mp/sc_main_content_inset_ad_tile_249.gif') repeat-y; width:249px; margin-top:10px; vertical-align:top;}
.adboxhead {background:url('/images/mp/sc_main_content_inset_ad_top_cap_249.gif') no-repeat; width:inherit;text-align: center; height:11px;}
.adboxfoot {background:url('/images/mp/sc_main_content_inset_ad_footer_249.gif') no-repeat; width:inherit; height:23px;}
.adbox div.bannerText {padding:0px 15px 0px 15px;} 
.adbox .bannerLink { display: block; padding:0px 15px 0px 15px; }
.adbox img {margin-left:10px;}
/*******\adbox****************/

/**********Events Box**********/
#eventsBox {text-align:center; color:#6D5D65;  }
#eventsBox .layInline label { display:block; font-weight:bold; width:74px; }
.layBlock dd {margin:0px;}
.layInline {margin-bottom:15px;}
.layInline dd { display:inline; zoom: 1; *display: inline; margin:0px;}
#rightDD {width:75px; display:inline-block; zoom: 1; *display: inline; margin-left:15px; text-align:left;}
#leftDD {width:75px; display:inline-block; zoom: 1; *display: inline; margin-left:-10px; margin-right:20px; text-align:left;}
.tbStartDate {width:75px; }
.tbEndDate {width:75px;}
#Label1{width:75px;}
#ddlCities{margin-bottom:10px;}
/********\Events Box***********/

/**********Footer**************/
#footer { text-align: center; width:884px; margin:0 auto;}
#footWrapper {width: 100%; margin-top:10px; background: url('/images/mp/sc_footer_tile.gif');background-repeat:repeat-y; text-align: left;}
#footHeader {background: url('/images/mp/sc_footer_header.gif'); background-repeat:no-repeat;margin:0; padding:0; height:18px;}
#footCol1 {float: left; width: 436px;}
#column1 {float: left; width: 213px; padding-left: 20px; border-right:solid 1px #e7eaec;}
#column2 {float: right; width: 200px; border-right:solid 1px #e7eaec;}
#footCol2 {float: right; width:435px;}
#column3 {float: left; width: 200px; border-right:solid 1px #e7eaec;}
#column4 {float: right; width: 213px;}
#footFooter {background:url('/images/mp/sc_footer_footer.gif') no-repeat center; clear:both;  height:25px;}
#footer a {text-decoration:none; color:#054080;}
#footer li {line-height:1.8em}
#footWrapper ul li { padding: 0 !important; }
#footWrapper ul li ul { list-style-type: none; margin-top: 0; padding-top: 0; }

#lang {margin-top:5px;}
#minhead {color:#054080; font-weight:bold; margin:0px 0px 5px 15px;}
/********\****Footer*********/

/********site info***********/
#siteinfo, #copy, #company { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0; }
#siteinfo { width:  100%; }
#siteinfo li { display: inline; padding: 0 10px; }
#company { font: .83em/1 Arial, sans-serif; }
/*******\site info***********/


/*******search? left untouched until I get search results*******/
#searchResults
{
    background:url('/images/mp/sc_footer_tile.gif?width=805&height=18&stretch=fill') repeat-y;
    /*width:884px;*/
    width: 805px;
    margin:0 auto;
}


#searchResults .header { background:url('/images/mp/sc_footer_header.gif?width=805&height=18&stretch=fill') no-repeat; height:18px; }
#searchResults .content { font-size:1em; margin:0; margin:0 5px; }
#searchResults .footer { background:url('/images/mp/sc_footer_footer.gif?width=805&height=25&stretch=fill') no-repeat; height:25px; position:relative; z-index:1; }

#searchResults .pager .hr { width:100%; margin:10px auto; }

#searchResults .resultsList, #searchResults #map_canvas { height:500px; overflow:auto; /*padding:5px 0;*/  }

#searchResults .resultsList
{
    width:50%;
    float:left;
    margin-right:5px;
}

#searchResults .resultsList .item
{
    background: url('/images/int/sc_int_search_bar_background.gif?crop=%2815,5,16,126%29') repeat-x bottom;
    padding:8px 5px 8px 40px;
    
}
#searchResults .resultsList .item .dateString { font-size: .83em; }
/*#searchResults .resultsList .alt { background-color:#CDC8C2;}*/
#searchResults .resultsList .item a {font-weight:bold;}
#searchResults .resultsList .item h1 h2 h3 {margin-bottom:4px;}

#searchResults .resultsList img { vertical-align:middle; margin-left:-35px; margin-right:10px; }

#searchResults .resultsList .desc { display:none; }

#searchResults #map_canvas { border:1px solid #000; height:498px; }

#searchResults .pager
{
    padding:5px;
}

#searchResults .alphaPager { position:relative; z-index:2; }
/********\search*************/

/********gallery*************/
.gallery .content
{    
	display: none;
	float: right;
	width: 502px;
	clear:none;
	font-size:1em;
}

.gallery .controls 
{
	margin-top: 5px;
	height: 23px;
}
.gallery .controls a 
{
	padding: 5px;
}
.gallery .ss-controls 
{
	float: left;
}
.gallery .nav-controls 
{
	float: right;
}

.gallery .slideshow-container 
{  
    position:relative; 
    height:502px; 
    clear:both; 
}            

.gallery .loader 
{
    position: absolute;
    top: 0;
    left: 0;
    background-image: url('/images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 500px;
    height: 500px; /* This should be set to be at least the height of the largest image in the slideshow */
}

.gallery .slideshow span.image-wrapper {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #F0F0F0;
}            

.gallery .slideshow a.advance-link {
    display: block;
    width: 502px;
    height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
    line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
    text-align: center;
    white-space:nowrap;
    text-decoration:none; 
}

.gallery .slideshow img {
    vertical-align: middle;
    border:1px solid #ccc;
}

.gallery .caption-container {
	clear: left;
	/*position: relative;
	height: 150px;*/
}
.gallery .caption-container .previous
{
    display:none;
}
.gallery .image-caption {
	display: block;
	/*position: absolute;*/
	width: 502px;
	top: 0;
	left: 0;
}
.gallery .caption {
	padding: 12px;
}
.gallery .image-title {
	font-weight: bold;
	font-size: 1.4em;
	background-color:#fff; /** added because IE has isues with transparency and makes the text jagged.*/
}
.gallery .image-desc {
	line-height: 1.3em;
	padding-top: 12px;
	
}
            
.gallery ul.thumbs {
    clear: both;
    margin:0;
    padding:0;
}

.gallery ul.thumbs li {
    float: left;
    padding: 0;
    margin: 5px 12px 5px 0;
    list-style: none;
}

.gallery ul.thumbs li:last-child 
{
    margin-right:0px;
}

.gallery a.thumb {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}

.gallery a.thumb img { display:block; }

.gallery ul.thumbs li.selected a.thumb {
    background: #000;
}

.gallery .pagination {
	clear: both;
}
.gallery .navigation .top {
	margin-bottom: 12px;
	height: 11px;
}
.gallery .navigation .bottom {
	margin-top: 12px;
}

.pagination a, .pagination span.current, .pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

.blog .galleryContainer { width:202px; float:right; margin: 20px 10px 0 10px;}
.blog .gallery .loader { height:202px; width:202px; }
.blog .gallery .slideshow-container { height:202px; }
.blog .gallery .slideshow .loader { width:202px; height:202px; }
.blog .gallery .slideshow a.advance-link { width:202px; height:202px; line-height:202px; }


/********\gallery*************/
/********Maps****************/
#maps
    {
    display:block;
    width:800px;
    margin:0 auto;
    }
.sMap
    {
    float:left;
    width:380px;
    margin-left:15px;
    }

/****misc*****/
#Address1{color: #054080; margin-left:40px; font-style:normal;}
.icon {display: inline-block; padding: 1px 0 8px 25px; line-height:10px;}
#de {background-image:url('/images/common/sc_insider_flag_deutch.gif'); background-repeat:no-repeat; }
#it {background-image:url('/images/common/sc_insider_flag_it.gif');background-repeat:no-repeat;}
#uk {background-image:url('/images/common/sc_insider_flag_uk.gif');background-repeat:no-repeat;}
.fakeGoogle{margin-left:20px; font-weight:bold;}
/* \*/
/**************unused*****************/
* html #sidebar, # html .home #related { overflow: hidden; display: inline;  }
/* =BANNERS
****************************/
#bannerWrapper
{
    word-spacing:-1em;
    text-align:center;
    clear: both;
}

#bannerWrapper .adbox
{
	display:inline-block;
	word-spacing:normal;
	text-align:left;
	margin:10px;
}

.contentBanner
{
    float: right;
    margin: 6px 10px 10px 10px;
}

/* =DROPDOWNS 
*****************************/
/* behavior */
.dropdown dd { position: relative; z-index: 1; }
.dropdown ul {  position: absolute; z-index: 5; top: 45px; left: 2px; display: none; }
#mainnav ul { top: 47px; left:3px; }
dd#mn_see ul { left:12px; }

.dropdown dd.over { z-index: 10; }
.dropdown dd.over ul { display: block; }
.dropdown ul a { display: inline-block; } /* do not leave this line out; do not change this line. It fixes a bug in IE, however you can change it in another css rule! */


/* look-and-feel */
.dropdown ul
{     
    background:url('/images/mp/sc_main_nav_dropdown_cap.png') no-repeat left bottom;
    padding-bottom:12px;
    width:190px;
}

.dropdown ul li a
{
    display:block;    
    color:#FFF;
    font-size:1.2em;
    font-weight:bold;
    padding:.5em 1em;
    text-decoration:none;
}

.dropdown li { background:#002E62; }
.dropdown li.alt { background:#41628B; }

.dropdown a:hover { color:#E98331; }


/* =IE 
*************************/
/********end css*********/

}

#enewsform .label
{
    text-align: right;
    padding-right: 8px;
}

#ads
{
    text-align: center;
}

#content #main .leaderBoard
{
    display: block;
    margin: 6px auto 6px auto;
    text-align:center;
}

#contentActionBar
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    text-align: center;
}

#contentActionBar li
{
    display: inline;
    padding: 0 10px;
}

/**** PRODUCTS PAGE PHOTO ROTATOR ****/
.photoRotator
{
    margin: 0 auto;
}
/**** END PRODUCTS PAGE PHOTO ROTATOR ****/

.productlist thead
{
    background-color: #002D62;
    color: white;
}
.productlist th
{
    padding: 3px 0;
}
.productlist tr.alt
{
    background-color: #e5e5e5;
}
.productlist td
{
    padding: 4px 2px;
}


h1.cityName
{
    display: block;
    color: #002D5E; 
    font-weight: bold;
    width: 858px;
    height: 55px;
    padding: 20px 0 0 20px;
    margin: 0 auto;
    background: url('/images/int/sc_interior_header_bar_75.gif') no-repeat;
    clear:both;
}

h1.cityName .header
{
    /*background: url('/images/int/sc_int_tertiary_nav_header.gif') no-repeat left bottom;
    height: 21px;*/
}

h1.cityName .header,
h1.cityName .footer
{
    /*display: block;*/
}
h1.cityName .footer
{
    /*height: 22px;
    background: url('/images/int/sc_int_tertiary_nav_footer.gif') no-repeat;*/
}

h1.cityName .content
{
    display: block;
    /*background: url('/images/int/sc_int_tertiary_nav_tile.gif') repeat-y;*/
    padding-left: 20px;
    font-size: 1em !important;
    margin: 0 !important;
}


#ct_detail
{
    padding: 0 20px;
}

#ct_detail .item
{
    padding-bottom: 20px;
}

p.directionsMenu
{
    margin-bottom: 0.3em;
}

/**** Copied from old site(s) ****/

#recommendationForm label { margin: 0 0 0.25em; }
#recommendationForm label,
#recommendationForm input,
#recommendationForm select,
#recommendationForm textarea
{
    display:block;
}