/*
Theme Name: Vault Valet Storage
Theme URI: http://www.vaultvaletstorage.com/
Description: 2010 website for Vault Valet Storage
Version: 1.4
Author: Jennifer and Steven Faccin
Author URI: http://www.interfacemedia.ca/
Tags: brown, red, white, fixed width, custom, two columns, widgets
*/


/* RESET.CSS CODE | @import url('css/reset.css');*/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* STYLES.CSS | @import url('css/styles.css'); */
body {  
   color:#231f20;
   background:#ffffff;
   text-align:left;
   font-family:Arial, sans-serif;
}

.inline { display: inline; }
.left { float: left; display: inline;}
.right { float: right; display: inline;}
.none { float: none; }
.center { text-align: center; }
.normal { font-weight: normal; }
.nomargin { margin: 0; }
.nopadding{padding:0;}
.nomarpad {padding:0;margin:0;}
.hide { display: none; }
.clearboth { clear: both; display: block; }
.clearfix: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 */
.clear {
    clear: both;
    font-size: 1px;
    height: 0px;    
}


/*
------------------------------------------------------
FONT STYLES
------------------------------------------------------
*/
.bold, strong { font-weight: bold; }
em { font-style: italic; }
.small { font-size: 1em; }
sup { font-size: 1em; }
/*
------------------------------------------------------
LIST STYLES
------------------------------------------------------
*/
ul {}
ol {}
ul li, ol li { }
ul.no-bullets { list-style: none; }
/*
------------------------------------------------------
LINK STYLES
------------------------------------------------------
*/
a {
   color:#ab1e21;
   text-decoration:underline;
}
a:hover { 
   text-decoration:none;
}

/*
------------------------------------------------------
HEADERS STYLES, CONTENT STYLES
------------------------------------------------------
*/
p {
    color:#000000;
    line-height:130%;
}

h1, h2, h3, h4, h5, h6 {
	color: #000000;
}


/* LAYOUT.CSS CODE | @import url('css/layout.css'); */
body {
   font: 62.5% Arial, sans-serif;
   background:#3a2313 url(images/bg-vault-valet-storage.jpg) 0 0 repeat-x;
}

.bgimage-top {
    background:url(images/header-vault-valet-storage.png) 50% 26px no-repeat;
}

.bgimage-bot {
    background:url(images/footer-vault-valet-storage.png) 50% 100% no-repeat;
}

/* centers content, footer image, white bg */
.container-outer {
	margin:0 auto;
	width:1000px;
	min-height:722px;
	height:auto !important;
	height:722px;
	background:url(images/bg-footer-vault-valet-storage.jpg) 0 100% no-repeat;
}

.container-inner {
	margin:0 auto;
	width:1000px;
	min-height:722px;
	height:auto !important;
	height:722px;
	background:url(images/bg-header-vault-valet-storage.png) 0 0 no-repeat;
}

h1 {
	height:26px;
	line-height:26px;
	background-color:#ffffff;
	color:#231f20;
	text-indent:10px;
	float:left;
	width:730px;
}

.columns-outer {
	width:1000px;
	margin:0 auto;
	min-height:722px;
	height:auto !important;
	height:722px;
	background:url(images/bg-columns-red.png) 0 0 repeat-y;
}

#columns {
	width:1000px;
	margin:0 auto;
	min-height:722px;
	height:auto !important;
	height:722px;
	/*background:url(images/bg-columns.png) 0 25px repeat-x;*/
}

#content {
	/*background:url(images/bg-header-vault-valet-storage.png) 0 0 no-repeat;*/
	min-height:722px;
	height:auto !important;
	height:722px;
}

#content_left {
	float:left;
	display:inline;
	width:290px;
	margin:0 17px 0 44px;
}

#content_right {
	float:left;
	width:290px;
	margin:0 43px 0 0;
	display:inline;
}

#header {
	width:730px;
	height:113px;
	float:left;
}

#column_content {
	float:left;
	width:730px;
	min-height:722px;
	height:auto !important;
	height:722px;
	background:url(images/bg-columns.png) 0 -88px repeat-x;
	position:relative;
	padding:0 0 100px 0;
}

div.page-home {
	/*padding-bottom:0 !important;*/
}

#content_footer { clear:both; }

#column_sidebar {
	float:right;
	width:270px;
	min-height:487px;
	height:auto !important;
	height:487px;
}

#footer {
	width:1000px;
	height:124px;
	margin:0 auto;
	/*background:url(images/bg-footer-vault-valet-storage.png) 0 0 no-repeat;*/
	clear:both;
}

#credits {
	width:1000px;
	height:20px;
	text-align:right;
	clear:both;
	margin:0 auto 50px auto;
}


/* CONTENT.CSS CODE | @import url('css/content.css'); */
#header h2 {
	float:left;	
}

#header h2#address_info {
	/*margin:20px 0 0 50px;	*/
	margin:14px 0 0 50px;
}

#header h2#address_info a.business-name {
	font-size:2.2em;
	font-weight:bold;
	font-style:italic;
	color:#ffffff;
}

#header h2#address_info span.business-address {
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;	
}

#header h2#address_info span.business-location {
	font-size:1.3em;
	font-weight:bold;
	color:#ffffff;	
}

#header h2#contact_info {
	/*margin:12px 0 0 50px;	*/
	margin:22px 0 0 50px;
	text-align:center;
}

#header h2#contact_info span.phone-number {
	font-size:2.2em;
	font-weight:bold;
	color:#ffffff;	
}

#header h2#contact_info span.operating-hours {
	font-size:1.0em;
	font-weight:bold;
	color:#ffffff;	
}

#header h2#bbb-credentials {
	float:right;
	width:100px;
	height:87px;
}

#header h2#bbb-credentials span.bbb-rating {
	/*font-size:5em;*/
	font-size:30px;
	font-weight:bold;
	display:block;
	float:left;
	/*margin:2px 0 0 8px;*/
	margin:15px 0 0 6px;
}

#header h2#bbb-credentials span.flavour-text {
	font-size:0.9em;
	font-weight:normal;
	display:block;
	float:right;
	margin:10px 0 0 0;
	text-align:center;
	/*width:55px;*/
	width:48px;
}

/* TOP NAVIGATION */

ul#top_navigation {
	margin:0 auto 10px 38px;
	color:#936b50;
}

ul#top_navigation li {
	display:inline;
	padding:0 8px;
	margin:0;
	border-left:1px solid #936b50;
	text-align:center;
}

ul#top_navigation li.first {
	border-left:0 none;	
}

ul#top_navigation li a {
	color:#936b50;
	font-size:12px !important;
	text-decoration:underline;
}

/* COLUMN_CONTENT */
div#masthead {
	/*margin:0 auto 12px 38px;*/
	margin:0 auto 0 38px;
	width:684px;
	min-height:200px;
	height:auto !important;
	height:200px;
}

div#masthead div.masthead-text {
	/*margin:0 0 30px 0;*/
	margin:0 0 20px 0;
	height:248px;
	width:684px;
	background:url(images/img-masthead-vault-valet-storage.jpg) 0 0 no-repeat;
	position:relative;
}

div#masthead div.masthead-text strong {
	color:#333333 !important;
}

div#masthead div.masthead-text a {
	/*color:#333333 !important;*/
	text-decoration:underline;
	font-weight:bold;	
}

div#masthead div.masthead-text h3 {
	font-weight:normal;
	font-size:16px;
	top:115px;
	left:373px;
	position:absolute;
	color:#4d4d4d;
}

div#masthead div.masthead-text span.m {
	font-weight:normal;
	font-size:12px;
	top:155px;
	left:373px;
	position:absolute;
	color:#4d4d4d;
}

div#masthead div.masthead-text span.n {
	font-weight:normal;
	font-size:12px;
	top:198px;
	left:373px;
	position:absolute;
	color:#4d4d4d;
}

div#guarantees {
	clear:both;
	height:180px;
	margin:0 0 0 77px;
}

div#guarantees p {
	float:left;
	width:105px;
	margin:32px 27px 0 0 !important;	
	color:#4d4d4d;
	font-size:1.3em;
}

div#guarantees img#price_match_guarantee, 
div#guarantees img#smallest_size_guarantee {
	display:block;
	float:left;
	margin:25px 20px auto 0;	
}

div#guarantees img#visa_gift_cards {
	display:block;
	float:left;
	margin:10px 20px auto 0;	
}

div#extras {
	position:absolute;
	bottom:0;
	left:0;
	height:83px;
	width:730px !important;
}

div#extras p {
	/*padding:50px 0 0 0;*/
	margin:0 0 0 210px !important;
	font-size:16px !important;
	/*width:730px !important;*/
	width:auto !important;
}

div#extras p img {
	display:block;
	clear:both;	
}

/* left and right content on index page */
div#content_right h3, 
div#content_left h3 {
	font-size:1.8em;
	font-weight:normal;
	margin:0 0 15px 0;
}

div#content_right p, 
div#content_left p {
	margin:0 0 10px 0;
	font-size:1.2em;
}

div#content_right ul, 
div#content_left ul, 
div#content_right ol, 
div#content_left ol {
	font-size:1.2em;
	margin:0 0 20px 0;
}

div#content_right ul li, 
div#content_left ul li {
	list-style-type:disc;	
	margin:0 0 0 30px;
}

div#content_right ol li, 
div#content_left ol li {
	list-style-type:decimal;	
	margin:0 0 0 30px;
}

/* deep page content */

div.deep {
	width:685px;
	background:url(images/bg-deep.png) 0 0 no-repeat;
	min-height:220px;
	height:auto !important;
	height:220px;
	margin:0 auto 0 38px;
	padding:10px 0 0 0;
}

div.deals {
	background:url(images/bg-deep-free-storage-package.png) 0 0 no-repeat;
	width:688px;
	margin:0 auto 0 35px;
	padding:130px 0 0 0;
}

/* deal area for free storage package */
div#fsp {
	width:616px;
	margin:0 auto 20px auto;
	min-height:410px;
	height:auto !important;
	height:410px;
}

div#fsp div.fsp {
	float:left;
	width:293px;
	min-height:410px;
	height:auto !important;
	height:410px;
	margin:0 0 0 30px;
	background:url(images/bg-free-storage-package.png) 0 0 repeat-y;
	position:relative;
}

div#fsp div.first {
	margin:0;	
}

div#fsp h3.pkg-three-month {
	background:url(images/h3-book-a-3-month-storage-rental.png) 0 0 no-repeat;
	height:130px;
	width:293px;
	text-indent:-9999px;
	padding:0;
	margin:0 0 20px 0;
}

div#fsp h3.pkg-one-year {
	background:url(images/h3-book-a-1-year-storage-rental.png) 0 0 no-repeat;
	height:130px;
	width:293px;
	text-indent:-9999px;
	padding:0;
	margin:0 0 20px 0;
}

div#fsp div.fsp ul {
	margin:0 auto 20px auto;
	width:249px;
	padding:0;
	list-style-type:none;
}

div#fsp div.fsp ul ul {
	margin:0 20px 0 20px;	
}

div#fsp div.fsp ul li {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#482b11;
}

div#fsp div.fsp p {
	margin:0 auto;
	width:249px;
	color:#482b11;	
}

div#fsp div.fsp a.btn-free-storage-package {
	margin:0;
	display:block;
	height:49px;
	width:293px;
	background:url(images/btn-free-storage-package.png) 0 0 no-repeat;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	line-height:49px;
	font-size:13px;
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer;
}

div#fsp div.fsp a:hover.btn-free-storage-package {
	background-position:0 -49px;	
}

div.content h3 {
	margin:0 auto 12px auto;
	width:685px;
	font-size:1.8em;
	font-weight:normal;
}

div.content h4 {
	margin:0 auto 12px auto;
	width:685px;
	font-size:1.6em;
	font-weight:normal;
}

div.content h5 {
	margin:0 auto 12px auto;
	width:685px;
	font-size:1.4em;
	font-weight:bold;
}

div.content h6 {
	margin:0 auto 12px auto;
	width:685px;
	font-size:1.4em;
	font-style:italic;
	font-weight:normal;
}

div.content p {
	margin:0 auto 12px auto;
	width:685px;
	font-size:1.2em;
	font-weight:normal;
}

div.content p object,
div.content p embed {
	margin:0 auto;
	display:block;
}

div.content table {
	margin:0 auto 12px auto;
	width:685px;
	font-size:1.2em;
	font-weight:normal;
}

div.content div.ngg-galleryoverview {
	margin:0 auto 12px auto;
	width:600px;
}

div.content blockquote {
	margin:40px 50px;
	font-weight:normal;
}

div.content ol, 
div.content ul {
	margin:0 50px 12px 50px;
}

div.content li ol, 
div.content li ul {
	margin:0 0 12px 0;	
}


div.content ol li {
	font-size:12px;
	margin:0 0 4px 50px;
	list-style-type:decimal;
}
 
div.content ul li {
	font-size:12px;
	margin:0 0 4px 50px;
	list-style-type:disc;
}

/* terms of use page */
div.terms-of-use ul li {
	list-style-type:lower-alpha;	
}

div.terms-of-use ul li li {
	list-style-type:lower-roman;	
}

div.content form#searchform {
	margin:0 auto 12px auto;
	width:685px;
}

div.content form#searchform label {
	display:block;
	font-size:1.4em;
	font-style:italic;	
}

div.content div.deep h3 {
	width:582px;
	font-weight:bold;
	padding:30px 0 0 0;
}
div.content div.deep h4, 
div.content div.deep h5, 
div.content div.deep h6, 
div.content div.deep p, 
div.content div.deep table,  
div.content div.deep form#searchform {
	width:auto;
	margin-left:50px;
	margin-right:50px;
}

div.content table#tbl_rates, 
div.content table.tbl-rates {
	width:420px;
	margin-bottom:12px;
}

div.content table.tbl-rates, 
div.content table.tbl-rates2 {
	width:350px !important;
	margin-bottom:12px;
	border-collapse:collapse;
}

div.content table.tbl-rates td, 
div.content table.tbl-rates th, 
div.content table.tbl-rates2 td, 
div.content table.tbl-rates2 th {
	border:1px solid #d9dad3;
	padding:4px;
}

div.content table th { font-weight:bold; }

div.content table th,
div.content table td {
	height:20px;
	vertical-align:middle;
}

div.content table#tbl_rates td,
div.content table#tbl_rates th {
	vertical-align:top !important;	
}

div.content table#tbl_rates td.spacer {
	font-size:1px !important;
	height:5px !important;	
}

div.content table div.stars5 { width:55px;height:11px;text-indent:-9999px;background:url(images/img-stars.png) 0 0 no-repeat; }
div.content table div.stars4 { width:55px;height:11px;text-indent:-9999px;background:url(images/img-stars.png) 0 -11px no-repeat; }
div.content table div.stars3 { width:55px;height:11px;text-indent:-9999px;background:url(images/img-stars.png) 0 -22px no-repeat; }
div.content table div.stars2 { width:55px;height:11px;text-indent:-9999px;background:url(images/img-stars.png) 0 -33px no-repeat; }
div.content table div.stars1 { width:55px;height:11px;text-indent:-9999px;background:url(images/img-stars.png) 0 -44px no-repeat; }

/* COLUMN_SIDEBAR */
a.red-button {
	width:140px;
	height:28px;
	display:block;
	background:url(images/img-red-button.png) 0 0 no-repeat;
	cursor:pointer;
	line-height:28px;
	color:#ffffff;
	font-size:12px !important;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

a.red-button-long {
	width:184px;
	height:28px;
	display:block;
	background:url(images/img-red-button-long.png) 0 0 no-repeat;
	cursor:pointer;
	line-height:28px;
	color:#ffffff;
	font-size:11px !important;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}

a:hover.red-button,
a:hover.red-button-long {
	background-position:0 -28px;
	text-decoration:underline;
}

a#logo_bbb {
	display:inline-block;
	float:left;
	/*margin:8px 0 0 12px;*/
	margin:8px 0 0 14px;
}

div#box_quick_quote {
	height:130px;
	width:156px;
	background:url(images/box-quick-quote-vault-valet-storage.png) 0 0 no-repeat;
	/*background:url(images/bg-boxes.gif) 0 0 no-repeat;*/
	display:inline-block;
	float:left;
	margin:6px auto 0 8px;
	clear:right;
}

div#box_quick_quote a { margin:50px auto 0 auto; }

div.box h3 {
	color:#ffffff;
	font-size:2em;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	height:42px;
	line-height:42px;
}

div#box_storage_security {
	height:131px;
	width:234px;
	background:url(images/box-security-vault-valet-storage.png) 0 0 no-repeat;
	/*background:url(images/bg-boxes.gif) 0 -130px no-repeat;*/
	display:inline;
	float:right;
	/*margin:8px 12px 0 12px;*/
	margin:8px 18px 0 auto;
}

div#box_storage_security a { margin:50px auto 0 auto; }

div#box_storage_service {
	height:129px;
	width:233px;
	background:url(images/box-service-vault-valet-storage.png) 0 0 no-repeat;
	/*background:url(images/bg-boxes.gif) 0 -261px no-repeat;*/
	display:inline;
	float:right;
	/*margin:8px 12px 0 12px;*/
	margin:8px 18px 0 auto;
	clear:right;
}

div#box_storage_service a { margin:50px auto 0 auto; }

div#box_storage_testimonials {
	height:220px;
	width:233px;
	background:url(images/box-testimonials-vault-valet-storage.png) 0 0 no-repeat;
	/*background:url(images/bg-boxes.gif) 0 -390px no-repeat;*/
	display:inline;
	float:right;
	/*margin:8px 12px 0 12px;*/
	margin:8px 18px 0 auto;
	clear:right;
}

div#box_storage_testimonials a { margin:139px auto 0 auto; }

div#box_storage_facility {
	height:129px;
	width:233px;
	background:url(images/box-facility-vault-valet-storage.png) 0 0 no-repeat;
	/*background:url(images/bg-boxes.gif) 0 -610px no-repeat;*/
	display:inline;
	float:right;
	/*margin:8px 12px 0 12px;*/
	margin:8px 18px 0 auto;
	clear:right;
}

div#box_storage_facility a { margin:50px auto 0 auto; }

a.box-free-storage-package {
	height:168px;
	width:263px;
	background:url(images/box-free-storage-package.jpg) 0 0 no-repeat;
	display:inline;
	float:left;
	margin:8px auto 0 1px;
	clear:right;
	text-indent:-9999px;
}

a.box-free-storage-package-alt {
	height:168px;
	width:263px;
	background:url(images/box-free-storage-package.png) 0 0 no-repeat;
	display:inline;
	float:left;
	margin:8px auto 0 1px;
	clear:right;
	text-indent:-9999px;
}

div#box_coupon {
	min-height:165px;
	height:auto !important;
	height:165px;
	width:233px;
	background:url(images/box-coupon-vault-valet-storage.png) 0 0 no-repeat;
	display:inline;
	float:right;
	margin:8px 18px 0 auto;
	clear:right;
}

div#box_coupon a#coupon_link {
	display:block;
	text-align:center;
	text-decoration:none;
}

div#box_coupon a:hover#coupon_link { text-decoration:none; }

div#box_coupon a#coupon_link span.t {
	color:#754c29;
	clear:both;
	font-style:italic;
	font-weight:bold;
	font-size:1.8em;
	display:block;
	margin:10px 0 0 0;
}

div#box_coupon a#coupon_link span.o {
	color:#c82227;
	font-family:Arial Black, Arial, sans-serif;
	font-size:2.4em;
	display:block;
}

div#box_coupon a#coupon_link span.f {
	color:#88171a;
	display:block;
	font-size:1.2em;
}

div#box_coupon a#coupon_link span.n {
	color:#482b11;
	display:block;
	font-size:1.8em;
	margin:10px 0 8px 0;
}

div#box_coupon a#sub_link {
	display:block;
	text-align:center;
	color:#4d4d4d;
}

#footer ul.nav {
	display:block;
	margin:0 0 34px 210px;
	padding:45px 0 0 0;
}

#footer ul.nav li {
	display:inline;
	padding:0 8px;
	margin:0;
	border-left:1px solid #ffffff;
	text-align:center;
}

#footer ul.nav li.first {
	border-left:0 none;	
}

#footer ul.nav li a {
	color:#ffffff;
	font-size:1.3em;	
}

#footer a, 
#footer p {
	color:#896739;
	text-align:center;	
}

#credits a {
	color:#ffffff;	
}

/* TEXT WIDGET */
ul li.widget h2.widgettitle {
	font-size:1.8em;
	font-weight:bold;
	padding:34px 0 0 0;
	width:234px;
	display:inline;
	float:right;
	margin:8px 12px 0 12px;
}

/*ul.widgets {
	width:220px;
	margin:20px auto 0 auto;
}



ul.widgets li.widget_text div.textwidget {
	margin:0 10px;	
}

ul.widgets li.widget_text div.textwidget p {
	padding:10px 0;	
}*/

/* google map */
div#map_container {
	clear:both;
	width:582px;
	margin:0 auto 20px auto;
}

div#map_canvas {
	width:582px;
	height:582px;
	margin:0 auto 20px auto;
}
		
div#map_directions {
	width:233px;
	display:inline;
	float:right;
	margin:0 18px 0 auto;
}

div#map_directions div {
	background-color:#ffffff;	
}

form#get_directions {
	margin:0 auto 10px auto;
	width:582px;
}

form#get_directions {
	padding:10px;
}

a#print_directions {
	text-indent:-9999px;
	width:233px;
	height:74px;
	float:right;
	margin:8px 18px 0 auto;
	background:url(images/btn-print-directions.jpg) 0 0 no-repeat;
	cursor:pointer;
}

span.map { color:#000000;font-family: Arial, Helvetica, sans-serif;font-size:12px;	}