/***************  templates/main/css/global.defaults.css  ***************/
/* ---------------- OVERRIDE BROWSER DEFAULT TYPOGRAPHY ---------------- */

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}
div#holder {
	font-family: Arial, sans-serif; font-size: 100%;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	margin: 1.6em 0em 0em;
}
h2 {
	font-size: 1.2em;
	margin: 1.4em 0em 0em;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	margin: 1.2em 0em 0em;
	font-weight: normal;
}
h4 {
	font-size: 0.9em;
	margin: 1.2em 0em 0em;
	font-weight: bold;
}
h5 {
	font-size: 0.9em;
	margin: 1.2em 0em 1.2em;
	font-weight: normal;
}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em;
	font-weight: bold;
}
p,
li {
	line-height: 1.2;
}
p {
	font-size: 1em;
	margin: 0.9em 0em 1.2em;
}
li > p {
	margin-top: 0.2em;
}
ol, ul {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	margin-left: 0;
	list-style-type: square;
}
img {
	border: 0 none;
}
th {
	font-weight: normal;
	text-align: right;
	padding-right: 0.5em;
}
td {
	text-align: center;
}
form,
button,
input,
select,
textarea {
	margin: 0;
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
sup {
	font-size: 0.74em;
	/* avoid increased line-box height */
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
sup.ordinal {
	text-transform: lowercase;
}
.temperature {
	white-space: nowrap; /* prevent IE from word-breaking after degreee symbol */
}

/***************  templates/main/css/global.text.css  ***************/
/* Global Element Styles */
body { font-family: Arial, Helvetica, sans-serif; font-size:1em; color:#333333; }
a { color: #ff0000; text-decoration: underline; }
a:hover { color: #ffd200; text-decoration: underline; }
	a:active { outline: none!important; }
	a:focus { outline-style: none!important;}
.left-side ul, #main-content ul { list-style: none; overflow: hidden; margin: 0; padding: 0 0 0 2px; }
	.left-side ul li, #main-content ul li { background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/bullet.png) left 8px no-repeat; padding:0 0 0 15px; }
.left-side ol, #main-content ol { list-style-type: decimal; overflow: hidden; margin: 0; padding: 0 0 0 17px; }
	.left-side li, #main-content li { line-height: 20px; font-size: 12px; color: #333; }
.left-side p, #main-content p { font-size: 12px; line-height: 20px; margin: 0 0 12px 0; color: #333; }
h1 { font-family: Arial, Helvetica, sans-serif; font-size:24px; color:#ff0000; font-weight: 400; text-transform: uppercase; line-height: 24px; margin: 6px 0 13px 21px; }
	#page_home h1 { text-transform: none; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:18px; color: #023e86; font-weight: 400; text-transform:none; margin:0 0 0 21px; padding:0; line-height: 18px; }
h3, .left-side .jw-text-box-3col-flex h3{ font-family: Arial, Helvetica, sans-serif; font-size:16px; color:#ff0000; font-weight: 400; text-transform:capitalize; margin:14px 0 4px 0; padding:0; line-height: 16px; }
h4, .left-side .jw-text-box-3col-flex h4{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#ff0000; font-weight: 400; text-transform:capitalize; line-height: 14px; margin: 3px 0 4px; padding: 0; }
/* Global Section Styles */
div#holder { font-family: Arial, Helvetica, sans-serif; }
#main-content em { font-style: italic; }
/***************  templates/main/css/global.layout.css  ***************/
body{ margin: 0; padding: 0; background: #fff; }
	.headerwrap { width: 100%; height: 188px; min-width: 976px; background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/header-wrapper-bg.png) left top repeat-x; }
		#header { width: 976px; height: 188px; margin: 0 auto; padding: 0; overflow-y: hidden; position: relative; background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/header-bg.png) center bottom no-repeat;}
			.branding { float: left; margin: 10px 0 0 0px; }
			.data { position: absolute; z-index: 30; right: 9px; top: 14px; }
				.weather { float: left; padding: 0 0 0 2px; margin: 0 0 0 6px; background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/divider-weather.png) left 1px no-repeat; }
					.accweather a{ display: block; position: relative; font-size: 11px; color: #023e86; font-weight: 400; text-decoration: none; line-height: 11px; }
						.weather-tempF { display: block; padding: 0 30px 0 10px; }
						.weather-image { position: absolute; top: -8px; right: 0; }
			.email-offs { position: absolute; right: 6px; top: 27px; z-index: 15; }
			.top-nav { float: right; margin: 115px 3px 0; }	
			.main-nav { float: left; overflow: hidden; width: 100%; margin: 13px 0 0; }
	.main-visual-section { width: 964px; height: 599px; margin: 0 auto; position: relative; overflow: hidden; }
		.booking { width: 683px; height: 41px; position: absolute; right: 10px; bottom: 117px; background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/booking-bg.png) left top repeat-x; z-index: 30; }
		.specials-slide { width: 100%; height: 112px; position: absolute; left: 0; bottom: 0; z-index: 30; }
		.slideshow { width: 964px; height: 482px; float: left; position: relative; overflow: hidden; }

		#holder{ position:relative; width: 976px; margin: 23px auto 0; overflow: hidden; }
			.left-side { float: left; width: 720px; height: auto; margin: 0 10px 0px 6px; }
					#main-content .intro { overflow: hidden; height: auto; margin:3px 0 0 21px; width: 665px; }
					.contact-left-colum { float: left; width: 232px; height: auto; overflow: hidden; margin: 0 0 0 21px; }
						.contact-left-colum h3:first-child { margin: 11px 0 4px 0; }
					.contentBottom { margin: 2px 0 0 21px; }	
			.right-side { float: left; width: 232px; height: auto; overflow: hidden; margin: 0; }

/* FOOTER */
#footer { float: left; width: 964px; height: 106px; margin: 16px 6px 0; padding: 7px 6px 0; background: #023e86; color: #fff; }
	#page_contact-us #footer { margin-top: 39px; }
	.botton-nav { float: left; margin: 0px 0 0 13px; }
	.social { width: 100px; float: left; margin: 5px 0 0 11px; }
	.information { float: right; width: 433px; overflow: hidden; margin: 11px 0 0; }
		.information > span{ display: block; float: left; width: 100%; color: #fff; font-size: 11px; font-weight: 400; line-height: 16px; }
			.information .tel-line { font-size: 14px; line-height: 17px; }
			.information .design a{ color: #fff; text-decoration: underline; }
				.information .design a:hover { color: #e0bd27; }

/* Form Styles */

#mod_flexibleForms { float: left; overflow: hidden; }
#mod_mailingList { width: 355px; margin: 39px 0 24px 176px; float: left; overflow: hidden; }
		#page_contact-us #mod_flexibleForms { width:355px; margin: 24px 0 0 40px; }
	#mod_flexibleForms .fieldBlock, #mod_mailingList .fieldBlock { float: left; width: 100%; margin-bottom: 10px; }
		#mod_flexibleForms .fieldLabel, #mod_mailingList .fieldLabel { float: left; width: auto!important; text-align: left; color: #666; font-size: 12px; margin: 2px 0 0; }
		#mod_flexibleForms input, #mod_mailingList input { width: 222px; height: 23px; float: right; border:1px solid #ccc; padding: 0 4px; }
		#mod_flexibleForms select, #mod_mailingList select { width: 232px; height: 25px; float: right; border:1px solid #ccc; padding: 2px 3px 4px 7px; }
			.msie9 #mod_flexibleForms select, .msie9 #mod_mailingList select, .msie10 #mod_mailingList select, .mozilla #mod_mailingList select { padding-top: 4px; }
		#mod_flexibleForms textarea, #mod_mailingList textarea { width: 226px; height: 114px; float: right; border:1px solid #ccc; }
			.mozilla #mod_flexibleForms textarea { width: 230px; }
			#mod_flexibleForms input,#mod_flexibleForms select, #mod_flexibleForms textarea, #mod_mailingList input, #mod_mailingList select, #mod_mailingList textarea { color: #9a9a9a; font-size: 12px; font-family: Arial, sans-serif; }
			#mod_flexibleForms button.submit, #mod_mailingList button.submit { border: 0 none; width: 124px; height: 24px; float: right; cursor: pointer; text-align: left; vertical-align: middle; margin: 0; background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/submit.png) left top no-repeat; padding:1px 0 2px 9px;}
					.msie9 #mod_flexibleForms button.submit,.msie9 #mod_mailingList button.submit { padding-top: 3px; }
					.mozilla #mod_flexibleForms button.submit { padding-top: 4px; }
					.safari.mac #mod_mailingList button.submit,.safari.mac #mod_flexibleForms button.submit, .chrome.mac #mod_mailingList button.submit,.chrome.mac #mod_flexibleForms button.submit { padding-top: 3px; }
				#mod_flexibleForms button.submit, #mod_mailingList button.submit { color: #023e86; font-weight: 700; text-transform: uppercase; font-size: 13px; }
					#mod_mailingList button.submit { margin: 4px 0 0; }
				#mod_flexibleForms button.submit:hover, #mod_mailingList button.submit:hover { background-position: left -25px; }

				#mod_flexibleForms form.flexibleForm .fieldBlock.invalid .fieldLabel, #mod_mailingList form.flexibleForm .fieldBlock.invalid .fieldLabel { color: #FF2020; }

/* BLOCKCOLLECTION */
	.blockCollection { width: 100%; float: left; overflow: hidden; position: relative; margin: 12px 0 0; }
		.blockCollection.empty { margin: 0; }
		.blockCollection .contentBlock { width: 100%; height: auto; overflow: hidden; margin: 0 0 2px;}
		.blockCollection h3.accordionTitle { width: 100%; height: 32px; margin: 0; font-size: 14px; font-weight: 400; color: #023e86; text-transform: uppercase; text-indent: 16px; line-height: 30px; background: url(http://www.bestwesternsiliconvalley.com/templates/main/images/accordion.png) left 0 no-repeat; }
			.blockCollection h3.accordionTitle:hover { background-position: left -32px; }
			.blockCollection .expanded h3.accordionTitle { background-position: left -64px; color: #ffd200; }
			.blockCollection .blockCollection.accordionContent { width: auto; padding: 16px 11px 8px 21px; margin: 0; }
			.blockCollection .contentBlock.type_richText { padding: 0 21px; width: auto;}
/* Sitemap */
	#mod_sitemap { margin-left: 21px; }
	#main-content .sitemap li:first-child h3 { display: none; }
	#main-content .sitemap > li:first-child { background: none; }
/***************  templates/main/libs/jquery/jscrollpane/jquery.jscrollpane.css  ***************/
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
	left:0;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 3px;
	width: 7px;
	height: 100%;
	background: none;
}
*+html .jspVerticalBar
{
	right:9px;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
	display:none;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #4d78aa;
	position: relative;
	width:1px;
}

.jspDrag
{
	background: #9f7d40;
	width:5px !important;
	position: absolute;
	top: 0;
	left: -2px;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}