/* reset and clearing stuff */
* { margin:0; padding:0; }
.hidden { display: none; }
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}

/* hides from ie-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end hide from ie-mac */

.right { float: right; }
.left { float: left; }



body { background: #fff url(../../i/background.jpg) 0 0 repeat; font-family: Verdana, Arial, Sans-serif; }
#container { width: 982px; margin:0 auto;margin-top: 20px; }

#header { background: url(../../i/header-bg.png) 0 0 no-repeat; height: 134px; width: 982px; position: relative; }
	#header h1.logo { position: absolute; top: 13px; left: 52px; height:120px; width:255px; background: white url(../../i/logo.png) 0 0 no-repeat; }
	#header h1.logo a { height:120px; width:255px; display: block; cursor: pointer; text-indent:-9999px; }
	
	#header ul.navigation { position: absolute; bottom: 14px; right: 25px; list-style-type: none; list-style-position: outside; width:580px; }
	#header ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.9em; letter-spacing: 1px; font-weight: normal; font-family: "Myriad Pro", verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; }
	#header ul.navigation li a { color:#FFFFFF; font-size: .9em; text-decoration: none; }
	#header ul.navigation li a:hover { color:#c1dff6; text-decoration: none; }
	#header ul.navigation li.first { border-left: none; padding-left: 0; margin-left: 0; }

#content { width: 922px; background: url(../../i/content-bg.png) 0 0 repeat-y; padding: 0px 30px 0px; }
	#content .content-left { width: 660px; float: left; }
		#content .content-left h1 { font-size: 22px; color:#0076ca; font-weight: normal; margin-bottom: 5px; }
		#content .content-left h2 { font-size: 19px; color:#0076ca; font-weight: normal; margin-bottom: 5px; }
		#content .content-left p { margin-bottom: 15px; font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.5em; }
		#content .content-left .image-model { height:340px; width:209px; background: #ccc url(../../i/model.png) 0 0 no-repeat; text-indent:-9999px; margin: 10px; }
		#content .content-left a { text-decoration: none; color:#007ee1;}
		#content .content-left a { text-decoration: none; }
		#content .content-left a:hover { text-decoration: underline; }
		
	
	#content .content-right { width: 240px; float: right; }
		#content .content-right ul.right-menu { width: 234px; margin:0 auto; background-color: #f7f6f6; list-style-type: none; list-style-position: outside; margin-top: 0px; margin-bottom: 0px; }
		#content .content-right ul.right-menu li { height:15px; font-family: verdana, arial, sans-serif; font-size: .7em; font-weight: none; color:#404040; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding:1px 10px 0; }
		#content .content-right ul.right-menu li.header { background: transparent url(../../i/right-menu-header-bg2.jpg) 0 0 no-repeat; height: 22px; color: white; padding-top: 8px; font-size: 12px; border-right: none; border-left: none; font-weight: bold;}
		#content .content-right ul.right-menu li.sub-header {  background: transparent url(../../i/right-menu-sub-header-bg.png) 0 0 no-repeat; height: 20px; color: white; padding-top: 5px; border-right: none; border-left: none; overflow: hidden; }
		#content .content-right ul.right-menu a { color: #FFFFFF; }
		#content .content-right ul.right-menu li.sub-header a:hover { color:#FFFFFF; }
		#content .content-right ul.right-menu li.bottom { background: transparent url(../../i/right-menu-bottom-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 3px; border-right: none; border-left: none; border-bottom: none; } 
		#content .content-right ul.right-menu li a { color:#404040; text-decoration: none; }
		#content .content-right ul.right-menu li a:hover { color:#e053de; }

		.menu-right { background: url(../../i/right-menu-bg.png) 0 0 repeat-y; margin-left: 3px; padding-left: 10px; padding-right: 10px; font-size: 12px; }	
		.menu-right a { text-decoration: none; font-size: 12px; color: #0076d3;}
		.menu-right a:hover { text-decoration: underline; }

#footer { background: url(../../i/footer.jpg) 0 0 no-repeat; height: 48px; width: 932px; padding: 15px 22px 0; margin-bottom: 25px; position: relative; }
	#footer ul.navigation { position: absolute; top: 21px; left: 25px; list-style-type: none; list-style-position: outside; width:480px; }
	#footer ul.navigation li { float: left; margin-left: 15px; color: white; font-size:.7em; letter-spacing: 1px; font-weight: normal; font-family: "Myriad Pro", verdana, arial, sans-serif; border-left: 1px solid #505050; padding-left: 15px; }
	#footer ul.navigation li a { color:#FFFFFF; font-size: .9em; text-decoration: none; }
	#footer ul.navigation li a:hover { color:#c1dff6; }
	#footer ul.navigation li.first { border-left: none; padding-left: 0; margin-left: 0; }

	#footer p.copyright { text-align: right; float: right; color:#a7a7a7; font-size: .8em; font-family: "Myriad Pro", verdana, arial, sans-serif; width: 300px; position: relative; top: 4px; }
	#footer p.copyright a { font-weight:bold; color: #FFFFFF; text-decoration: none; }
	#footer p.copyright a:hover { color: #c1dff6; }
	
img.right {
	float: right;
	margin: 0 0 10px 10px;
}

.hotel { height: 50px; padding-top: 10px;}

.button-container3 { border-left:2px solid #eee; border-right:2px solid #eee; border-bottom:2px solid #eee; background-color: #fafafc; float: left;}
.hotel-rating { float: left; height: 38px; width: 60px; }
.hotel-rating p { font-size: .9em; color:#39729b; text-align: center; font-weight: bold; }
.stars { margin-left: 5px; margin-top: 5px; height: 11px; background: transparent url(../../i/stars.png) 0 0 no-repeat; }

.ltreviews { height: 40px; width: 217px; margin-top: 4px; }
.ltreviews img { float: left; margin-right: 4px; }
.ltreviewssub { margin-top: 6px; height: 15px; width: 160px; float: left; }
.ltreviewssub a { float: left; }
.ltreviewssub span { float: right; color: #39729b; font-weight: bold;}

#content .content-rightmenu { background: url(../../i/right-menu-bg.png) 0 0 repeat-y; margin-left: 3px; padding-left: 15px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px;}
#content .content-rightmenu2 { background: url(../../i/right-menu-bg.png) 0 0 repeat-y; margin-left: 3px; padding-left: 25px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px;}
#content .content-rightmenu a { color:#404040; text-decoration: none; }
#content .content-rightmenu a:hover { text-decoration: underline; }
#content .content-rightmenu2 a { color:#404040; text-decoration: none; }
#content .content-rightmenu2 a:hover { text-decoration: underline; }
#content .content-right .bottomMenu { background: transparent url(../../i/right-menu-bottom-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 3px; margin-left: 3px; border-right: none; border-left: none; border-bottom: none; } 

#content .content-left dl { }
#content .content-left dl dt a { color:#0076d3; font-size: .8em; font-weight: bold; text-decoration: none;}
#content .content-left dl dt a:hover { text-decoration: underline;}
#content .content-left dl dd { margin: 6px 0 20px 0; font-size: .8em; line-height: 1.2em; color: #434343; }

.webbhotelllisturl a { color:#0076d3; text-decoration: none; padding-left: 20px; font-size: 1.3em; }
.webbhotelllisturl a:hover { text-decoration: underline; border-left:2px solid #eee; border-right:2px solid #eee; border-bottom:2px solid #eee; background-color: #fafafc;}
div.progress-container { border: 1px solid #ccc; width: 70%; margin: 2px 5px 2px 0; padding: 1px; float: left; background: white; clear: both;}


.toggleopacity img{ }
.toggleopacity:hover img{ opacity:0.5;filter:alpha(opacity=40); }
.toggleopacity img{ border: 1px solid #ccc; }


.imageStyle { padding: 0 3px 0 0; display: block; padding-top: 3px; top:6px; margin-right: 3px; float:left; }
label { float:left; margin-right:5px; margin-top: 3px; font-size: 11px;}

.webhostingtopclass { height: 105px; width: 660px; margin-left: 10px; float: left; }
.webhostingtopclass h1 { font-size: 22px; color:#0076ca;  }
.webhostingtopclass a { font-size: 16px; color:#5e8a12; }
.webhostingtopclass a:hover { color:#76ae17; }
.webhostingtopclass span { font-size: 15px; color:#404040; font-weight: bold; }

.checkboxStyle {
    width: 19px;
    height: 25px;
    padding: 0 3px 0 0;
    display: block;
    position:relative;
    top:-2px;
	margin-right: 0px;
    float:left;       
}

img.imageright {
	float: left;
	margin: 0 20px 10px 10px;
}

.c_T { float: left; height: 100%; width: 575px; margin-bottom: 35px;}
.c_header { float: left; background: url(/i/comment-header.png); height: 30px; width: 575px; clear: both;}
.c_header #h { float: left; font-size: 13px; font-weight: bold; color: #39729b; margin-top: 7px; padding-left: 10px; width: 63%; height: 15px; }
.c_header #h span { font-size: 11px; font-weight: bold; color: gray;}
.c_mid { float: left; width: 573px; height: 100%; background: url(/i/comment-mid-bg.png) 0 0 repeat-x; background-position:bottom; background-color: #fdfdfd; border-right-style: solid; border-left-style: solid; border-width: 1px; border-color: #cccccc; }
.c_mid #text { float: left; height: 100%; width: 356px; padding: 8px; font-size: 13px; color: #3e3e3e;}
.c_midS { float: left; min-height: 100px; height: 100%; width: 190px; border-left-style: solid; border-width: 1px; border-color: #d5d7d8; font-size: 13px; padding-top: 8px; }
.c_midS img { vertical-align:middle; margin-left: 16px; margin-right: 5px; }
.c_midS span { color: #3985d8; }
.c_midS #dii { float: left; width: 130px; }
.c_footer { float: left; width: 575px; height: 7px; background: url(/i/comment-footer.png) 0 0 no-repeat; }



.c_T { float: left; height: 100%; width: 575px; margin-bottom: 35px;}
.c_headerC { float: left; background: url(/i/comment-header2.png); height: 35px; width: 575px; clear: both;}
.c_headerC #h { float: left; font-size: 13px; font-weight: bold; color: #39729b; margin-top: 20px; padding-left: 10px; width: 63%; height: 15px; }
.c_headerC #h span { font-size: 11px; font-weight: bold; color: gray;}
.c_midC { min-height: 100px; float: left; width: 573px; background: url(/i/comment-mid-bg2.png) 0 0 repeat-x; background-position:bottom; background-color: #fdfdfd; border-right-style: solid; border-left-style: solid; border-width: 1px; border-color: #bcdaff; }
.c_midC #text { float: left; height: 100%; width: 525px; padding: 8px; font-size: 13px; color: #3e3e3e;}
.c_midS { float: left; min-height: 100px; height: 100%; width: 190px; border-left-style: solid; border-width: 1px; border-color: #d5d7d8; font-size: 13px; padding-top: 8px; }
.c_midS img { vertical-align:middle; margin-left: 16px; margin-right: 5px; }
.c_midS span { color: #3985d8; }
.c_midS #dii { float: left; width: 130px; }
.c_footerC { float: left; width: 575px; height: 7px; background: url(/i/comment-footer2.png) 0 0 no-repeat; }


#tabs-ex { font-family: Verdana, Arial, Helvetica, sans-serif; width: 660px; margin: 1em auto; }
#tabs-ex ul.tablist { list-style: none inside; margin: 0; padding: 0; margin-left: 5px;}
#tabs-ex ul.tablist li { margin-left: 3px; padding-top: 6px; display: block; float: left; background-image:url('/i/tab-inactive.jpg'); width: 101px; height: 20px; font-size: 12px; text-align: center; position: relative; bottom: -1px; cursor: pointer; border-bottom:1px solid #bdbcbd; }
#tabs-ex ul.tablist li.tab_hi { background-image:url('/i/tab-active.jpg'); border-bottom:1px solid #FFFFFF;}
#tabs-ex div.tab { background-image:url('/i/tab-box-bg.jpg'); width: 660px; height: 217px; clear: both; }


#tabbox1 { float: left; width: 122px; height: 140px; color: #5d5d5d; font-size: 12px; padding: 11px 0 0 20px; line-height:24px; font-weight: bold; }
#tabbox1-2 { float: left; width: 75px; height: 140px; color: #5289b2; font-size: 12px; padding: 11px 0 0 0; line-height:24px; font-weight: bold; }
#tabbox2 { float: left; width: 105px; height: 140px; color: #5d5d5d; font-size: 11px; padding: 2px 0 0 28px; line-height:24px; }
#tabbox2-2 { float: left; width: 75px; height: 140px; color: #5289b2; font-size: 11px; padding: 2px 0 0 0; line-height:24px; font-weight: bold; }
#tabbox3 { float: left; width: 97px; height: 140px; color: #5d5d5d; font-size: 11px; padding: 2px 0 0 32px; line-height:24px; }
#tabbox3-2 { float: left; width: 70px; height: 140px; color: #5289b2; font-size: 11px; padding: 2px 0 0 0; line-height:24px; font-weight: bold; }
#tabboxLang { font-size: 11px; color: #5d5d5d; width: 190px; height: 50px; margin-left: 20px; line-height:20px; }
#tabboxLang label { padding-right: 5px; }
#tabboxLang label img { vertical-align: text-top; }
#tabboxLang2 { font-size: 11px; color: #5d5d5d; width: 190px; height: 50px; margin-left: 10px; line-height:20px; }
#tabboxLang2 label { padding-right: 5px; }
#tabboxLang2 label img { vertical-align: text-top; }



#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;
background-color:#FFFFFF;
width:600px;
height:500px;
z-index: 9002;
}


.greenfaderIMG { width:39px; height: 39px; float: left; margin-right: 10px; }
.greenfader { background-image:url('/i/fader.jpg'); background-repeat:no-repeat; width: 600px; height: 1px; margin-bottom: 25px; float: left; }

.searchboxhosting { float: left; font-size: 12px; background-color: #f7f6f6; border-left-color: #e5e5e5; border-left-width: 1px; border-left-style: solid; border-right-color: #e5e5e5; border-right-width: 1px; border-right-style: solid; padding-left: 3px; padding-right: 3px; width: 652px; overflow: hidden; color: #454545;}
.searchboxhosting td { padding:2px; }