/*** West House CSS Document - Created by Maher Berro - Modification is not permitted prior to validating with the author ***/


/*** Begin CSS Reset ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, a:link, a:visited, img, a:link img, a:visited img {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
}
body {line-height: 1em;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:active, :focus {outline: 0;}
a {outline: none;}
a:focus {outline: thin dotted;}
a:active {outline: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}

/* removed scrollbar from IE */
textarea {  
overflow: auto;  
}
  
/*** End CSS Reset ***/


/*** Javascript Off and Old Browsers Messages ***/
#noscript-msg, #browsers-msg {
background: url(../images/spacer.png) repeat top left;
_background-color: #000;
_background-image: none;
border: 1px solid #8c8c8c;
color: #fff;
display: block;
font-weight: bold;
line-height: 1.2em;
margin: 180px 20%;
position: absolute;
width: 60%;
z-index: 100;
}

#browsers-msg {display: none; _display: block; padding-bottom: 80px;}
#browsers-msg h2 {font-size: 1.6em; margin: 80px 0 0 90px;}
#browsers-msg p {margin: 30px 90px 0 90px; line-height: 1.4em;}
#browsers-msg p.close {float: right; margin: 50px 30px 0 0;}
#browsers-msg ul {margin: 25px 0 0 100px;}
#browsers-msg ul li {padding: 0 0 10px 10px; list-style-type: square; list-style-position: inside;}

#noscript-msg a:link, #noscript-msg a:visited, #browsers-msg a:link, #browsers-msg a:visited {color: #F9B118; text-decoration: none;}
#noscript-msg a:hover, #noscript-msg a:active, #browsers-msg a:hover, #browsers-msg a:active {color: #8c8c8c;}

#noscript-msg p {margin: 70px 75px 20px 75px;}
#noscript-msg ol {margin: 20px 100px 60px 75px;}
#noscript-msg ol li {margin-bottom: 20px;}

html {_overflow-x: hidden;}

body {
background: #fff url(../images/body-bg.jpg) repeat-x 0 0!important;
color: #000;
margin: 0;
text-align: left;
-moz-opacity: 0.99;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
position: relative;
}

a:active, a:focus {outline: none;}

acronym, abbr {  
border-bottom: 1px dotted #333;  
cursor: help;  
}  

.hidden {display: none;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}

.orange {color: #F9B118;}
.blue {color: #1b1462;}


#skip-links {
position: absolute;
left: -5000px;
width: 100%;
}

#body-wrapper {
margin: 0 auto;
width: 920px;
}

    #header {
    margin: 12px 270px 0;
    width: 150px;
    }
    
        #header h1 {
        background: url(../images/corporate-logo.png) no-repeat 0 0;
		color: #1b1462;
		cursor: pointer;
		font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
		font-size: 2.2em;
		font-weight: normal;
		line-height: 1.3em;
        margin: 0 auto;
        min-width: 220px;
		padding: 30px 0 25px 165px;
        }
		
			#header h1 span {
			display: block;
			font-size: 0.6em;
			}

.main-menu  {
margin: 15px auto;
width: 900px;
}

    .main-menu ul {
	cursor: default;
    text-align: center;
    }
        .main-menu ul li {
        border: none;
        display: inline;
        }
        
        .main-menu ul li + li {
        border-left: 1px solid #6B679E;
        }
        
            .main-menu ul li a:link, .main-menu ul li a:visited {
            background: none;
            color: #1B1449;
            font-size: 1em;
            font-weight: bold;
            padding: 12px 25px;
            text-transform: none;
            }
            
            .main-menu ul li a:hover, .main-menu ul li a:active {
            color: #6B679E;
            }
			
			 .main-menu ul li.current {
            color: #F9B118;
			cursor: default;
            font-size: 1em;
            font-weight: bold;
            padding: 0 25px;
			}

.round {
position: relative;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
behavior: url(css/PIE.htc);
}

.round img {
margin: 0 0 -2px;
padding: 0;
}

.home-content {
display: block;
min-height: 298px;
margin: 18px 0 0;
margin: 18px 0 55px;
position: relative;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
behavior: url(css/PIE.htc);
}

.page {
background: #FFF;
border: 1px solid #DDDBD9; 
color: #000;
margin: 10px 0 15px;
min-height: 460px;
padding: 18px 10px 0 10px;
position: relative;
}
    
    .home-content .left {
    width: 370px;
    }
	
	 .page .left {
    width: 660px;
    }
    
        .home-content .left h2 {
        color: #FFF;
		font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
        font-size: 1.4em;
		font-weight: normal;
        margin: 5px 0 20px;
        }
		
		.page .left h2 {
        color: #FBB216;
        }
		
		h2.note {
		color: #1b1462;
		line-height: 1.2em;
		margin: 10px 95px 25px;
		text-transform: uppercase;
		}
        
        .home-content .left p {
        color: #FFF;
        font-size: 1em;
        line-height: 1.3em;
        margin: 0 0 20px;
        }
		
		.page .left p, .page .right h2, .page .right p {
        color: #000;
		}
		
		.page .left p {
	    font-size: 0.9em;
	    }

    .home-content .right {
    width: 520px;
    }
	
	.page .right {
    width: 220px;
    }
	
	.page .right.special {
	left: 8px;
	*left: 3px;
    position: absolute;
    top: 430px;
	}
    
        .home-content ul {
        float: left;
        margin-left: 10px;
		position: relative;
        width: 210px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		behavior: url(css/PIE.htc);
}
        
            .home-content ul li {
            background: #FFF;
            margin: 0 0 10px;
            }
			
			.home-content ul li.blue {
			background: #1b1462;
			}
			
			.page ul li {
            border: none; 
            }
			
			.page ul li.locate {
            border: 1px solid #DDDBD9; 
            }
		
		.page ul.list {
		float: left;
		margin: 10px 0 20px 12px;
		width: 300px;
		}
		
			.page ul.list li {
			border: none;
			float: none;
			font-size: 0.9em;
			list-style-position: inside;
			list-style-type: circle;
			width: auto;
			}
			
		.page ul#sitemap {
		margin: 20px 120px 40px;
		}
			
			.page ul#sitemap li {
			display: block;
			clear: both;
			float: none;
			line-height: 1em;
			list-style-type: none;
			margin: 0 0 5px;
			position: relative;
			width: 255px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			behavior: url(css/PIE.htc);
			}
			
			.page ul#sitemap ul li {
			width: 235px;
			}
			
			.page ul#sitemap ul ul li {
			width: 215px;
			}
			
			.page ul#sitemap ul {
			clear: both;
			margin: 0 20px;
			}
			
				.page ul#sitemap li a:link, .page ul#sitemap li a:visited {
				background: #1b1462;
				color: #fff;
				display: block;
				line-height: 1em;
				list-style-type: none;
				margin: 0 0 5px;
				padding: 10px 15px;
				position: relative;
				border-radius: 5px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				behavior: url(css/PIE.htc);
				}
				
				.page ul#sitemap li a:hover, .page ul#sitemap li a:active {
				background: #9c9c9c;
				}
			
			ul li.label {
			color: #8c8c8c;
			font-weight: bold;
			list-style-type: none!important;
			margin: 25px -4px 10px;
			*margin: 25px -14px 10px;
			}
            
                .home-content ul li h2 {
                display: block;
                text-align: center;
                }
                
                    .home-content ul li h2 a:link, .home-content ul li h2 a:visited {
                    background: url(../images/reserve-now-bg.jpg) no-repeat 0 0;
                    color: #FFF;
                    display: block;
                    font-size: 1.8em;
					font-weight: normal;
                    line-height: 1.4em;
					padding: 0 0 1px;
                    }
					
					 .home-content.page ul li h2 a:link, .home-content.page ul li h2 a:visited {
                    background-image: url(../images/reserve-now-bg-w.jpg);
					}
                    
                    .home-content ul li h2 a:hover, .home-content ul li h2 a:active {
                    color: #F9C36E;
                    }
                
                .home-content ul li h2 + p {
				display: none; /* Check Availability temporary hidden */
                padding: 3px;
                text-align: center;
                }                
                    .home-content ul li h2 + p a:link, .home-content ul li h2 + p a:visited {                
                    color: #1B1460;
                    float: none;
					font-size: 1.1em;
                    font-style: normal;
                    font-weight: bold;
					line-height: 1.2em;
                    }
                    
                    .home-content ul li h2 + p a:hover, .home-content ul li h2 + p a:active {                
                    color: #7F7DD1;
                    }
                
                .home-content ul li h3 {
                color: #1295C9;
                font-size: 1.2em;
                font-weight: normal;
                margin: 0 0 2px;
                padding: 8px 5px 7px;
                *padding: 6px 5px 5px;
                }
                
                .home-content ul li p {
                color: #A8A7A7;
				font-size: 0.9em;
                line-height: 1em;
                margin: 0 0 5px;
                padding: 0 5px 7px;
				position: relative;
                }
                
                    .home-content ul li p a:link, .home-content ul li p a:visited {
                    color: #FBB216;
					font-size: 0.9em;
                    font-style: italic;
					font-weight: bold;
                    }
                    
                    .home-content ul li p a:hover, .home-content ul li p a:active {
                    color: #F9D493;
                    }
					
					.home-content .more {
					display: block;
					float: right;
					margin: 10px 5px 8px;
					*margin: -5px 5px 3px;
					margin: -5px 5px 3px  \0/; /* IE8+9  */
					}
					
					.home-content ul li.special-rates {
					border: 1px solid #ccc;
					}
					
						.home-content ul li.special-rates p {
						color: #333;
						font-size: 0.85em;
						}
                    
                .home-content ul li img {
                height: 62px;
                width: 200px;
                }
                    
                .home-content .verify img {
                height: auto;
                width: auto;
                }
        
        .home-content .right ul.address {
        background: #EDEAE6;
		margin-right: 10px;
        padding: 0 0 5px;
        width: 275px;
        }
        
            .home-content .right ul.address li, .home-content .right ul.address li + li+ li+ li {
            background: #FFF url(../images/bg-addresses.jpg) no-repeat 0 2px;
			cursor: pointer;
            margin: 5px 5px 0;
            padding: 5px 2px 2px;
            }
            
            .home-content .right ul.address li + li {background-position: 0 -96px;}
            .home-content .right ul.address li + li + li {background-position: 0 -197px;}
            
                .home-content .right ul.address li h3 {
                color: #333;
                font-size: 0.9em;
                font-weight: bold;
                margin-left: 70px;
                padding: 2px 0 0;
                }
                
                .home-content .right ul.address li p {
                font-size: 0.75em;
				line-height: 1.1em;
                margin-left: 70px;
                padding: 0;
                }
		
		 .home-content p.special {
		font-size: 0.9em;
		line-height: 1em;
		padding: 5px 2px 0;
		}
		
					
		 .home-content .strip {
		margin: 15px 10px 30px;
		width: 630px;
		}
		
		.separator {
		background: url(../images/separator.jpg) no-repeat 0 0;
		clear: both;
		display: block;
		height: 5px;
		margin: 15px auto 30px;
		}
		
		.containers {
		border: 1px solid #DDDBD9;
		min-height: 243px;
		padding: 0 0 0 5px;
		}
		
			.containers .container {
			cursor: pointer;
			float: left;
			margin: 10px 0 0;
			width: 210px;
			}
			
			.containers .container + .container {
			margin-left: 9px;
			}
			
				.containers .container h3 {
				background: #FFF url(../images/bg-addresses.jpg) no-repeat 15px 0;
				color: #333;
				display: block;
				font-size: 1em;
				height: 45px;
				line-height: 1.1em;
				padding: 20px 15px 0 90px;
				}
				
				.containers .container + .container h3 {background-position: 15px -96px; height: 39px; padding-top: 26px;}
				.containers .container + .container + .container h3 {background-position: 15px -197px; height: 45px; padding-top: 20px;}
            	
				.containers .container h4 {
				background: url(../images/container-heading-bg.png) no-repeat 0 0;
				color: #666;
				font-size: 1em;
				padding: 22px 0 10px;
				text-align: center;
				}
				
				.containers .container p {
				margin: 5px 0;
				}
				
				.chanvertical {
				position: relative;
				}
				
					.chanvertical ul {
					background: #EDEAE6;
					margin: 0 0 0 5px;
					*margin: 0;
					padding: 2px 0 4px;
					width: 215px;
					}
					
						.chanvertical ul li, .chanvertical ul li + li + li + li {
						background: #FFF url(../images/bg-addresses.jpg) no-repeat 5px 2px;
						border: 3px solid #DDDBD9;
						height: 70px;
						margin: 2px 5px 0;
						}
            
			            .chanvertical ul li + li {background-position: 5px -96px;}
			            .chanvertical ul li + li + li {background-position: 5px -197px;}
						
						.chanvertical ul li.current {
						border: #F9B118;
						border: 3px solid #F9B118;
						}
						
							.chanvertical ul li a {
							display: block;
							color: #333;
							cursor: pointer;
							font-size: 1em;
							font-weight: bold;
							height: 48px;
							padding: 18px 0 0 80px;
							}
							
							.chanvertical ul li + li a {padding-top: 28px;}
							.chanvertical ul li + li + li a {padding-top: 18px;}
							
			.channel-content {
			float: right;
			width: 650px;
			margin: 0 5px;
			padding: 0 0 30px;
			min-height: 480px;
			}
			
				.channel-content h4 {
				background: #fff;
				color: #F9B118;
				font-size: 1.2em;
				margin: 0 0 15px;
				padding: 0;
				}
			
				.channel-content a:link, .channel-content a:visited {
				color: #fbb216;
				font-style: italic;
				font-weight: bold;
				}
			
				.channel-content a:hover, .channel-content a:active {
				border-bottom: 1px dotted #fbb216;
				}
				
				.channel-content ul {
				height: 120px;
				margin: 0 -20px 0 0;
				padding: 0;
				width: 660px;
				}
				
					.channel-content ul li {
					background: none;
					border: none;
					clear: none;
					float: left;
					margin: 0 5px 0 0;
					padding: 0;
					width: 210px;
					}
					
						.channel-content ul li img {
						border: 1px solid #DDD;
						height: auto;
						margin: 0;
						}
				
				.channel-content p {
				background: #fff;
				clear: both;
				color: #333;
				font-size: 0.9em;
				font-weight: bold;    
				line-height: 1.4em;
				margin: 15px 0;
				padding: 0;
				}
				
					.channel-content p em {
					color: #666;
					font-weight: normal;
					}
				
				.channel-content p.note {
				color: #8c8c8c;
				font-size: 0.8em;
				font-style: italic;
				margin-top: 30px;
				}
				
				.channel-content ul.services {
				height: auto;
				margin: 0 10px 15px;
				padding: 0;
				width: auto;
				}
				
					.channel-content ul.services li {
					clear: both;
					float: none;
					font-size: 0.9em;
					list-style-position: inside;
					list-style-type: circle;
					margin: 0 0 5px;
					width: auto;
					}
					
					#homeWidget {
					*margin: 0 0 15px;
					}
					
					.widget_piece {position: relative; z-index: 10;}

		h3.heading {
		clear: both;
		color: #1b1462;
		float: left;
		margin: 0 12px 3px;
		width: 400px;
		}
		
			h3.heading span {
			color: #F9B118;
			font-size: 0.8em;
			line-height: 2em;
			}
					
		.map {
		float: right;
		margin: -15px 20px 0 0;
		width: 300px;
		}
		
		.map-img {
		border: 1px solid #999;
		height: 200px;
		overflow: hidden;
		width: 300px;
		}	
		
		.home-content .left p.direction {
		clear: both;
		color: #8c8c8c;
		font-size: 0.75em;
		line-height: 1.2em;
		margin: 5px 0;
		padding: 0;
		width: 300px;
		}

	.home-content ul#addresses {
	background: #EDEAE6;
	height: 113px;
	float: none;
	margin: -5px 0 20px;
	padding: 0 0 0 8px;
	width: auto;
	}			

		.home-content ul#addresses li {
		background: #FFF url(../images/bg-addresses.jpg) no-repeat 5px 8px;
		float: left;
		cursor: pointer;
		margin: 8px 0;
		width: 288px;
		}
            
		.home-content ul#addresses li + li {background-position: 5px -90px; margin-left: 8px;}
		.home-content ul#addresses li + li + li {background-position: 5px -191px;}
		
			.home-content ul#addresses li h3 {
			color: #333;
			font-size: 1em;
			font-weight: bold;
			margin-left: 80px;
			padding: 10px 0 0;
			}
			
			.home-content ul#addresses li p {
			font-size: 0.8em;
			line-height: 1.1em;
			margin-left: 80px;
			padding: 3px 0;
			}
			
		
.page .left p.required {
clear: both;
color: #8c8c8c;
font-size: 0.8em;
font-style: italic;
}	
		
.placeholder {
background: #fff;
height: 315px;
margin-bottom: -315px;
position: relative;
width: 920px;
z-index: 9;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
behavior: url(css/PIE.htc);
}		
		
		
		
.page .left .item p {
margin: 18px 5px 25px;
}

.item p a:link, .item p a:visited {
color: #F9B118;
}

.item p a:hover, .item p a:active {
border-bottom: 1px dotted #F9B118;
}
	
	.form {
	margin: 0 15px;
	}
	
		.form ul {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
		}

			.form ul li {
			border: none;
			float: left;
			font-size: 0.9em;
			margin: 0 0 12px;
			width: 310px;
			}
			
			.form ul li.dropdown + li {
			clear: both;
			}
			
				.form ul li label {
				color: #555;
				display: block;
				font-size: 0.9em;
				font-weight: bold;
				margin: 0 0 5px;
				}
				
					.form ul li label span {
					color: #8c8c8c;
					margin: 0 5px;
					}
				
				.form ul li label.fromTo {
				color: #F9B118;
				margin: 5px 0 3px;
				}
				
				.form ul li input {
				border: 1px solid #DDDBD9;
				height: 28px;
				*height: 25px;
				line-height: 1.2em;
				*line-height: 1.8em;
				*padding-top: 3px;
				text-indent: 8px;
				width: 275px;
				}
				
				.form ul li input.submit {
				background: #F9B118;
				border: none;
				color: #fff;
				cursor: pointer;
				*display: inline-block;
				font-weight: bold;
				*height: 25px;
				line-height: 1.2em;
				margin : 0 0 12px;
				*overflow: hidden;
				padding: 0 15px;
				position: relative;
				text-indent: 0;
				width: auto;
				*width: 90px;
				border-radius: 5px;
				*border-radius: 0;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				behavior: url(css/PIE.htc);
				}
				
				.form ul li input.submit:hover {
				color: #F9C36E;
				}
			
				.form ul li select {margin-bottom: 5px;}
				.form ul li select#fromday, .form ul li select#today {width: 50px;}
				.form ul li select#frommonth, .form ul li select#tomonth {margin-left: 10px; width: 120px;}
				.form ul li select#fromyear, .form ul li select#toyear {margin-left: 10px; width: 80px;}
				.form ul li select#country, .form ul li select#location {width: 275px;}
			
			.form ul li.textarea {
			clear: both;
			float: none;
			width: 600px;
			}
			
				.form ul li.textarea textarea {
				border: 1px solid #DDDBD9;
				padding: 5px;
				width: 575px;
				}
				
				.form ul li.textarea.small textarea {
				height: 80px;
				}
	
.popup {
left: 0;
height: 100%;
margin: 0 auto;
padding-top: 5%;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
background: url(../images/spacer.png) repeat 0 0;
}

	.popup .content {
	background: #FFF;
	margin: 0 auto;
	position: relative;
	padding: 10px;
	text-align: center;
	width: 540px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	behavior: url(css/PIE.htc);
	}
		
		.popup .content .close {
		background: url(../images/close-overlay.jpg) no-repeat top left;
		float: right;
		height: 12px;
		margin: 0;
		overflow: hidden;
		padding: 0;
		width: 12px;
		}

		.popup .content .close:hover {
		background-position: 0 -12px;
		}

		.popup .content .close a:link, .popup .content .close a:visited {padding: 0 20px;}
		
		.popup .content h4 {
		color: #F9B118;
		margin: 5px 0 0;
		*margin: 15px 0 0;
		}
		
		.popup .content .img {
		clear: both;
		margin: 12px 0 15px;
		}
		
			.popup .content .img img {
			border: 1px solid #ccc;
			margin: 0;
			padding: 0;
			}
		
		.popup .content .desc {
		clear: both;
		font-size: 0.9em;
		line-height: 1.2em;
		margin: -5px 20px 10px;
		text-align: left;
		}
				
#footer {
clear: both;
display: block;
margin: 4px 0 0;
}

	#footer .footer-content {
	margin: 0 auto;
	min-height: 35px;
	width: 920px;
	}

		#footer .left {
		color: #595959;
		font-size: 0.8em;
		width: auto;
		}

		#footer ul {
		float: right;
		}

		    #footer ul li {
		    display: inline;
		    }
		    
		    #footer ul li + li {
		    border-left: 1px solid #999;
		    }
		    
		    #footer ul li a:link, #footer ul li a:visited {
		    color: #595959;
		    font-size: 0.8em;
		    padding: 0 10px;
		    }
		    
		    #footer ul li a:hover, #footer ul li a:active {
		    color: #999;
		    }
    

@media screen and (-webkit-min-device-pixel-ratio:0){

}