/*
Theme Name: Billabong Self Storage
Theme URI: http://www.billabongselfstorage.com.au/
Description: Billabong Self Storage
Version: 1.0
Author: Damian Mardan
Author URI: http://www.constructivemedia.com.au/
Tags: dark, billabongselfstorage

  Fell free to look around and learn, but please do not steal.

*/

.panel-overlay p { padding:15px 0 0 5px; }
.strip_wrapper { margin:20px 0 0; }
.panel { background:none !important; }
.galleryview { padding:0 0 40px 0 !important; background-image:url(images/bottom.png) !important; background-position:bottom !important; background-repeat:no-repeat !important; }

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
html, body { position:relative; height: 100%; }

ul { list-style: none; padding:0; margin:0; }
ul li { display:inline; }

img { border:0; }

.siteCenter { width:940px; margin:0 auto; }

/***********************/

body { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; background-color:#fff; color:#686868 }
p { padding:0; margin:5px 0 10px 0; line-height:160%; }

h1 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:28px; font-weight:normal; color: #281f19; margin: 0 0 7px 0; }
h2 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:26px; font-weight:normal; color: #281f19; margin: 8px 0 7px 0; }

h3 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal; color: #281f19; margin: 8px 0 10px 0; }
h3 a { color: #281f19; text-decoration:none; }

h4 { font-family: "Myriad Pro", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color: #281f19; line-height:24px; }

a { color:#f3901a }
a:hover { color:#dc6114 }

/***********************/

#mainContainer { font-size: 12px; min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -144px; background-image:url(images/mainContainer_bg.jpg); background-repeat:repeat-x; background-position:bottom; }
#mainContainer:after { position: absolute; content: ""; height: 0%; }

/**********************/

#headerContainer { height:150px; background-color:#ffffff; background-image:url(images/headerbg.gif); background-repeat:repeat-x; }
#headerContainerWrapper { width:960px; margin:0 auto; }

#headerContainer #headerLogo { display:inline; height:150px; width:486px; float:left; }

/*#headerContainer #headerNavigation { float:right; padding:90px 0 0; }*/
#headerContainer #headerNavigation { float:right}
#headerContainer #headerNavigation ul { font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:800; text-transform:uppercase; margin:43px 35px 0 0; }
#headerContainer #headerNavigation ul li { margin:0 20px 0 0; }
#headerContainer #headerNavigation ul li a { text-decoration: none; color:#ffffff; }
#headerContainer #headerNavigation ul li a:hover { text-decoration: underline; color:#2D3691; }

/**********************/

#contentContainer { padding:0px 0 10px; }

#contentContainer ul { list-style-type: none; padding:5px 0 5px 20px; }
#contentContainer ul li { color:#696969; display:block; font-style: italic; padding-bottom: 3px; background-image: url(images/bullet_footer_ul.gif); background-repeat: no-repeat; background-position: left 6px; padding-left: 13px; }

#contentContainer.home ul li { font-style: normal !important;  }

#sidebarContainer { float: right; width:250px; display:none; }

#bodyContainer .image { border:solid 1px #999999; padding:2px; margin: 0 15px 0 0; }

#contentContainer.with-sidebar #bodyContainer { margin-right: 322px; }
#contentContainer.with-sidebar #sidebarContainer { display:block !important; }

/**********************/
/**  PACKAGING PAGE  **/
/**********************/

#productList { float:left; }

#productList .productItem {border:solid 0 #ccc; border-width:0 0 1px 0; margin:10px 0 0; padding:0 0 10px 0; width:650px; }
#productList .productDetails { float:left; width:450px; }

#productList .productImage { float:right; }
#productList .productImage a img { border:solid 1px #ccc; }

/**********************/
/**   CONTACT PAGE   **/
/**********************/

.page-template-template_contact-php #bodyContent { margin:0 0 22px 0; width:420px; float:left; }

.page-template-template_contact-php #googleMapCanvas { margin:0 0 22px 0; float:right; width:475px; height:390px; border:solid 6px #d0d0d0; background-color:#fcfcfc }
.page-template-template_contact-php #googleMapCanvas a:link { border:0; }
.page-template-template_contact-php #googleMapCanvas #googleMapLoadingText { display:block; color:#333; padding:7px 8px; }

.page-template-template_contact-php h1 { border:solid 0 #ccc; border-width:0 0 1px 0; padding:0; margin:0 0 15px; font-size:24px; }
.page-template-template_contact-php h3 { border:solid 0 #ccc; border-width:0 0 1px 0; padding:0; margin:15px 0 15px; }

#contactForm { background:#e9e9e9; padding:10px 20px 20px 20px; border:solid 1px #eaeaea; }
#contactForm h3 { border:solid 0 grey; border-width:0 0 1px 0; padding:0 0 10px; margin:5px 0 20px; font-size:21px; }
#contactForm label { height: 22px; width: 425px; display: block;  }
#contactForm .contactField { float:left; width:419px; position:relative; margin:0; padding: 0 15px 10px 15px; }
#contactForm .small { color:#999; font-size:11px; padding:0 0 0 2px; }
#contactForm span.error { color:#EE4044; float:right; }

#contactForm input {
  width: 400px;
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 13px;
  color: #999999;
  background-color: #fff;
}

#contactForm input:focus, #contactForm select:focus, #contactForm textarea:focus {
  border: 1px solid #ffeb9d;
  background-color: #feffea;
  color: #333333;
}

#contactForm textarea {
  width: 850px;
  border: 1px solid #ccc;
  padding: 8px;
  font-size: 13px;
  background-color: #fff;
  color: #aaaaaa;
  font-family:Arial, Helvetica, sans-serif;
}

#contactForm .submitBtn {
  background-color: #a8a8a8;
  width: 95px;
  color: #fff;
  border: none;
  margin: 0 0 0 15px;
  display: block;
  padding: 0;
  font-size: 16px;
  height: 35px;
}
#contactForm .submitBtn:hover {
  background-color: #999;
  cursor:pointer;
}

/**********************/

#calculator {	height:430px; margin:10px 20px 0 0; 	overflow:auto; border:solid 1px #C5DBEB; padding:5px; }

#calculator .calculatorRow {	margin:0;	padding:3px; }
#calculator .calculatorHeader {	margin:0;	padding:3px; }
#calculator .calculatorSectionHeader {	margin:0;	padding:3px; }

#calculator .calculatorSectionHeader { font-weight:bold; background-color:#444; color:#CCC; padding:5px; }

#calculator .calculatorHeader {	font-weight: bold; font-size:9.5pt; }
#calculator .calculatorRowHeader { display:inline-block; }
#calculator .calculatorRowArticle { display:inline-block; }
#calculator .twoHundredWide {	width: 200px;}
#calculator .qtyHeader { width: 50px; }
#calculator .qtyInputBox { width: 50px; }
#calculator .spaceHeader { width: 75px; }
#calculator .spaceInputBox { width: 75px; }
#calculator .spaceInputBox { background-color:#f3f3f3; border:solid 1px #7f9db9; }
#calculator .lightGrayBackground { background-color:#f5f5f5; }
#calculator .calculatorSpacer { height: 2px; display:block; }
#calculator .valueArea { color:#666; }

#calculatorTotalContainer { margin: 15px 20px 0 0; height:30px; border:solid 1px #999999; background:#f5f5f5; text-align:center; line-height:30px; font-size:16px;  }
#calculatorTotal { font-weight:bold; }

/**********************/

#footerContainer, #push { height: 120px; clear: both; margin:24px 0 0; }
#footerContainer { position: relative; background-color:#131727; background-image:url(images/footerContainer_bg.jpg); }

#footerInnerContainer { height:100%; background-color:#fff; background-image:url(images/footerInnerContainer_bg.jpg); font-family:"Myriad Pro", Arial, Helvetica, sans-serif; font-size:12px; }
#footerInnerContainer #footerImagesContainer { padding:0 22px 25px; }

#footerInnerContainer #footerTextContainer { padding:0 22px; }
#footerInnerContainer #footerTextContainer a { text-transform:uppercase; color:#ccc; text-decoration:none }
#footerInnerContainer #footerTextContainer a:hover { text-decoration:underline }
#footerInnerContainer #footerTextContainer ul li { padding:0 0 0 10px; }

/**********************/

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

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

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