@charset "utf-8";
/* CSS Document */  /*Puerto Rico*/

body{
margin:0px;
padding:0px;
font: 0.70em arial, sans-serif;
color:#333333;
background: #f5f7ee;
}

body, html{ height:100%;}

a img{ border:0px;}
a{ color:#003399; text-decoration:none;}
a:hover{ color:#003399; text-decoration:underline;}

.image-left{ float:left; margin:4px 10px 0 0;}
.image-right{ float:right; margin:4px 0 0 10px;}

h1{
float:left;
width:473px;
font-size:11px;
font-weight:normal;
}

h2{margin-bottom:10px; font-size:14px; color:#555851;color:#003399; clear:both;}
h1.heading{ font-size:14px; font-weight: bold; color: #003399; margin-bottom: 10px; margin-top: 5px; float:none; width: auto;}
h2 span{ color:#6385A1}
h3{color:#000; margin-bottom:3px; font-size:12px; }
h3.red{color:#cc0000; font-size:13px;}
h3.line{ font-size:11px; border-bottom:1px solid #E4EEF0; padding:0 0 2px 0; margin-bottom:10px;}
h4{color:#2F88AD;}

strong{ font-weight:normal;}
p{ line-height:135%; margin-bottom:10px;}
.filler {width:100%;height:0;overflow:hidden;clear:both;}
.aright{ text-align:right;}
.margin-10{ margin-bottom:10px;}
.left{ float:left;}

#sitenav{ width:1000px; margin:0 auto; height:17px; padding-top:3px;}
#sitenav a.black{color:black;}
#sitenav div{ float:right;margin-right:5px;}
#sitenav div .flag{ padding-top:2px; }

#wrapper-160-index{ width:1000px;margin:0 auto;} #banner-160{ padding-top:20px; float:left;}
#wrapper-160{ width:1170px;margin:0 auto;} #banner-160{ padding-top:20px; float:left;}
#wrapper{ width:1000px;  float:left; margin-right:10px;}
#wrapper-no {width:1000px;margin:0 auto;}

/* #main
____________________________________________________________*/
#main{  margin:0 auto; width:970px; border:5px solid #EBEBEB; background-color:white; padding:10px;}

/* #header
____________________________________________________________*/
#header.nopolaroid {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3064c4 url(/images/header_repeat_new.gif) repeat-x scroll 0 0;
}
#header {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#3064c4 url(/images/polaroid.jpg) repeat-x scroll 0 0;
height:149px;
}
#header-top {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(/images/logo.gif) no-repeat scroll 0 0;*/
height:130px;
}

#logo {
float:left;
margin:0px;
padding:0px;
height:120px;
width:220px;
}

#logo a img {border:0;}

#header-top .tollfree{ float:right;}
#header-top .addthis_button{ float:right; margin-top:5px;}
#header-top #search {
float:right;
padding:12px;
/*background:#e1e8f5;*/
margin-top:25px;
padding-top:14px;
margin-right:10px;
width:390px;
}
#extralinks {float: left; width: 200px; margin-top: 16px;}
#extralinks a{margin:0 10px 0 0;}

#topnav {
background:transparent url(/images/topnav_repeat_new.gif) repeat-x scroll 0 0;
font-size:12px;
height:32px;
position:absolute;
top:160px;
width:970px;
}
#topnav ul{z-index:9999;}
#topnav ul li{ float:left; height:16px; padding:8px 8px 8px 8px;background:url(/images/topnav-split.gif) 100% 0 no-repeat;}
#topnav ul li a{ text-decoration:none; color:#fff;}
#topnav ul li a:hover{ text-decoration:none; color:#CC0000;}

#railway{background:url(/images/railway.gif) 0 0 no-repeat; height:20px; font-size:10px; font:10px tahoma; margin-bottom:10px;}

#railway ul li{ float:left;background:url(/images/arrow-grey.gif) 0 8px no-repeat; height:16px; padding:4px 10px 0 10px;}
#railway ul li a{ text-decoration:none;}
#railway ul li a:hover{ text-decoration:underline;}
#railway ul .railwayclass{ background:none; font-weight:bold;}

#main-imgs{ margin-bottom:6px;}

/*.left-column
____________________________________________________________*/
.left-column{ float:left; width:160px; margin-right:10px;}

.leftnav, #leftnavmenu{ margin-bottom:10px;}
.leftnav li, #leftnavmenu li {background:url(/images/leftnav.gif) 0 0 no-repeat; margin-bottom:1px;/*height:25px;*/}
.leftnav li a, #leftnavmenu li a{ text-decoration:none; color:black;padding:6px 0 0 8px; display:block; height:19px;}
.leftnav li a:hover, #leftnavmenu li a:hover{ text-decoration:underline;}
#leftnavmenu .heading{background:url(/images/leftnav-on.gif) 0 0 no-repeat;}
#leftnavmenu li.nolink a{ text-decoration:none;}
#leftnavmenu .heading a{ color:white;}
.leftnav .heading a, #leftnavmenu .heading li a{ color:#000;}
.leftnav .on, #leftnavmenu .on{background:url(/images/leftnav.gif) 0 0 no-repeat;}
.leftnav .on a, #leftnavmenu .on a{ color:#000;}
/*.leftnav li ul li, #leftnavmenu li ul li{background:url(/images/leftnav-sub.gif) 0 0 no-repeat; margin-bottom:1px;height:25px;}*/
#main .leftnav ul li, #main #leftnavmenu ul li{
/*background:url(/images/leftnav-sub.gif) 0 0 no-repeat; */
background:none;
background-color:#e4eef0;
margin-bottom:1px;
height:auto;
}
#main .leftnav a, #main #leftnavmenu a{
height:auto;
padding-top:5px;
padding-bottom:5px;
}


/* Extra code for left nav*/
#leftnavmenu {float:left;}
#leftnavmenu li {float:left;width:160px;height:auto;}
#leftnavmenu ul {}
#leftnavmenu li.on ul a {color:#000;}
#leftnavmenu li.on li {height:25px;}


/*#leftmap{ float:left;background:url(/images/map-mini-bround.gif) 0 0 no-repeat; padding:10px; margin-bottom:10px;}*/
#leftmap{ float:left;background-color:#E4EEF0;padding:10px; margin-bottom:10px;}


/*.content
____________________________________________________________*/
.content{ width:490px; float:left;z-index:2;}
.content p{ font-size:12px;}

#content-map{ height:205px; margin-bottom:15px;}
#content-map #content-map-top{ z-index:2;height:22px;background:url(/images/contentmap-top.gif) 0 0 no-repeat; float:left; width:480px; padding:3px 0 0 10px;}
#content-map-top span{ float:left; padding:5px 3px 0 3px;z-index:1;}
#activity-list{ float:left; height:20px;z-index:1;}
#location-list{ float:left;height:20px;z-index:1;}
#btn_display-now{ float:left}

#map-gg-city {float:left;width:490px;height:185px;margin-bottom:15px;z-index:1;}
#map-gg-city div {z-index:1;}

#contant-gas{ float:right;}

.content ul{ margin:0 0 10px 10px;}
.content ul li{ margin:0 0 5px 0; padding:0 0 0 10px;background:url(/images/arrow-blue.gif) 0 4px no-repeat;}

/*right-column
____________________________________________________________*/
.right-column{ float:right; width:300px;}

.extend{ width:400px;}

#right-hotel-search{ margin-bottom:10px;}

/*.directory
____________________________________________________________*/
.directory{ width:590px;}

#directory-top{background:url(/images/directory-top.gif) 0 0 no-repeat; height:20px; padding:5px 0 0 10px; margin-bottom:20px;}
#directory-top h2 span{ color:#CC0000; font-weight:normal;}
.directory .left{ margin:2px 10px 20px 0;}


.directory-right{ width:200px; float:right;}
.rightnav{}
.rightnav li{background:url(/images/rightnav.gif) 0 0 no-repeat; margin-bottom:1px; height:20px; padding:5px 0 0 5px; float:left; width:200px;}
.rightnav li a{ text-decoration:none; color:#000; float:left;}
.rightnav li a:hover{ text-decoration:underline;}
.rightnav li img{ margin:0 7px 0 0; padding:0 0 0 0; float:left;}

/*#footer
____________________________________________________________*/
#footer{ width:970px; margin:0 auto; text-align:left; padding:10px 15px 0 15px;
color:#000000;font-weight:normal;height:300px; font-size:11px;}
#footer a{color:#000000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}

/*#video_viewer
____________________________________________________________*/
#video_viewer{ text-align:center; margin-bottom:10px;}


/*#comments
____________________________________________________________*/
#comments{}

#user_comment{ border-top:1px solid #e4eef0; padding:10px 0 10px 0;font-size:10px;}
#user_comment p.heading {font-size:11px;}
#user_comment p {font-size:10px;}
#user_comment img{ float:left; margin-right:10px;}
#user_comment .quoted { font-size:10px; color:#787878; background:url(/images/quote.gif) 70px 0 no-repeat; padding:5px 0 5px 115px; margin-bottom:10px;}

/*#page_tags
____________________________________________________________*/
#page_tags { margin:20px 0px 10px 0px;}
/*#page_tags { border:1px dotted #C1DADF; background-color: #E4EEF0; }*/
#page_tags h3 { display: inline; font-weight:normal;}

.video_list{ margin-bottom:10px; padding:10px 0 10px 0; border-bottom:1px solid #eaeaea}
.video_list p{ float:left; width:300px; margin-left:10px;}
.video_feed{ float:left;}




/*map page styling
____________________________________________________________*/

#map-nav{ width:300px; padding:5px; float:right; background-color:white; margin-bottom:6px;}
#map-nav ul{ float:left; margin-right:20px; margin-bottom:20px;}
#map-nav ul li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/arrow-mini.gif) no-repeat scroll 10px 10px;
padding:5px 0 5px 20px;
width:100px;
font-size:12px;
}

#Map{ margin-bottom:3px;}

#map-content{ padding:10px; background:white; margin-bottom:6px; font-size:12px}

.map-boxes{ padding:5px; background:white; clear:both;}

.mappage{ background:white; padding:5px; margin-bottom:6px}
.mappage #search-all{ background:none;}


/*#newsletter
____________________________________________________________*/
#newsletter{ background:white; margin-bottom:6px; padding:10px;}
#newsletter h3{ font-size:14px; margin-bottom:6px;}

#newsletter #name,#newsletter #emailadd{ border:1px solid #bebebe; background:url(/images/newsletter.gif) 0 0 no-repeat;height:18px; padding:4px 0 0px 2px; font-size:12px; width:120px; margin-bottom:5px;}
#newsletter #name{ margin-right:10px;}
#newsletter #emailadd{ width:148px;}
#newsletter p{ margin-bottom:0; text-align:right;}
#newsletter #joinbtn{ width:80px; cursor:pointer; font-size:12px;}

#newsletter.nl-site{ border:1px solid #dadada; clear:both; border-bottom:2px solid #bebebe; border-right:2px solid #bebebe;}
#newsletter.nl-site #emailadd{ width:136px;}

#right_gigya{ float: left; width:300px; margin-top: 5px;}
#right_gigya form {margin:0;padding:0px ;float:left;width:300px;}
#right_gigya fieldset {float:left;width:300px;/*margin-left:10px;*/margin-bottom:10px;}
#right_gigya h2{ margin-bottom:10px;background:#ac9e6b; height:20px; font-size:11px; font-weight:bold;color:white; padding:4px 0 0 10px;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}