/* @override 

	http://visitsoutherncalifornia.net/modx/assets/templates/southCal/main.css
*/
.homeImg { background-image:url(images/home-mainImg_800x281.jpg); }
#homeBody div.homeImg div.leftHome p span { font-weight:700; font-size:13px; color:#1233B2; }
#homeBody .homeImg div.rightHome { padding-top:7px; }
.homeImg div.rightHome a.btnDiscount { display:block; background-image:url(images/btn-discountTickets_347x112.jpg); background-position:top left; background-repeat:no-repeat; width:347px; height:56px; text-decoration:none;}
.homeImg div.rightHome a.btnDiscount:hover { background-position:0 -56px; }
.homeImg div.rightHome a.btnDiscount span { visibility:hidden; }
#block-block-3 { padding-top:45px; }
/*** Custom Comment Styling ***/
form#user-login, form#user-register, form#user-pass { border: 1px solid #999; padding: 10px; background-color: #e6e6e6; margin-left: 10px; width: 450px; margin-top: 10px;}
input#edit-name.form-text.required, input#edit-pass.form-text.required, input#edit-mail.form-text.required, input#edit-field-name-0-value.form-text, input#edit-conf-mail.form-text.required { width: 250px;}
 { }


div.form-item div.description { font-size: 12px; padding-top: 5px; padding-bottom: 5px; line-height: 15px;}
a.purchase { display: block; width: 163px; height: 34px;}
a.purchase span { display: none;}
#profileBody.profileHotels div.profileColumn1 p a.purchase { background-image: url(images/purchase-button-blue.gif);}
#profileBody.profileShopping div.profileColumn1 p a.purchase { background-image: url(images/purchase-button-purple.gif);}
#profileBody.profileRestaurants div.profileColumn1 p a.purchase { background-image: url(images/purchase-button-orange.gif);}
#profileBody.profileAttractions div.profileColumn1 p a.purchase { background-image: url(images/purchase.png);}


#mini-panel-user_basics div.panel-flexible-sidebars div.panel-row.panel-row-1.clear-block div.panel-col.panel-col-2.panel-col-inside { clear: left; width: 200px; padding: 5px; background-color: #ccc; border: 1px solid #808080;}
#mini-panel-user_basics div.panel-flexible-sidebars div.panel-row.panel-row-1.clear-block div.panel-col.panel-col-2.panel-col-inside div.inside { background-color: #e6e6e6; padding: 3px;}
#mini-panel-user_basics div.panel-flexible-sidebars div.panel-row.panel-row-1.clear-block div.panel-col.panel-col-2.panel-col-inside div.inside div.panel-pane div.content div.user-info div.account-joined { font-size: 15px;}
#user-profile div.panel-flexible-sidebars div.panel-row.panel-row-1.clear-block div.panel-col.panel-col-1.panel-col-only div.inside div.panel-pane h2.title {}
#user-profile div.panel-flexible-sidebars div.panel-row.panel-row-1.clear-block div.panel-col.panel-col-1.panel-col-only div.inside div.panel-pane h2.title,
#user-profile div.panel-flexible-sidebars div.panel-row.panel-row-2.clear-block div.panel-col.panel-col-1.panel-col-first div.inside div.panel-pane h2.title
 { color: #1233b2; background-color: white;}
#user-profile div.panel-flexible-sidebars div.panel-row.panel-row-3.clear-block div.panel-col.panel-col-1.panel-col-only div.inside div.panel-pane h2.title { display: none;}



div#mini-panel-user_basics.panel-flexible { background-color: white;}
div#tabs-wrapper.clear-block, #user-profile div.panel-flexible-sidebars { width: 500px;}
#tabs-wrapper ul.tabs.primary li a { color: #1233b2; padding-top: 2px;}
/**/
div.view-Browse-hotels, .view-Browse-restaurants, .view-Browse-attractions, .view-Browse-shopping { text-align: left; }
.view-header-Browse-hotels, .view-header-Browse-restaurants, .view-header-Browse-attractions, .view-header-Browse-shopping { text-align: left;}
.view-Frontpage-hotel, .view-Frontpage-restaurants, .view-Frontpage-attractions, .view-Frontpage-shopping { color: #FFFFFF; float: left; width: 195px; }
.view-Frontpage-hotel, .view-Frontpage-restaurants, .view-Frontpage-shopping { padding-right:6px; }
.view-Frontpage-attractions { margin-left:6px;}
.view-content-Frontpage-hotel, .view-content-Frontpage-restaurants, .view-content-Frontpage-attractions, .view-content-Frontpage-shopping { color: #FFFFFF; float: left; }
#comments { }
div.comment { margin-top: 0; padding-top: 5px; padding-bottom: 5px;}
/**/
#login a { color: #fff; text-decoration: none; font-size: 12px;}
#login a:hover { text-decoration: underline;}
#comments div.comment div.clear-block div.content p { font: 12px Helvetica, sans-serif; margin: 7px 0 15px 5px;}
h2.comments { }
#comments div.comment div.clear-block h3 a { margin-bottom: 5px; display: block; padding-bottom: 3px; padding-top: 6px; margin-right: 0; margin-left: 5px;}
#comments div.comment div.clear-block { background-color: #f8f8f8; border: 1px solid #b3b3b3; margin-bottom: 5px;}
div.links { font-size: 10px; margin-bottom: 8px;}
#comments div.comment div.clear-block span.submitted { font-size: 10px; display: block; padding: 3px; color: #4c4c4c;}
#profileBody div.profileColumn2 p { font: 12px/18px Helvetica, sans-serif;}

/* CSS Document */
/* Home CSS */
#homeBody { background-image: url(images/home-img_stretch_1x281.gif); background-repeat: repeat-x; height: 620px; margin-top: 0px; padding: 0px; background-color: #FFFFFF;}
/**/
.homeImg { width: 800px; margin-left: auto; margin-right: auto; background-image: url(images/home-mainImg_800x281.jpg); background-repeat: no-repeat; width: 800px; height: 281px;}
/**/
.homeImg div.leftHome { float: left; width: 395px; padding: 5px 5px 0 10px;}
.homeImg div.leftHome div.welcomeTtl { background-image: url(images/home-welcome_ttl_350x35.gif); background-repeat: no-repeat; width: 350px; height: 35px;}
.homeImg div.leftHome div.welcomeTtl span { visibility: hidden;}
.homeImg div.leftHome p { margin: 0px; padding: 0px; margin-top: 8px; line-height: 14px; font-size: 12px;}
.homeImg div.leftHome div.exclusiveTtl { background-image: url(images/home-exclusive_ttl_192x31.gif); background-repeat: no-repeat; width: 192px; height: 31px; margin-top: 8px;}
.homeImg div.leftHome div.exclusiveTtl span { visibility: hidden;}
.homeImg div.leftHome p.exlusiveP { width: 250px;}
.homeImg div.leftHome img { position: relative; left: 100px; top: 7px;}
/**/
.categoryBox { width: 347px; font-family: Helvetica, Arial, sans-serif; font-size: 12px;}
.categoryBox ul { margin: 0px; padding: 0px; list-style: none;}
.categoryBox ul li { width: 86px; height: 27px; float: left; text-align: center;}
.categoryBox ul li a { display: block; width: 86px; height: 20px; text-decoration: none; font-size: 13px; font-weight: 700; color: #FFFFFF; padding-top: 7px; background-position: top;}
.categoryBox ul li a:hover { text-decoration: underline;}
.categoryBox ul li.tabShopping, .categoryBox ul li.tabHotel, .categoryBox ul li.tabRestaurant { margin-right: 1px;}
.categoryBox ul li.tabShopping a { background-image: url(images/tab-shopping_86x27.gif);}
.categoryBox ul li.tabHotel a { background-image: url(images/tab-hotel_86x27.gif);}
.categoryBox ul li.tabRestaurant a { background-image: url(images/tab-restaurant_86x27.gif);}
.categoryBox ul li.tabAttraction a { background-image: url(images/tab-attraction_86x27.gif);}
.fragment { padding: 1px;}
.fragment div.shadow { background-image: url(images/tabBox-shadow_1x12.gif); background-repeat: repeat-x; height: 12px; line-height: 1px; font-size: 1px;}
.fragment div.browseBy { background-repeat: no-repeat; position: relative; left: 10px; padding-bottom: 5px;}
.fragment div.browseBy span { visibility: hidden;}
.fragment select { position: relative; left: 10px; margin-right: 8px; font-size: 13px;}
.fragment input { margin-top: 12px; margin-bottom: 8px; position: relative; left: 90px;}
.fragment form { margin: 0px; padding: 0px;}
#fragment-1 { border: 2px solid #6b3070;}
#fragment-1 div.browseBy { background-image: url(images/ttl-browseShopping_189x35.gif); background-repeat: no-repeat; width: 205px; height: 35px;}
#fragment-2 { border: 2px solid #2748af;}
#fragment-2 div.browseBy { background-image: url(images/ttl-browseHotels_155x32.gif); background-repeat: no-repeat; width: 155px; height: 32px;}
#fragment-3 { border: 2px solid #e77a09;}
#fragment-3 div.browseBy { background-image: url(images/ttl-browseRestaurants_212x35.gif); background-repeat: no-repeat; width: 212px; height: 35px;}
#fragment-4 { border: 2px solid #1a6739;}
#fragment-4 div.browseBy { background-image: url(images/ttl-browseAttractions_203x32.gif); background-repeat: no-repeat; width: 203px; height: 32px;}
/**/
#features { width: 800px; margin-left: auto; margin-right: auto; margin-top: 20px; color: #FFFFFF; height: 250px;}
#featBox, #featBoxAlt { float: left; background-repeat: repeat-y; color: #FFFFFF; width:195px; }
#featBox div.featHead { background-repeat: no-repeat; width: 188px; height: 130px; padding-right: 7px; padding-top: 46px; padding-bottom: 5px; text-align: center;}
#featBoxAlt div.featHead { background-repeat: no-repeat; width: 188px; height: 156px; padding-right: 7px; padding-top: 46px; text-align: center;}
#featBox dl, #featBoxAlt dl { margin: 0px; padding: 0px; width: 168px; padding-left: 10px; padding-right: 17px; padding-bottom: 5px;}
div#featBox.featRestaurants dl, div#featBox.featHotels dl, div#featBox.featShopping dl { height: 73px;}
div#featBox.featAttractions dl { height:54px;}
#featBox dl dt, #featBoxAlt dl dt { font-size: 13px; font-weight: 700; padding-top: 3px; padding-bottom: 3px;}
#featBox dl dd, #featBoxAlt dl dd { margin: 0px; padding: 0px; padding-top: 3px; padding-bottom: 3px; font-size: 10px;}
#featBox dl dd span, #featBoxAlt dl dd span { font-weight: 700;}
#featBox div.btn, #featBoxAlt div.btn { width: 143px; padding-right: 7px; padding-left: 45px;}
#featBox div.btn a, #featBoxAlt div.btn a { display: block; width: 104px; height: 24px; text-decoration: none;}
#featBox div.btn a span, #featBoxAlt div.btn a span { visibility: hidden;}
#featBox div.featBottom, #featBoxAlt div.featBottom { background-position: bottom; background-repeat: no-repeat; width: 195px; height: 10px; padding-top: 6px; line-height: 1px; font-size: 1px;}
.featShopping { background-image: url(images/feat-S_stretch_195x1.gif); }
.featShopping div.featHead { background-image: url(images/feat-S_top_195x176.gif);}
.featShopping div.btn a { background-image: url(images/btn-S_viewprofile_104x24.gif);}
.featShopping div.featBottom { background-image: url(images/feat-S_bottom_195x10.gif);}
.featHotels { background-image: url(images/feat-H_stretch_195x1.gif); margin-left: 0; padding-left: 0;}
.featHotels div.featHead { background-image: url(images/feat-H_top_195x176.gif);}
.featHotels div.btn a { background-image: url(images/btn-H_viewprofile_104x24.gif);}
.featHotels div.featBottom { background-image: url(images/feat-H_bottom_195x10.gif);}
.featRestaurants { background-image: url(images/feat-R_stretch_195x1.gif);}
.featRestaurants div.featHead { background-image: url(images/feat-R_top_195x176.gif);}
.featRestaurants div.btn a { background-image: url(images/btn-R_viewprofile_104x24.gif);}
.featRestaurants div.featBottom { background-image: url(images/feat-R_bottom_195x10.gif);}
.featAttractions { background-image: url(images/feat-A_stretch_195x1.gif);}
div#featBox.featAttractions div.featHead { background-image: url(images/feat-A_top_195x202.gif); height: 148px;}
.featAttractions div.btn a { background-image: url(images/btn-A_viewprofile_104x24.gif);}
.featAttractions div.featBottom { background-image: url(images/feat-A_bottom_195x10.gif);}
/**/
.homeImg div.rightHome { float: left; width: 348px; padding-top: 80px; padding-left: 42px;}

/* MAIN CSS */
body { margin: 0px; padding: 0px; background-color: #FFFFFF; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; color: #333333; height: 100%; background-image: url(images/footer_bg_5x5.gif); text-align: left;}
body img { border: 0px; text-decoration: none;}
#wrapper { background-color: #fff;}
.shadow { background-image: url(images/shadow-stretch_1x7.gif); background-repeat: repeat-x; height: 7px; line-height: 1px; font-size: 1px;}
#clear { clear: left; line-height: 1px; font-size: 1px;}
#divider { background-image: url(images/div-dotted_4x1.gif); background-repeat: repeat-x; height: 1px; line-height: 1px; font-size: 1px;}
h2 { display: inline; margin: 0px; padding: 0px; font-size: 18px; font-weight: 700;}
/**/
#header { }
#header div.headTop { background-image: url(images/head-bg_stretch_1x94.gif); background-position: top; background-repeat: repeat-x; height: 94px;}
#header div.headCentered { width: 920px; margin-left: auto; margin-right: auto;}
#header div.headerBar { background-image: url(images/menu-stretch_1x32.gif); background-repeat: repeat-x; height: 32px; line-height: 1px; font-size: 1px;}
#header div.headerBar dl { padding: 0px; width: 642px; margin-left: auto; margin-right: auto;}
#header div.headerBar dl dd { padding: 0px; margin: 0px; display: inline; float: left;}
#header div.headerBar dl dd a { background-repeat: no-repeat; background-position: top left; display: block; height: 32px; text-decoration: none;}
#header div.headerBar dl dd a:hover { background-position: 0 -32px;}
#header div.headerBar dl dd a span { visibility: hidden;}
#header div.headerBar dl dd.menuShopPlay a { background-image: url(images/menu-shopPlay_118x64.gif); width: 118px;}
#header div.headerBar dl dd.menuShopping a { background-image: url(images/menu-shopping_102x64.gif); width: 102px;}
#header div.headerBar dl dd.menuHotels a { background-image: url(images/menu-hotels_79x64.gif); width: 79px;}
#header div.headerBar dl dd.menuRestaurants a { background-image: url(images/menu-restaurants_117x64.gif); width: 117px;}
#header div.headerBar dl dd.menuAttractions a { background-image: url(images/menu-attractions_113x64.gif); width: 113px;}
#header div.headerBar dl dd.menuArticles a { background-image: url(images/menu-articles_120x64.gif); width: 120px;}
#header div.headerBar dl dd.menuContact a { background-image: url(images/menu-contact_95x64.gif); width: 95px;}
/**/
#logo { float: left; width: 265px; height:94px; }
#headAd { width: 470px; float: left; margin: 10px;}
#login { float: left; background-image: url(images/login-bg_151x41.gif); background-repeat: no-repeat; width: 146px; height: 62px; color: #FFFFFF; padding-top: 10px; padding-right: 5px; font-weight: 700; text-align: center;}
#login div { height:31px;}
/**/
#footer { background-image: url(images/footer-stretch_1x130.gif); background-repeat: repeat-x; height: 130px; color: #FFFFFF; font-size: 11px;}
#footer a { color: #FFFFFF; text-decoration: none; margin: 5px;}
#footer a:hover { text-decoration: underline;}
#footer div.footerCentered { width: 900px; margin-left: auto; margin-right: auto; padding-top: 65px;}
#footer div.footerLinks { float: left; width: 700px;}
#footer div.footerCopy { float: left; width: 200px; text-align: right;}

/* BROWSE LISTING CSS */
#browseBody { width: 775px; margin-left: auto; margin-right: auto; margin-top: 18px; text-align: left;}
/**/
/*#browseContent { float:left; width:645px; margin-top:45px;}*/
div.view-content.view-content-Browse-hotels { float: left; width: 645px; margin-top: 45px;}
div.view-content.view-content-Browse-hotels div.browseListing div.browseBar-H a:link { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-hotels div.browseListing div.browseBar-H a:active { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-hotels div.browseListing div.browseBar-H a:visited { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-hotels div.browseListing div.browseBar-H a:hover { color: #fff; text-decoration: underline;}
div.view-content.view-content-Browse-shopping { float: left; width: 645px; margin-top: 45px;}
div.view-content.view-content-Browse-shopping div.browseListing div.browseBar-S a:link { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-shopping div.browseListing div.browseBar-S a:active { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-shopping div.browseListing div.browseBar-S a:visited { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-shopping div.browseListing div.browseBar-S a:hover { color: #fff; text-decoration: underline;}
div.view-content.view-content-Browse-restaurants { float: left; width: 645px; margin-top: 45px;}
div.view-content.view-content-Browse-restaurants div.browseListing div.browseBar-R a:link { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-restaurants div.browseListing div.browseBar-R a:active { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-restaurants div.browseListing div.browseBar-R a:visited { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-restaurants div.browseListing div.browseBar-R a:hover { color: #fff; text-decoration: underline;}
div.view-content.view-content-Browse-attractions { float: left; width: 645px; margin-top: 45px;}
div.view-content.view-content-Browse-attractions div.browseListing div.browseBar-A a:link { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-attractions div.browseListing div.browseBar-A a:active { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-attractions div.browseListing div.browseBar-A a:visited { color: #fff; text-decoration: none;}
div.view-content.view-content-Browse-attractions div.browseListing div.browseBar-A a:hover { color: #fff; text-decoration: underline;}
.browseListing div.browseBox { border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding-top: 1px; margin-bottom: 30px;}
.browseListing div.browseThumb { float: left; width: 160px; text-align: right;}
.browseListing div.browseThumb div { margin-right: 12px; margin-top: 10px;}
.browseListing div.browseDesc { float: left; width: 248px; padding-top: 5px; padding-left: 12px; padding-bottom: 10px; padding-right: 10px;}
.browseDesc div.browseCategory { color: #999999; margin-top: 8px; margin-bottom: 8px; font-size: 12px;}
.browseDesc div.browseCategory span { font-weight: 700;}
.browseDesc p { margin: 0px; padding: 0px; margin-top: 8px; margin-bottom: 8px;}
.browseListing div.browseVideo { float: left; width: 212px;}
.browseListing div.browseVideo div { border: 1px solid #FFFFFF; width: 200px; position: relative; bottom: 30px;}
/**/
#browseAd { float: left; width: 120px; margin-left: 10px; margin-top: 45px;}

/* BROWSE LISTING DIFFERENT CATEGORIES */
/* BROWSE HOTELS */
#browseBody div.browseTtl-H { background-image: url(images/ttl-browseHotels_155x32.gif); background-repeat: no-repeat; width: 155px; height: 32px; margin-bottom: 13px; text-align: left;}
#browseBody div.browseSearch-H { background-image: url(images/browse-bar_stretch_1x50.gif); background-position: top; background-repeat: repeat-x; height: 43px; color: #FFFFFF; font-weight: 700;}
.browseListing div.browseBar-H { background-image: url(images/browse-bar_blue_1x35.gif); background-repeat: repeat-x; height: 27px; color: #FFFFFF; font-weight: 700; font-size: 18px; padding-top: 8px; padding-left: 12px;}
#browseBody div.browseSearch-H div.browseSearch_col1 { float: left; width: 517px; font-size: 14px; padding-left: 13px;}
#browseBody div.browseSearch-H div.browseSearch_col1 form { margin: 0px; padding: 0px;}
#browseBody div.browseSearch-H div.browseSearch_col1 form input { position: relative; top: 7px;}
#browseBody div.browseSearch-H div.browseSearch_col2 { float: left; width: 232px; padding-right: 13px; text-align: right; margin-top: 13px;}
#browseBody div.browseSearch-H div.browseSearch_col2 span { margin-right: 20px; font-size: 12px;}
.browseComments-H, .browseMap-H, .browseWeb-H { background-image: url(images/icon-arrow_orange_5x5.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; font-weight: 700; margin-bottom: 5px; font-size: 12px;}
.browseComments-H { margin-bottom: 10px;}
.browseMap-H { float: left; width: 100px;}
.browseWeb-H { float: left; width: 100px;}
.browseComments-H a, .browseMap-H a, .browseWeb-H a { color: #1233b2; text-decoration: none;}
.browseComments-H a:hover, .browseMap-H a:hover, .browseWeb-H a:hover { text-decoration: underline}

/* BROWSE ATTRACTIONS */
#browseBody div.browseTtl-A { background-image: url(images/ttl-browseAttractions_203x32.gif); background-repeat: no-repeat; width: 203px; height: 32px; margin-bottom: 13px;}
#browseBody div.browseSearch-A { background-image: url(images/browse-bar_stretch_g_1x50.gif); background-position: top; background-repeat: repeat-x; height: 43px; color: #FFFFFF; font-weight: 700;}
.browseListing div.browseBar-A { background-image: url(images/browse-bar_green_1x35.gif); background-repeat: repeat-x; height: 27px; color: #FFFFFF; font-weight: 700; font-size: 18px; padding-top: 8px; padding-left: 12px;}
#browseBody div.browseSearch-A div.browseSearch_col1 { float: left; width: 517px; font-size: 14px; padding-left: 13px;}
#browseBody div.browseSearch-A div.browseSearch_col1 form { margin: 0px; padding: 0px;}
#browseBody div.browseSearch-A div.browseSearch_col1 form input { position: relative; top: 7px;}
#browseBody div.browseSearch-A div.browseSearch_col2 { float: left; width: 232px; padding-right: 13px; text-align: right; margin-top: 13px;}
#browseBody div.browseSearch-A div.browseSearch_col2 span { margin-right: 20px; font-size: 12px;}
.browseComments-A, .browseMap-A, .browseWeb-A { background-image: url(images/icon-arrow_orange_5x5.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; font-weight: 700; margin-bottom: 5px; font-size: 12px;}
.browseComments-A { margin-bottom: 10px;}
.browseMap-A { float: left; width: 100px;}
.browseWeb-A { float: left; width: 100px;}
.browseComments-A a, .browseMap-A a, .browseWeb-A a { color: #389b5f; text-decoration: none;}
.browseComments-A a:hover, .browseMap-A a:hover, .browseWeb-A a:hover { text-decoration: underline;}
.browseListing div.browseThumb div.postit { padding-left: 0px; margin-bottom: 5px; margin-right: 0px;}

/* BROWSE RESTAURANTS */
#browseBody div.browseTtl-R { background-image: url(images/ttl-browseRestaurants_212x35.gif); background-repeat: no-repeat; width: 212px; height: 35px; margin-bottom: 13px;}
#browseBody div.browseSearch-R { background-image: url(images/browse-bar_stretch_o_1x50.gif); background-position: top; background-repeat: repeat-x; height: 43px; color: #FFFFFF; font-weight: 700;}
.browseListing div.browseBar-R { background-image: url(images/browse-bar_orange_1x35.gif); background-repeat: repeat-x; height: 27px; color: #FFFFFF; font-weight: 700; font-size: 18px; padding-top: 8px; padding-left: 12px;}
#browseBody div.browseSearch-R div.browseSearch_col1 { float: left; width: 517px; font-size: 14px; padding-left: 13px;}
#browseBody div.browseSearch-R div.browseSearch_col1 form { margin: 0px; padding: 0px;}
#browseBody div.browseSearch-R div.browseSearch_col1 form input { position: relative; top: 7px;}
#browseBody div.browseSearch-R div.browseSearch_col2 { float: left; width: 232px; padding-right: 13px; text-align: right; margin-top: 13px;}
#browseBody div.browseSearch-R div.browseSearch_col2 span { margin-right: 20px; font-size: 12px;}
.browseComments-R, .browseMap-R, .browseWeb-R { background-image: url(images/icon-arrow_orange_5x5.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; font-weight: 700; margin-bottom: 5px; font-size: 12px;}
.browseComments-R { margin-bottom: 10px;}
.browseMap-R { float: left; width: 100px;}
.browseWeb-R { float: left; width: 100px;}
.browseComments-R a, .browseMap-R a, .browseWeb-R a { color: #ff901e; text-decoration: none;}
.browseComments-R a:hover, .browseMap-R a:hover, .browseWeb-R a:hover { text-decoration: underline}

/* BROWSE SHOPPING */
#browseBody div.browseTtl-S { background-image: url(images/ttl-browseShopping_189x35.gif); background-repeat: no-repeat; width: 210px; height: 35px; margin-bottom: 13px;}
#browseBody div.browseSearch-S { background-image: url(images/browse-bar_stretch_p_1x50.gif); background-position: top; background-repeat: repeat-x; height: 43px; color: #FFFFFF; font-weight: 700;}
.browseListing div.browseBar-S { background-image: url(images/browse-bar_purple_1x35.gif); background-repeat: repeat-x; height: 27px; color: #FFFFFF; font-weight: 700; font-size: 18px; padding-top: 8px; padding-left: 12px;}
#browseBody div.browseSearch-S div.browseSearch_col1 { float: left; width: 517px; font-size: 14px; padding-left: 13px;}
#browseBody div.browseSearch-S div.browseSearch_col1 form { margin: 0px; padding: 0px;}
#browseBody div.browseSearch-S div.browseSearch_col1 form input { position: relative; top: 7px;}
#browseBody div.browseSearch-S div.browseSearch_col2 { float: left; width: 232px; padding-right: 13px; text-align: right; margin-top: 13px;}
#browseBody div.browseSearch-S div.browseSearch_col2 span { margin-right: 20px; font-size: 12px;}
.browseComments-S, .browseMap-S, .browseWeb-S { background-image: url(images/icon-arrow_orange_5x5.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; font-weight: 700; margin-bottom: 5px; font-size: 12px;}
.browseComments-S { margin-bottom: 10px;}
.browseMap-S { float: left; width: 100px;}
.browseWeb-S { float: left; width: 100px;}
.browseComments-S a, .browseMap-S a, .browseWeb-S a { color: #823e81; text-decoration: none;}
.browseComments-S a:hover, .browseMap-S a:hover, .browseWeb-S a:hover { text-decoration: underline}

/* PROFILE PAGE */
#profileBody { width: 775px; margin-left: auto; margin-right: auto; margin-top: 18px; text-align: left;}
#profileBody div.profileTtl { font-size: 30px; font-weight: 500; margin-bottom: 25px;}
#profileBody div#dividerShadow { background-image: url(images/divider-fade_1x10.gif); background-repeat: repeat-x; height: 10px;}
/**/
#profileBody div.profileColumn1 { float: left; width: 330px;}
#profileBody div.profileColumn1 div.profileImgTop { background-image: url(images/profile-img_top_326x7.gif); background-repeat: no-repeat; width: 326px; height: 7px; line-height: 1px; font-size: 1px;}
#profileBody div.profileColumn1 div.profileImg { background-image: url(images/profile-img_stretch_326x1.gif); background-repeat: repeat-y; width: 319px; padding-left: 7px;}
#profileBody div.profileColumn1 div.profileImgBottom { background-image: url(images/profile-img_bottom_326x11.gif); background-repeat: no-repeat; width: 326px; height: 11px; margin-bottom: 15px;}
#profileBody div.profileColumn1 div.profileLinks { padding-left: 20px; font-size: 12px;}
#profileBody div.profileColumn1 div.profilePhoto { background-image: url(images/icon-photogallery_46x35.gif); background-position: top left; background-repeat: no-repeat; padding-left: 50px; font-weight: 700; height: 30px;}
#profileBody div.profileColumn1 div.profileMap, .profileColumn1 div.profileWeb { background-image: url(images/icon-arrow_orange_5x5.gif); background-position: top left; background-repeat: no-repeat; padding-left: 10px; font-weight: 700; margin-bottom: 5px;}
#profileBody div.profileColumn1 div.profilePhoto { float: left; width: 120px; padding-top: 13px;}
#profileBody div.profileColumn1 div.profileMap, .profileColumn1 div.profileWeb { float: left; width: 120px; margin-top: 13px;}
#profileBody div.profileColumn1 div.profileMap a, .profileColumn1 div.profileWeb a, .profileColumn1 div.profilePhoto a { text-decoration: none;}
#profileBody div.profileColumn1 div.profileMap a:hover, .profileColumn1 div.profileWeb a:hover, .profileColumn1 div.profilePhoto a:hover { text-decoration: underline}
/**/
#profileBody div.profileColumn2 div.profileComments { float: left; width: 250px; margin-top: 30px; margin-bottom: 5px; font-size: 16px; font-weight: 700;}
#profileBody div.profileColumn2 div.profileView { float: left; width: 180px; text-align: right; margin-top: 30px;}
/**/
#profileBody div.profileColumn2 { float: left; width: 435px; padding-left: 10px;}
#profileBody div.profileColumn2 div.profileCategory { color: #999999; margin-top: 8px; margin-bottom: 8px; font-size: 12px;}
#profileBody div.profileColumn2 div.profileCategory span { font-weight: 700;}
#profileBody div.profileColumn2 p.profileDesc { float: left; padding-right: 5px; line-height: 20px;}
#profileBody div.profileColumn2 div.profileVideo { float: left; width: 200px; padding-top: 15px;}

/* PROFILE MAP PAGE */
#profileMapBody { width: 775px; margin-left: auto; margin-right: auto; margin-top: 18px;}
#profileMapBody div.profileTtl { font-size: 30px; font-weight: 500; margin-bottom: 25px;}
#profileMapBody div#dividerShadow { background-image: url(images/divider-fade_1x10.gif); background-repeat: repeat-x; height: 10px;}
/**/
#profileMapBody div.profileColumn1 { float: left; width: 440px;}
#profileMapBody div.profileColumn1 div.profileMap { width: 425px; padding-left: 7px;}
/**/
#profileMapBody div.profileColumn2 { float: left; width: 325px; padding-left: 10px;}
#profileMapBody div.profileColumn2 div.profileCategory { color: #999999; margin-top: 8px; margin-bottom: 8px;}
#profileMapBody div.profileColumn2 div.profileCategory span { font-weight: 700;}
#profileMapBody div.profileColumn2 p.profileDesc { float: left; padding-right: 5px; line-height: 20px; margin-bottom: 30px;}
#profileMapBody div.profileColumn2 a.profileWeb { background-image: url(images/icon-arrow_orange_5x5.gif); background-position: top left; background-repeat: no-repeat; text-decoration: none; font-weight: 700; padding-left: 10px;}
#profileMapBody div.profileColumn2 a:hover.profileWeb { text-decoration: underline}

/* PROFILE and MAP PAGE COLORS */
.profileHotels a { color: #1233b2;}
.profileHotels div.profileTtl { color: #1233b2;}
.profileAttractions a { color: #389b5f;}
.profileAttractions div.profileTtl { color: #389b5f;}
.profileRestaurants a { color: #ff901e;}
.profileRestaurants div.profileTtl { color: #ff901e;}
.profileShopping a { color: #823e81;}
.profileShopping div.profileTtl { color: #823e81;}


/* ARTICLE PAGES */
#articles { width:800px; margin:0 auto; padding:20px 0 0 0; }
#articles div.articlesColumn { width:195px; float:left; padding-top:10px; }
#articles div.columnPadding { padding-right:6px; }
#articles div.articlesColumn ul { margin:0px; padding:0 5px; list-style:none; }
#articles div.articlesColumn ul li { margin:0px; padding:7px 5px 7px 10px; background-image:url(../images/icon-arrow_orange_5x5.gif); background-position:0px 11px; background-repeat:no-repeat; }
#articles div.articlesColumn ul li a { color:#666666; font-size:16px; text-decoration:none; }
#articles div.articlesColumn ul li a:hover { color:#333333; }
#articles div.articlesColumn div#divider { width:180px; margin:0 auto; }
#articles div.articlesColumn div.viewMore { padding:10px 10px 0 0; text-align:right; }
#articles div.articlesColumn div.viewMore a { background-image:url(../images/icon-arrow_orange_5x5.gif); background-position:0px 3px; background-repeat:no-repeat; padding:0 0 0 10px; font-weight:700; text-decoration:none; }
#articles div.articlesColumn div.viewMore a:hover { text-decoration:underline; }
/**/
#articlesList { width:590px; float:left; }
#articlesList div.articleListing { background-image:url(images/div-dotted_4x1.gif); background-position:bottom; background-repeat:repeat-x; padding:0 0 20px 0; margin:0 0 20px 0; }
#articlesList div.articleListing h1 { margin:0px; padding:10px 0; }
#articlesList div.articleListing h1 a { font-size:30px; font-weight:700; text-decoration:none; }
#articlesList div.articleListing h1 a:hover { text-decoration:underline; }
#articlesList div.articleListing span.articleDetails { margin:0 30px 0 0; }
#articlesList div.articleListing span.articleDetails a { text-decoration:none; font-weight:700; }
#articlesList div.articleListing span.articleDetails a:hover { text-decoration:underline; }
#articlesList div.articleListing p.articleImg { text-align:center; }
#articlesList div.articleListing a.articleMore { background-image:url(images/icon-arrow_orange_5x5.gif); background-position:left 3px; background-repeat:no-repeat; font-size:12px; font-weight:700; margin-bottom:5px; padding-left:10px; text-decoration:none; }
#articlesList div.articleListing a.articleMore:hover { text-decoration:underline; }
/**/
#articlesList div.prev a { background-image:url(images/icon-arrow_orange_5x5.gif); background-position:left 4px; background-repeat:no-repeat; font-size:14px; font-weight:700; margin-bottom:5px; padding-left:10px; text-decoration:none; }
#articlesList div.prev a:hover { text-decoration:underline; }
/**/
#articlesList div.prevArt a { background-image:url(images/icon-arrow_orange2_5x5.gif); background-position:left 4px; background-repeat:no-repeat; font-size:14px; font-weight:700; margin-bottom:5px; padding-left:10px; text-decoration:none; }
#articlesList div.prevArt a:hover { text-decoration:underline; }
#articlesList div.nextArt { text-align:right; }
#articlesList div.nextArt a { background-image:url(images/icon-arrow_orange_5x5.gif); background-position:right 4px; background-repeat:no-repeat; font-size:14px; font-weight:700; margin-bottom:5px; padding-right:10px; text-decoration:none; }
#articlesList div.nextArt a:hover { text-decoration:underline; }
/**/
#articlesListColumn { width:190px; float:left; padding:0 0 0 20px; }
#articlesListColumn div.articlesSub { background-image:url(images/div-dotted_4x1.gif); background-position:bottom; background-repeat:repeat-x; font-size:18px; font-weight:700; padding:15px 0 8px 0; }
#articlesListColumn ul.articleCats { margin:0px; padding:5px 0 15px 15px; list-style:none; }
#articlesListColumn ul.articleCats li { padding:7px 0; }
#articlesListColumn ul.articleCats li a { font-size:18px; color:#999999; font-weight:700; text-decoration:none; }
#articlesListColumn ul.articleCats li a.active { font-size:24px; }
/**/
#articlesListColumn ul.articlePop { margin:0px; padding:5px 0 25px 5px; list-style:none; }
#articlesListColumn ul.articlePop li { background-image:url(images/icon-arrow_orange_5x5.gif); background-position:left 8px; background-repeat:no-repeat; padding:5px 0 5px 12px; }
#articlesListColumn ul.articlePop li a { font-size:14px; color:#999999; font-weight:700; text-decoration:none; }
/**/
.shop { color:#823E81; }
.hotels { color:#1233B2; }
.rest { color:#FF901E; }
.attract { color:#389B5F; }
/**/
.s div.articleListing h1 a, .s div.articleListing a.articleMore, .s #articlesListColumn ul.articleCats li a.active { color:#823E81; }
.h div.articleListing h1 a, .h div.articleListing a.articleMore, .h #articlesListColumn ul.articleCats li a.active { color:#1233B2; }
.r div.articleListing h1 a, .r div.articleListing a.articleMore, .r #articlesListColumn ul.articleCats li a.active { color:#FF901E; }
.a div.articleListing h1 a, .a div.articleListing a.articleMore, .a #articlesListColumn ul.articleCats li a.active { color:#389B5F; }

.s #articlesListColumn ul.articlePop li a:hover, .s #articlesList div.articleListing span.articleDetails a, .s #articlesListColumn ul.articleCats li a:hover, .s div.prev a, .s div.prevArt a, .s div.nextArt a  { color:#823E81; }
.h #articlesListColumn ul.articlePop li a:hover, .h #articlesList div.articleListing span.articleDetails a, .h #articlesListColumn ul.articleCats li a:hover, .h div.prev a, .h div.prevArt a, .h div.nextArt a  { color:#1233B2; }
.r #articlesListColumn ul.articlePop li a:hover, .r #articlesList div.articleListing span.articleDetails a, .r #articlesListColumn ul.articleCats li a:hover, .r div.prev a, .r div.prevArt a, .r div.nextArt a  { color:#FF901E; }
.a #articlesListColumn ul.articlePop li a:hover, .a #articlesList div.articleListing span.articleDetails a, .a #articlesListColumn ul.articleCats li a:hover, .a div.prev a, .a div.prevArt a, .a div.nextArt a  { color:#389B5F; }

.s div.articleListing p.articleImg img { border:1px solid #823E81; }
.h div.articleListing p.articleImg img { border:1px solid #1233B2; }
.r div.articleListing p.articleImg img { border:1px solid #FF901E; }
.a div.articleListing p.articleImg img { border:1px solid #389B5F; }

/**/
#calendar { margin:0px; padding:0px; }
#calendar iframe { width:230px; height:auto; }
#calendar iframe form { margin:0px; padding:0px; font-size:20px; }
div.IF-browse { width: 185px; float: left; height: 160px;}
