/* 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: 0px; }

#header { background: url(../../i/header-bg.png) 0 0 no-repeat; height: 186px; width: 982px; position: relative; }
	#header h2.logotext { position: absolute; top: 80px; left: 220px; height:30px; width:420px; color: #ffffff; font-size: 11px; font-weight: normal; letter-spacing: 1px; font-family: "Georgia", verdana, arial, sans-serif;}
	#header h1.logo { position: absolute; top: 90px; left: 220px; height:30px; width:320px; }
	#header h1.logo a { height:30px; width:320px; display: block; cursor: pointer; text-decoration: none; color: #ffffff; font-size: 24px; line-height: 28px;}
	
	#header ul.navigation { position: absolute; bottom: 14px; left: 220px; 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: 670px; float: left; }
		#content .content-left h1 { font-size: 22px; color:#479275; font-weight: normal; margin-bottom: 10px; font-weight: bold;}
		#content .content-left h2 { font-size: 22px; color:#479275; font-weight: normal; margin-bottom: 10px; }
		#content .content-left h3 { font-size: 20px; color:#479275; font-weight: normal; margin-bottom: 10px; }
		#content .content-left p { margin-bottom: 15px; font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.5em; }
		#content .content-left strong { font-size: .8em; }
		#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: #0066cc;}
		#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-bg.png) 0 0 no-repeat; height: 22px; color: white; padding-top: 8px; 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 li.sub-header 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; }
		

#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: .7em; color:#7c7c7c; text-align: center; }
.stars { margin-left: 5px; margin-top: 5px; height: 11px; background: transparent url(../../i/stars.png) 0 0 no-repeat; }


#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-rightmenu p { margin-bottom: 15px; font-family: verdana, arial, sans-serif; font-size: .8em; line-height: 1.5em; }


#content .content-left dl { margin: 10px; }
#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{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; }
.toggleopacity:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; }
.toggleopacity img{ border: 1px solid #ccc; }
.toggleborder:hover img{ border: 1px solid navy; }
.toggleborder:hover{ color: red; /* Dummy definition to overcome IE bug */ }

.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: 84px; 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: 3px;
    float:left;       
}

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


#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:450px;
z-index: 9002;
}