* { outline: none; -moz-outline-style: none; }
html{overflow-y:scroll;}
html{overflow:-moz-scrollbars-vertical;}

body{
	margin:0px 0 30px 0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#929292;
	font-size:12px;
	background: url('images/mainBg.jpg') top center #000000 no-repeat;
}
p{ margin:0px; padding:0 0 15px 0; }
ul{margin:0 0 0 0; padding:0px; list-style:none;}
li{padding:0 0 0 15px; margin:0 0 10px 0; background:url('images/bullet.gif') 0px 3px no-repeat}

/*----------------------------------------
a styles
-----------------------------------------*/
a{text-decoration:none; color:#00ac6b; margin:0px; padding:0px;}
a:hover{text-decoration:underline}
a.num {font-size:14px; color:#929292;}
a.num:hover{color:#ffffff; text-decoration:none;}
a.numHighlight {font-size:14px; color:#00ac6b;}

a.link1{color:#ccc;}
a.link1:hover{ color:#6484c1; text-decoration:none}

a.link2{color:#ccc;}
a.link2:hover{ color:#f7941d; text-decoration:none}

/*---- side buttons --- */
.ulSideBttns li{margin:0 0 7px 0; padding:0px; list-style:none; list-style-image:none;}

.rightNavBttns{margin-top:0px;}
.rightNavBttns a, .rightNavBttns a:hover{ display:block; width:221px; height: auto !important; height:21px; min-height:21px; background-color:#666666; font-size:14px; color:#FFFFFF; text-decoration:none; padding:5px 0 0 11px;}
.rightNavBttns a:hover{background-color:#333333; text-decoration:none;}

.rightNavSubBttns{margin-top:0px;}
.rightNavSubBttns a, .rightNavSubBttns a:hover{ display:block; width:221px; height: auto !important; height:21px; min-height:21px; background-color:#666666; font-size:11px; color:#FFFFFF; text-decoration:none; padding:5px 0 0 11px;}
.rightNavSubBttns a:hover{background-color:#333333; text-decoration:none;}

a.orange{background-color:#f7941d;}
a.lightBlue{background-color:#5574b9;}
a.green{background-color:#00ac6b;}
a.blue{background-color:#2362b4;}
a.red{background-color:#ed1c24;}
a.brown{background-color:#736257;}
a.darkBrown{background-color:#453b34;}
a.grey{background-color:#242424;}
a.test{background-color: #006637}

a.orangeLink{color:#f7941d;}
a.orangeLink:hover{ text-decoration:none; color:#f7941d;}
a.selfStorage{
	display: block;
	color: none;
	text-decoration: none;
}
/*----------------------------------------
h styles
-----------------------------------------*/
h1, h2{padding:0px; margin:0 0 15px 0; font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; font-weight:normal;}
.titleBullet{display:block;  background:url('images/titleBullet.gif') 0px 4px no-repeat; padding-left:30px;}
.titleBulletSmaller{display:block;  background:url('images/titleBulletSmaller.gif') 0px 1px no-repeat; padding-left:30px;}
h2{font-size:14px; font-weight:bold; margin:0 0 5px 0;}

/*----------------------------------------
id styles
-----------------------------------------*/
#header{
	z-index:3;
	position: relative;
	margin:0px auto;
	padding:0px;
	width:839px;
}

#content{
	z-index:1;
	position: relative;
	margin:0px auto;
	padding:0 0 0 6px;
	width:833px;
	color:#a7a7a7;
	/* min height for firefox and IE */
	height: auto !important;
	height:159px;
	min-height:159px;
	background:#363636;
}
#footer{
	z-index:4;
	position: relative;
	margin:0px auto;
	padding:0px;
	width:839px;
	height:40px;
	font-size:10px;
	color:#666666;
}

#footer a{color:#333333; text-decoration:none}
#footer a:hover{text-decoration:underline}

/*----------------------------------------
class styles
-----------------------------------------*/
.subContent{
	margin:0px;
	padding:30px;
	width:773px;
	/* min height for firefox and IE */
	height: auto !important;
	height:99px;
	min-height:99px;
	background:#363636;
}
.leftColumn{float:left; width:521px; background:url('images/leftColumnBg.jpg') top left no-repeat; height: auto !important; height:265px; min-height:265px; margin:8px 0 0 0px; padding:24px 24px 24px 24px;}
.rightColumn{float:left; width:231px; background:url('images/rightColumnBg.jpg') 0px -15px no-repeat; height: auto !important; height:300px; min-height:300px; margin:8px 0 0 0; padding:24px 13px 0 13px;}
.full{ position:relative; width:778px; height: auto !important; height:365px; min-height:365px; background:url('images/fullBg.jpg') top left no-repeat; margin:0 0 0 0px; padding:24px;}
.wrapper{height: auto !important; height:365px; min-height:365px;}

.supplyBlueBar{float:left; width:4px; height:127px; background:#2362b4;}
.supplyThumb{float:left; width:127px; height:127px; background:#ffffff; margin-right:20px; text-align:center;}
.supplyText{float:left; width:607px; height:107px; background:#292929; margin-bottom:23px; padding:10px;}
.specialsText{float:left; width:754px; height:107px; background:#292929; margin-bottom:23px; padding:10px;}

.commentArrow{background:url(images/commentArrow.gif) top left no-repeat; padding:9px 0 0 0; margin:12px 0 0 0 }
.review_comment{font-size:10px; color:#888; padding:15px; background-color:#333;}
/*a.n49member{padding: 2px 0 2px 19px; background: transparent url(http://static.n49.ca/images/icon_user_link.gif) no-repeat left top;} This looks crappy on the dark background.*/

/*----------------------------------------
misc styles
-----------------------------------------*/
.clear{clear:both; margin:0px; padding:0px; height:1px; line-height:1px; font-size:1px; }
.hr{margin:0px 0 10px 0; padding:0px; height:1px; line-height:1px; font-size:1px; border-top:1px solid #545454;}
.tdColor td{background-color:#333333; padding:10px;}
.font18{font-size:18px;}
.font10{font-size:10px;}
.orange{color:#f7941d;}
.green{color:#00ac6b;}
.blue{color:#448cca;}
.red{color:#ed1c24;}
.lightBlue{color:#5574b9;}
.brown{color:#736257;}
.lightGrey{color:#666;}

/*----------------------------------------
form styles
-----------------------------------------*/
form{padding:0px; margin:0px;}
.formElement, .menuList, .textArea, .textArea2{background-color:#448cca; border:1px solid #448cca; color:#ffffff;}
.formElement, .menuList{width:200px; margin:0 0 7px 0; height:15px; font-family:Arial,Helvetica,sans-serif; font-size:11px;  }
.menuList{width:202px; height:22px;}
.textArea, .textArea2{width:200px; height:50px; font-family:Arial,Helvetica,sans-serif; font-size:11px; margin:0 0 7px 0;}
.textArea2{width:180px;}
a.bttn{width:92px; line-height:22px; display:block; background-color:#242424; text-decoration:none; padding:0px 0 0 0px; color:#FFFFFF; font-weight:bold; font-size:11px; text-align:center}
a.bttn:hover{background-color:#00ac6b; text-decoration:none;}