/* @override 
 http://www.visitsoutherncalifornia.net/assets/templates/southCal/style.css

*/
/* CSS Document *************/

/* Author: Bernard Lambotte */
/*  Global Art Studio 2007  */
#browseBody img.contact-icon { padding-right: 15px;}
/****************************/
/* @group footer */
#footer div.footer-block table tbody tr td a { padding: 4px;}
#footer div.footer-block table { margin: 0 auto 13px; text-align: center; font-weight: bold; font-size: 10px;}
#footer div.footer-block  h1 { margin: 0;}
#footer div.footer-block  p { font-size: 9px; color: #fff; padding-left: 6px;}
#footer div.footer-block h1 a { font-size: 11px;}
div.footer-block { width: 850px; margin: 0 auto; padding-top: 20px;}


/* @end */
body { }
tbody { border-style: none;}
p {font:12px Lucida Grande, Arial, Helvetica, sans-serif; color:#000000; }
p.location { margin:0; padding: 0 13px 0 16px; font-size:11px ; color:#000; text-align:left; }
/*
a:link, a:visited, a:active { color:#4371D5;}
a:hover {color:#fd601e; }
a.get:link, a.get:visited, a.get:active { font-size:12px; color:#4371D5;}
a.get:hover { font-size:12px; color:#fd601e; }
dd { color:#000000; }
*/
h1 {font-size:14px; font-weight:bold;}
h1 a:link, h1 a:visited, h1 a:active { font-size:14px; color:#000; font-weight: bold; text-decoration:none }
h1 a:hover { font-size:14px; font-weight: bold; color:#fd601e; text-decoration:none }
h2 { font-size:14px; font-weight: bold; margin:0; padding:0 0 0 0;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover { font-size:14px; font-weight: bold; text-decoration:none }
h3 { font-size:14px; font-weight: bold; margin:0; padding:0 0 0 0;}
h3 a:link, h3 a:visited, h3 a:active, h3 a:hover { font-size:14px; font-weight: bold; text-decoration:none }
h4 { font-size:14px; font-weight: bold; margin:0; padding:0 0 0 0;}
h4 a:link, h4 a:visited, h4 a:active, h4 a:hover { font-size:14px; font-weight: bold; text-decoration:none }
/****************************/
#wrap2 { float:left; width:100%; margin:0; padding:0 0 10px 0; background:#fff url(images/wrap-b.gif) top repeat-x; }
#wrap1 { float:left; width:100%; margin:0; padding:0 0 10px 0; background:#fff url(images/wrap-a.gif) top repeat-x; }
#wrap { width:860px; margin:0 auto; padding:0; }
/****************************/
#hdr { float:left; width:860px; height:94px; margin:0; padding:0; }
#hdr img { float:left; border:0; margin:0 0 0 16px; padding:0; }
#hdr img a { border:0; margin:0; padding:0; }
/**/
#hdrbanner { float:left; margin:20px 0 0 80px; padding:0; width:425px; height:62px; }
/****************************/
#nv {  width:860px; height:35px; margin:0; padding:0; }
#nv ul { float:left; margin:0 0 0 220px; padding:0; list-style:none; display:inline; text-align:center; }
#nv ul li { height:32px; margin:0; padding:0; display:inline; color:#fff; text-align:center; font:bold 16px Lucida Grande, Arial, Helvetica, sans-serif; }
#nv ul li a:link, #nv ul li a:visited { float:left; height:26px; margin:0; padding:7px 10px 0 8px; display:block; color:#fff; text-decoration:none; background:url(images/divide.gif) top right no-repeat; }
#nv ul li a:hover { float:left; height:26px; font:bold 16px Lucida Grande, Arial, Helvetica, sans-serif; margin:0; padding:7px 10px 0 8px; display:block; color:#4371d5; text-decoration:none; background:url(images/nv-over.gif) top right repeat-x; }
#nv ul li a.nvend:link, #nv ul li a.nvend:visited { float:left; font:bold 16px Lucida Grande, Arial, Helvetica, sans-serif; height:26px; margin:0; padding:7px 10px 0 8px; display:block; color:#fff; text-decoration:none; background:none; }
#nv ul li a.nvend:hover { float:left; height:26px; margin:0; font:bold 16px Lucida Grande, Arial, Helvetica, sans-serif; padding:7px 10px 0 8px; display:block; color:#4371d5; text-decoration:none; background:url(images/nv-over.gif) top left repeat-x; }
/* Home page **************/
#top { float:left; width:860px; height:265px; margin:0; padding:0; }
/**/
#flsh { float:left; width: 320px; height:255px; margin:0; padding-top: 12px; padding-left: 24px; padding-right: 8px;}
/**/
#bh { float:left; width:495px; height:85px; margin:0; padding:0; background:url(images/b-hotel.gif) top left no-repeat; }
#bh div { float:left; height:36px; margin:0; padding:45px 0 0 108px; }
#bh form { margin:0; padding:0; }
#bh select { float:left; margin:8px 0 0 5px; padding:1px; background:#fff; border:1px solid #ddd; color:#4c2721; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#333; }
#bh input.bhgo { float:left; width:74px; height:36px; }
/**/
#br  { float:left; width:495px; height:85px; margin:0; padding:0; background:url(images/b-restaurants.gif) top left no-repeat; }
#br div { float:left; height:36px; margin:0; padding:45px 0 0 108px; }
#br form { margin:0; padding:0; }
#br select { float:left; margin:8px 0 0 5px; padding:1px; background:#fff; border:1px solid #ddd; color:#4c2721; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#333; }
#br input.brgo { float:left; width:74px; height:36px; }
/**/
#ba  { float:left; width:495px; height:85px; margin:0; padding:0; background:url(images/b-attractions.gif) top left no-repeat; }
#ba div { float:left; height:36px; margin:0; padding:45px 0 0 108px; }
#ba form { margin:0; padding:0; }
#ba select { float:left; margin:8px 0 0 5px; padding:1px; background:#fff; border:1px solid #ddd; color:#4c2721; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#333; }
#ba input.bago { float:left; width:74px; height:36px; }
/****************************/
#btm { float:left; width:860px; margin:0; padding:0; }
/**/
#fh  { float:left; width:271px; height:233px; margin:0; padding:0; background:url(images/f-hotel.jpg) top left no-repeat; }
#fh img { float:left; border:0; margin:44px 0 0 59px; padding:0; }
#fh img a { border:0; margin:0; padding:0; }
#fh ul { float:left; width:271px; margin:10px 0 0 0; padding:0; display:block; list-style:none; }
#fh li { float:left; width:271px; margin:0; padding:0; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
#fh li a span { display:none; }
#fh li a:link, #fh li a:visited { float:left; width:271px; height:34px; margin:0; padding:0; display:block; background:url(images/fh-off.jpg) top center no-repeat; text-decoration:none; }
#fh li a:hover { float:left; width:271px; height:34px; margin:0; padding:0; display:block; background:url(images/fh-on.jpg) top center no-repeat; text-decoration:none; }
/**/
#fr  { float:left; width:270px; height:233px; margin:0; padding:0; background:url(images/f-restaurant.jpg) top left no-repeat; }
#fr img { float:left; border:0; margin:44px 0 0 59px; padding:0; }
#fr img a { border:0; margin:0; padding:0; }
#fr ul { float:left; width:270px; margin:10px 0 0 0; padding:0; display:block; list-style:none; }
#fr li { float:left; width:270px; margin:0; padding:0; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
#fr li a span { display:none; }
#fr li a:link, #fr li a:visited { float:left; width:271px; height:34px; margin:0; padding:0; display:block; background:url(images/fr-off.jpg) top center no-repeat; text-decoration:none; }
#fr li a:hover { float:left; width:271px; height:34px; margin:0; padding:0; display:block; background:url(images/fr-on.jpg) top center no-repeat; text-decoration:none; }
/**/
#fa  { float:left; width:313px; height:233px; margin:0; padding:0; background:url(images/f-attraction.jpg) top left no-repeat; }
#fa img { float:left; border:0; margin:44px 0 0 59px; padding:0; }
#fa img a { border:0; margin:0; padding:0; }
#fa ul { float:left; width:270px; margin:10px 0 0 0; padding:0; display:block; list-style:none; }
#fa li { float:left; width:270px; margin:0; padding:0; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#fff; text-align:center; }
#fa li a span { display:none; }
#fa li a:link, #fa li a:visited { float:left; width:271px; height:34px; margin:0; padding:0; display:block; background:url(images/fa-off.jpg) top center no-repeat; text-decoration:none; }
#fa li a:hover { float:left; width:271px; height:34px; margin:0; padding:0; display:block; background:url(images/fa-on.jpg) top center no-repeat; text-decoration:none; }
/* Content Page ***************/
#content { float:left; width:100%; margin:0; padding:0; }

/****************************/
#mbx { float:left; width:600px; margin:0; padding:0; }
/****************************/
#ftr a:link, #ftr a:active, #ftr a:visited { color:#FFF}
#ftr a:hover { color:#00FFFF}
#ftr { float:left; width:100%; margin:0; padding: 0; border-top:6px solid #9fbcf4; text-align:center;}
#ftr p { margin:0; padding:10px 7px 0 5px; color:#fff; font:11px Lucida Sans Unicode, Arial, Helvetica, sans-serif; }

#ftr ul { width:840px; height:30px; margin:0 auto; padding:0; display:inline; list-style:none; text-align:center; }
#ftr ul li { margin:0; padding:0 7px 0 5px; display:inline; border-right:1px solid #fff; color:#fff; font:11px Lucida Sans Unicode, Arial, Helvetica, sans-serif; }
#ftr ul li.ftrend { margin:0; padding:0 7px 0 5px; border:0pt none; }
#ftr ul li a:link, #ftr ul li a:visited { margin:0; padding:0; color:#fff; text-decoration:none; }
#ftr ul li a:hover { margin:0; padding:0; color:#fff; text-decoration:underline; }
#ftr span { float:left; margin:0; padding:5px 0 0 30px; color:#fdb61a; font:11px Georgia, Times, serif; }
/* Content Page ***************/
#sidebar-left { margin:0; padding: 20px 0px 0pt 20px; }

/* Google Maps***************/
#googlemaps { margin:0 font: 12px Lucida Grande, Arial, Helvetica, sans-serif; ; color: black; text-align: left; margin: 0; padding: 0;}
#googlemaps a.lj:link, a.lj:visited, a.lj:active {font: 12px Lucida Grande, Arial, Helvetica, sans-serif;; color: #0ca957; text-align: left; margin: 0; padding: 0; text-decoration: underline; }
#googlemaps a.lj:hover {font: 12px Lucida Grande, Arial, Helvetica, sans-serif;; color: #fd601e; text-align: left; margin: 0; padding: 0; text-decoration: underline; }
#googlemaps h1 {font: text-align: left; margin: 0; padding: 9px 0 3px;}
/* Atrractions*********************/
#attractionlist { width:100%; margin:0; font: Lucida Grande, Arial, Helvetica, sans-serif;}
#attractionlist table.green { background-color: #daf8e9; padding: 8px;}
#attractionlist table.discount { background-color: #0ca957; padding: 3px;}
#attractionlist h1 { color:#0ca957; text-align:left; padding: 0 0 5px; margin: 0; }
#attractionlist h1.discount { color:#FFF; text-align:left; padding: 0 0 5px; margin: 0; }
#attractionlist h2 a:link, h2 a:visited, h2 a:active { color:#0ca957; text-align:left; padding: 0 0 5px; margin: 0; }
#attractionlist h2 a:hover { color:#fd601e; }
#attractionlist p { font: 12px; margin: 0; padding: 9px 15px 4px 0; text-align:left;}
#attractionlist p.center1 { text-align:center; padding: 5px 0 0 16px;}
#attractionlist p.center2 { text-align:center; padding: 5px 0 0 37px;}
#attractionlist p.center1 a:link, p.center1 a:visited, p.center1 a:active {font-size:11px; color:#0ca957; margin: 0; padding: 4px 0 4px 0;}
#attractionlist p.center2 a:link, p.center2 a:visited, p.center2 a:active {font-size:11px; color:#0ca957; margin: 0; padding: 4px 0 4px 0;}
#attractionlist a.hover { color: #fd601e}
#attractionlist p.small {font-size:11px ; color:#0ca957; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#attractionlist a.small:link, a.small:visited, a.small:active {font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#daf8e9; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#attractionlist a.small:hover { color:#fd601e }
#attractionlist p.discount { margin:0; padding: 0 10px; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:left; }
#attractionlist a.discount:link, a.discount:visited, a.discount:active { margin:0; padding:0 7px 0 5px; font:11px;  color:#FFFFFF; text-align:right; }
#attractionlist a.discount:hover { color:#fd601e; }
#attractionlist img.green { margin:0; padding: 10px 0 3px;}
#attractionlist img.header { margin:0; padding:0;}
/****************************/

/* Hotels**************************/
#hotellist { width:100%; margin:0; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#000; text-align: left; }
#hotellist table.blue { background-color: #dae3f8; padding: 8px;}
#hotellist h1 { font:14px; color:#4371d5; text-align:left; padding: 0 0 5px; margin: 0; }
#hotellist h3 a:link, h3 a:visited, h3 a:active { color:#4371d5; }
#hotellist h3 a:hover { color:#fd601e; }
#hotellist p { margin: 0; padding: 9px 15px 4px 0; text-align:left;}
#hotellist p.center1 { text-align:center; padding: 5px 0 0 16px;}
#hotellist p.center2 { text-align:center; padding: 5px 0 0 37px;}
#hotellist a:link, p a:visited, p a:active {font-size:11px; color:#4371d5; margin: 0; padding: 4px 0 4px 0;}
#hotellist a.hover { color: #fd601e}
#hotellist p.small {font-size:11px ; color:#4371d5; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#hotellist a.small:link, a.small:visited, a.small:active {font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#4371d5; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#hotellist a.small:hover { color:#fd601e }
#hotellist img.green { margin:0; padding: 10px 30px 3px 50px;}
#hotellist img.header { margin:0; padding:0;}
/****************************/

/* Restaurants**************************/
#restlist { width:100%; margin:0; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#000; text-align: left; }
#restlist table.orange { background-color: #FFEAC1; padding: 8px;}
#restlist h1 { font:14px; color:#ff8a1d; text-align:left; padding: 0 0 5px; margin: 0; }
#restlist h4 a:link, h4 a:visited, h4 a:active { color:#ff8a1d; }
#restlist h4 a:hover { color:#fd601e; }
#restlist p { margin: 0; padding: 9px 15px 4px 0; text-align:left;}
#restlist p.center1 { text-align:center; padding: 5px 0 0 16px;}
#restlist p.center2 { text-align:center; padding: 5px 0 0 37px;}
#restlist a:link, p a:visited, p a:active {font-size:11px; color:#ff8a1d; margin: 0; padding: 4px 0 4px 0;}
#restlist a.hover { color: #fd601e}
#restlist p.small {font-size:11px ; color:#ff8a1d; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#restlist a.small:link, a.small:visited, a.small:active {font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#4371d5; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#restlist a.small:hover { color:#ff8a1d; }
#restlist img.green { margin:0; padding: 10px 30px 3px 50px;}
#restlist img.header { margin:0; padding:0;}
/********color:#ff8a1d;********/
/* Shopping**************************/
#shoplist { width:100%; margin:0; font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#000; text-align: left; }
#shoplist table.orange { background-color: #ffccff; padding: 8px;}
#shoplist h1 { font:14px; color:#660099; text-align:left; padding: 0 0 5px; margin: 0; }
#shoplist h4 a:link, h4 a:visited, h4 a:active { color:#660099; }
#shoplist h4 a:hover { color:#fd601e; }
#shoplist p { margin: 0; padding: 9px 15px 4px 0; text-align:left;}
#shoplist p.center1 { text-align:center; padding: 5px 0 0 16px; color:#660099;}
#shoplist p.center2 { text-align:center; padding: 5px 0 0 37px; color:#660099;}
#shoplist p.center2 a:link, p.center2 a:visited, p.center2 a:active {font-size:11px; color:#660099; margin: 0; padding: 4px 0 4px 0;}
#shoplist a:link, p a:visited, p a:active {font-size:11px; color:#660099; margin: 0; padding: 0;}
#shoplist a.hover { color: #fd601e}
#shoplist p.small {font-size:11px ; color:#660099; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#shoplist a.small:link, a.small:visited, a.small:active {font:11px Lucida Grande, Arial, Helvetica, sans-serif; color:#660099; text-align:center; margin: 0; padding: 4px 0 4px 0;}
#shoplist a.small:hover { color:#660099; }
#shoplist img.green { margin:0; padding: 10px 30px 3px 50px;}
#shoplist img.header { margin:0; padding:0;}

#browseBody h1.contact { color: #5788CE; font-size: 24px; margin: 0; padding: 0;}

div.form-item label { display: block; font-weight: bold;}
div.form-item { padding-top: 1em; padding-bottom: 1em;}
#browseBody form.contactform { width: 451px; margin: 0 auto;}
/* Recommended Hotels**************************/
#profileBody div.profileColumn2 dl dt { background-color: #0ca957; color: #fff; font-size: 18px; font-weight: bold; padding-left: 4px; padding-right: 4px; padding-bottom: 4px; margin-top: 20px; padding: 4px;}
#profileBody div.profileColumn2 dl dd { margin: 0; padding: 5px;}
div.RecTitle { padding-left: 10px; font-weight: bold; font-size: 18px; padding-bottom: 5px;}
div.RecTitle a { text-decoration: none;}
div.RecDesc { padding-left: 10px; padding-bottom: 5px;}
div.RecWeb-H { padding-left: 10px;}
#twtr-profile-widget { padding-top: 15px;}
#cse-search-box div input.google-search { width: 214px;}
#r-colum div.lcolshad div.weather { position: relative; right: 0; left: 15px; top: 13px;}