body { background: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#666;} html { padding: 0; margin: 0;} a:link { text-decoration: none; color : #666; border: 0px; -moz-outline-style: none;} a:active { text-decoration: underline; color : #666; border: 0px; -moz-outline-style: none;} a:visited { text-decoration: none; color : #666; border: 0px; -moz-outline-style: none;} a:hover { text-decoration: underline; color : #3AA7F8; border: 0px; -moz-outline-style: none;} a:focus { outline: none;-moz-outline-style: none;} h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif;} img { padding: 0px; margin: 0px; border: none; text-align: center;} hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; } form { padding: 0px; margin: 0px; } .clearer2 { overflow:hidden; clear:both; height:1px; margin:-1px 0px 0px 0px; font-size:1px; } /* Header +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .HBG { background: url("http://www.accommodationz.com/img3/bg1.jpg") repeat-x center top; width: 100%; float: left;} .Header { background: url("http://www.accommodationz.com/img3/logo.jpg") no-repeat top right; width: 900px; margin: 0 auto; position:relative; height: 216px;} .Header .LogoImg { position: absolute; top: 5px; left: 0px;} .Header .LogoImg h1 { text-indent: -35000px; margin: 0; padding: 0;} .Header .LogoImg h1 a { display: block; background: url("http://www.accommodationz.com/img3/white.gif") no-repeat left top; height: 190px; width: 400px; } .Header .LogoText h1 { font-size: 42px; line-height: 42px; letter-spacing: -2px; padding: 0px 0px 0px 35px; margin: 0px; font-weight: bold; font-family: 'Arial'; background: url("http://www.accommodationz.com/img3/LogoIcon.png") no-repeat left top; position: absolute; top: 70px;} .Header .LogoText a { color:#000066; text-decoration: none; } .Header .LogoText a:visited { color:#000066; text-decoration: none; } .Header .LogoText a:hover { color:#000066; text-decoration: none; } .Header .Desc { position: absolute; top: 20px; left: 5px; color:#000; font-size: 15px; line-height: 21px; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px; width: 380px; } /* Menu +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Menu { width: 900px; margin: 0 auto; position: relative; top: -15px; font-size: 13px; font-family: 'Arial';line-height: 1.4em ; } .Menu em { display: none} .Menu ul { list-style: none; margin: 0px; display: inline; } .Menu ul li { padding: 0px 1px 0px 1px; margin: 0px; display: inline; } .Menu ul li a {text-decoration: underline; color : #3AA7F8} .Menu ul li a:visited {text-decoration: underline; color : #3AA7F8} .Menu ul li a:hover {text-decoration: none; color : #3AA7F8} /* Container +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .CONBG { width: 100%; float: left; } .CON { width: 900px; position: relative; margin: 0 auto; padding: 0px; margin-top: 25px;} /* Panoramio +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .panoramio { width: 100%; float: left; background: #FFF; position: relative; margin: 0 auto; padding: 0px; margin-top: 0px;border-bottom: dotted 2px #3AA7F8; } .panoramio p {font-size: 11px; line-height: 1.4em; color:#000000;} .panoramio a {text-decoration: underline; color : #3AA7F8} .panoramio a:visited {text-decoration: underline; color : #3AA7F8} .panoramio img { padding: 1px; border: solid 1px #fff; margin-bottom: 5px;} .panoramio a:hover img { border: solid 1px #666; } /* Side Central Single +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SCS { width: 455px; float: left; padding: 0px 0px 20px 0px;} .SCS h1 { font-size: 26px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; color:#000066;} .SCS h2 { font-size: 18px; font-weight: normal; } .SCS h3 { font-size: 14px; font-weight: bold; } .SCS { padding: 0px; font-size: 11px; line-height: 1.4em ; color:#63565f;} .SCS p { font-size: 11px; line-height: 1.4em; color:#63565f;} .SCS p strong {} .SCS img {} .SCS ul { padding: 10px 0px; margin: 0px; } .SCS li { padding: 3px 0px 3px 15px; list-style-type: none; background: url("http://www.accommodationz.com/img3/PostContentLiIco.png") no-repeat left top; font-size: 12px; line-height: 16px; color:#63565f; } .SCS blockquote { padding: 5px 25px; margin: 0px; color:#993366; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc99cc; border-bottom: dashed 1px #cc99cc; } .SCS blockquote p { font-size: 13px; padding: 5px 0px; margin: 5px 0px; line-height: 18px; color:#993366; } .SCS blockquote li { padding: 3px 0px 3px 15px; list-style-type: none; background: url("http://www.accommodationz.com/img3/PostContentBlockLiIco.png") no-repeat left top; font-size: 13px; line-height: 18px; color:#993366; } /* Side Central +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SC { width: 455px; float: left; padding: 0px 0px 20px 0px;} .SC h2 { font-weight: normal;} .pagetitle { font-size: 26px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #d0c1c1; padding-bottom: 15px; padding-top: 0px; margin-top: 0px; color:#000066;} /* Reviews +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ div.sb{float:left;width: 90px;height: 52px;padding-top: 2px;padding-bottom:4px;font-size: 11px;text-align: center;color: #666;border: 1px solid #B9DC3B;background: #fff;line-height:1.4em; margin-left:0px; margin-right:9px; margin-top:0; margin-bottom:10px} div.sb strong.r1{display: block;font-size: 20px;color: #666;padding-top:3px;} div.sb a.gb{display:block;color: #3AA7F8;font-size:10px;} /* Map +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Map { background: #B9DC3B; width: 450px; height: 20px; margin: auto; margin-top: 1em; margin-bottom: 1em; text-align: center;} .Map a { color:#666; text-decoration: underline;} /* Post +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Post { padding: 15px 0px; position: relative; clear: left;} .PostHead h1 { font-size: 24px; line-height: 24px; letter-spacing: -1px; font-weight: bold; padding: 0px 0px 1px 0px; margin: 0px; color:#666;} .PostTime { padding: 1px 0px; margin: 0px; font-size: 14px; color:#3AA7F8; font-weight: bold; font-family: 'Arial'; letter-spacing: -1px; top: 0px; text-transform: lowercase;} .PostDet { padding: 1px 0px; margin: 0px; font-size: 14px; color:#3AA7F8;} .PostDet a { color:#3AA7F8; text-decoration: underline;} .PostDet a:visited { color:#3AA7F8; text-decoration: underline;} .PostDet a:hover { color:#3AA7F8; text-decoration: underline;} .PostContent { padding: 10px 0px 0px 0px; font-size: 14px; line-height: 1.4em ; color:#63565f;} .PostContent p strong {} .PostContent img {} .PostContent ol { padding: 10px 0px 10px 25px; margin: 0px; } .PostContent ol li { padding: 2px 0px 2px 0px; font-size: 13px; line-height: 15px; color:#63565f; } .PostContent ul { padding: 10px 0px; margin: 0px; } .PostContent ul li { padding: 2px 0px 2px 15px; list-style-type: none; background: url("http://www.accommodationz.com/img3/PostContentLiIco.png") no-repeat left top; font-size: 13px; line-height: 15px; color:#63565f; } .PostContent a { text-decoration: underline;} .PostContent2 { padding: 0px 0px 0px 0px; font-family: 'Arial'; font-size: 12px; color:#666; border-bottom: dashed 1px #999;} .PostCom { padding-top: 15px;} .PostCom ul { padding: 0px; margin: 0px;} .PostCom li { padding: 5px 0px 5px 24px; margin: 0px; list-style-type: none; display: inline; color:#336699; font-size: 12px; background: url("http://www.accommodationz.com/img3/PostCom.png") no-repeat left center; } .PostCom li a { text-decoration: underline; } /* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Comments { margin: 20px 0px 0px 0px;} .Comments h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;} .Review { background: url("http://www.accommodationz.com/img3/user-review.png") no-repeat bottom center; width: 450px; padding: 0px auto; position:relative; } .progressBar{margin: 0px 0px 5px 0px; width:416px;height:41px;background:url("http://www.accommodationz.com/img3/bg_bar.gif") no-repeat 0 0;position:relative;} .progressBar span{position:absolute;display:block;width:400px;height:25px;background:url("http://www.accommodationz.com/img3/bar.gif") no-repeat 0 0;top:8px;left:8px;overflow:hidden;text-indent:-8000px;} .progressBar em{position:absolute;display:block;width:400px;height:25px;background:url("http://www.accommodationz.com/img3/bg_cover.gif") repeat-x 0 0;top:0;} /* Comments List ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .List h3 { font-size: 16px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#999; letter-spacing: -1px; border-bottom: dashed 1px #999;} .List ol { padding: 0px; margin: 0px;} .List li { position: relative; padding: 65px 5px 10px 5px; margin: 0px 0px 10px 0px; list-style-type: none;} .List .ComListLi { background: #fff4c3 url("http://www.accommodationz.com/img3/ComListLiBottom.gif") no-repeat left bottom; } /**/ * html .List .ComListLiTop { left: -5px;} /**/ .List .ComListLiTop { position: absolute; background: url("http://www.accommodationz.com/img3/ComListLiTop.gif") no-repeat left top; height: 73px; width: 455px; left: 0px; top: 0px; padding: 35px 0px 0px 0px;} /**/ * html .List .ListNr { right: 25px;} /**/ .List .ListNr { color:#dfd08f; position: absolute; top: 35px; font-size: 28px; line-height: 28px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; right: 25px; } /**/ * html .List .ListGrav { left: 10px;} /* */ .List .ListGrav { position: absolute; top: 35px; left: 15px;} .List .ListGrav img { border: solid 1px #fff;} .List big { margin: 0px; padding: 2px 0px 2px 55px; font-size: 14px; line-height: 14px; letter-spacing: -1px; color:#996633; font-weight: bold; display: block; font-family: 'Arial';} .List small { color:#996633; padding: 2px 0px 2px 55px; margin: 0px; font-size: 11px; } .List small a { color:#996633; text-decoration: none;} .List small a:visited { text-decoration: none;} .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url("http://www.accommodationz.com/img3/ComListContent.gif") no-repeat left top; display: block;} .List .ListContent blockquote { padding: 0px 15px; margin: 0px; color:#cc6600; font-family: 'Georgia'; font-style: italic; border-top: dashed 1px #cc6600; border-bottom: dashed 1px #cc6600; } .List .ListContent blockquote p { font-size: 12px; padding: 5px 0px; margin: 5px 0px; line-height: 16px; color:#cc6600; } .List .ListContent ul { padding: 0px; margin: 0px; } .List .ListContent ul li { padding: 0px; list-style-type: none; background: none; font-size: 11px; line-height: 13px; color:#63565f; } /* Pagination +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Pagination { width: 300px; font-size: 13px; font-family: 'Arial';} .Pagination ul { list-style: none; margin: 0px; } .Pagination ul li { padding: 0px 3px 0px 20px; margin: 0px; display: inline; } .Pagination ul li a {text-decoration: underline; color : #3AA7F8} .Pagination ul li a:visited {text-decoration: underline; color : #3AA7F8} .Pagination ul li a:hover {text-decoration: none; color : #3AA7F8} /* Side Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SR { width: 415px; float: right; position: relative; padding: 0px 0px 20px 0px; margin-bottom: 10px;} .SR h2 { font-size: 14px; letter-spacing: -1px; font-weight: bold; background: url("http://www.accommodationz.com/img3/SRH3.png") repeat-x left bottom; color:#666; padding: 5px 0px 5px 0px; margin: 0px; border-bottom: dashed 1px #efe4e4; } .SR h3 { font-size: 14px; letter-spacing: -1px; font-weight: bold; background: url("http://www.accommodationz.com/img3/SRH3.png") no-repeat left center; color:#666; padding: 5px 0px 5px 20px; margin: 0px; border-bottom: dashed 1px #efe4e4; } .SR ul { margin: 0px; padding: 0px;} .SR li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; background: url("http://www.accommodationz.com/img3/CategLi.png") no-repeat left top; border-bottom: dashed 1px #B9DC3B; font-size: 11px;} .SR li a { color:#3AA7F8; } .SR li a:visited { color:#3AA7F8; } .SR li a:hover { color:#666;} .SR li span { background: #F2F2F2; } /* Side Right Left +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRL { width: 230px; float: left; padding: 0px; background: #F2F2F2;} /* Side Right Right +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .SRR { width: 160px; float: right; padding: 0px;} /* Categories +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Categ {padding: 0px 0px 20px 0px; font-size: 11px; } .Categ ul { margin: 0px; padding: 0px;} .Categ ul li { margin: 0px; padding: 1px 0px 2px 20px; list-style-type: none; font-size: 12px; background: url("http://www.accommodationz.com/img3/CategLi.png") no-repeat left top; border-bottom: dashed 1px #efe4e4; color:#999;} .Categ ul li a { color:#3AA7F8;} .Categ ul li a:visited { color:#3AA7F8;} .Categ ul li a:hover { color:#666;} .Categ ul ul { margin: 2px 0px 0px 0px; padding: 0px; list-style-type: none; background: none; border-bottom: none;} .Categ ul ul li { margin: 0px; padding: 1px 0px 2px 20px; list-style-type: none; background: none; border-bottom: none; font-size: 11px; background: url("http://www.accommodationz.com/img3/hotel.png") no-repeat left top; } .Categ ul ul li a { color:#666;} .Categ ul ul li a:visited { color:#666;} .Categ ul ul li a:hover { color:#3AA7F8;} /* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Flickr { margin-bottom: 10px;} .Flickr h3 { padding: 5px 0px 5px 20px; margin: 0px; color:#666; letter-spacing: -1px; font-size: 14px; font-weight: bold; border-bottom: dashed 2px #B9DC3B; } .Flickr img { background: #fff; padding: 1px; border: solid 1px #fff; margin-bottom: 5px;} .Flickr a:hover img { border: solid 1px #666; } /* Flickr2 RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Flickr2 { width: 410px; float: right; position: relative; padding: 0px 0px 20px 0px; } .Flickr2 h3 { padding: 5px 0px 5px 20px; margin: 0px; color:#666; letter-spacing: -1px; font-size: 14px; font-weight: bold; border-bottom: dashed 2px #B9DC3B; } .Flickr2 p { width: 400px; float: left; position: relative; padding: 5px 5px 10px 5px; border: 1px solid #B9DC3B;} .Flickr2 p a { color:#FF0000;} .Flickr3 { margin-bottom: 10px; width: 415px; border-width: 2px; border-style: dashed; border-color: #B9DC3B; float: right; position: relative; padding: 0px 0px 0px 0px; } .Flickr3 h3 { padding: 0px 0px 0px 20px; margin: 0px; color:#666; letter-spacing: -1px; font-size: 14px; font-weight: bold; } .Flickr3 h5 { padding: 5px 5px 0px 20px; margin: 0px; color:#666; font-size: 10px; font-weight: normal;} .Flickr3 a {text-decoration: underline; color : #3AA7F8} .Flickr3 a:visited {text-decoration: underline; color : #3AA7F8} .Flickr3 img { background: #fff; padding: 5px; border: solid 1px #fff; margin-bottom: 5px;} .Flickr3 a:hover img { border: solid 1px #666; } /* FormS RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .FormS { width: 100%; float: left; background: #BCEBF9; } .FormS p { width: 900px; float: right; padding: 5px 5px 10px 5px; } /* Extra ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .EBG { background: url("http://www.accommodationz.com/img3/sfondo.gif"); width: 100%; float: left; border-top: solid 1px #ecdce3; border-bottom: solid 1px #ecdce3; padding: 20px 0px; margin-top: 10px;} .Extra { width: 900px; margin: 0 auto;} /* Latest Comments - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .Cols { width: 280px; float: left;} .Cols h3 { font-size: 16px; margin: 0px; color:#3AA7F8; letter-spacing: -1px; padding-bottom: 10px; border-bottom: dashed 1px #3AA7F8; } .Cols ul { margin: 0px; padding: 10px 0px 0px 0px;} .Cols li { display: block; color:#666; margin: 0px; padding: 2px 0px 3px 15px; list-style-type: none; font-size: 11px; background: url("http://www.accommodationz.com/img3/TrackListIco.gif") no-repeat left top; font-size: 11px; } .Cols li a { font-size: 11px; font-weight: normal; color:#3AA7F8;font-weight: bold; } .Cols li a.hotel { font-size: 11px; font-weight: normal; color:#187725;font-weight: bold; } /* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .FBG { background: #fff; width: 100%; float: left; padding: 10px 0px;} .Footer { width: 860px; margin: 0 auto; background: url("http://www.accommodationz.com/img3/FooterIco.png") no-repeat left center; padding: 10px 0px 10px 40px;} .Footer p { font-size: 10px; color:#706c79; padding: 0px; margin: 0px; } .Footer a { color:#706c79; text-decoration: underline;} /* Slider ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */ .sliderwrapper{ position: relative; overflow: hidden; /*leave as is*/ border: 0px; border-bottom-width: 1px; width:400px; /*width of featured content slider*/ height: 380px; display: block;margin: 0 0 10px 10px;float: left; } .sliderwrapper .contentdiv{ FONT-FAMILY: verdana,arial,helvetica;FONT-SIZE: 9pt; visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 16; /*leave as is*/ padding: 1px; background: white; width: 400px; height: 380px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination{ FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE: 8pt; height: 15px;width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; background-color: #FFFFFF; padding: 1px 1px; } .pagination a{ padding: 0 1px; text-decoration: none; color: #000000; background: white; } .pagination a:hover, .pagination a.selected{ color: #000; background-color: #FFEE33; } .evimg {width: 400px;height: 270;position: absolute;top: 0;} .evimg ul li { text-decoration: none;} .evimg img {border: 0px;padding: 0px;margin: 0px;} .evimg a:hover img { border: 0px; } .evimg img.div-alpha {width: 400px;height: 75px;position: absolute;z-index: 3;top: 215px;left: 0px;} .div-alpha {width: 430px;height: 75px;position: absolute;z-index: 3;top: 215px;left: 0;} .evimg a {color: #412020;text-decoration: none;} .evimg a:hover {color: #412020;} .evimg a:visited {color: #412020;} .evimg img a {text-decoration: none;} .evtext {width: 400px;height: 95px;position: absolute;z-index: 4;top: 265px;padding-top:5px;background: #5A5A5A; } .evtext a {color: #ff6600;} .evtext a:visited {color: #ff6600;} .evtext h2 {font-size: 22px;padding: 2px 20px;margin: 0;display: block;font-weight: normal;background: none;} .evtext p {padding: 0 20px;margin: 0;color: #fff;} .evtext p.flickrcredit {font-size: 10px;} /* ######### CSS for AJAX Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(http://www.accommodationz.com/img3/shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(http://www.accommodationz.com/img3/shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; }