/*=======================================*/
/* Copyright Treforest Self Storage Ltd  */
/* developed by www.arqtic.com           */
/*=======================================*/

body {
    margin: 0 auto;
    padding: 0;
	background:#F6F5FA;
	color:#0d447f;
}
a,
a:visited  {
    text-decoration:underline;
	color:#0d447f;
}
a:hover  {
    text-decoration:none;
	background:#0d447f;
	color:#fff;
}
a img  {
    border: 0;
}
a.anchor,
a.anchor:visited,
a.anchor:hover  {
    text-decoration:none;
	background:#F6F5FA;
	color:#0d447f;
}
p  {
    margin: 0 0 1em;
	line-height:1.5em;
}
h1 {
	color:#0d447f;
	font-size:160%;
	margin-top:0;
}
h2 {
	color:#0d447f;
	font-size:125%;
	margin-top:1.5em;
}
h3 {
	font-weight:bold;
	font-size:100%;
	margin:0;
	padding:0;
}
.hidden  {
    display: none;
}
.upper {
	text-transform:uppercase;
}
/* Page structure */
#outer  {
    width: 100%;
    margin: 0;
    text-align: center;  /* IE */
    float: left;
    padding: 5px 0 0;
}
#inner  {
    font-size: 75%;
    width: 770px;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Verdana, Arial, sans-serif;
    padding: 0;
    text-align: left;
}
#head  {
	width:770px;
	float:left;
	clear:both;
	background:url(../img/head-sep.gif) repeat-x 0 100%;
	padding:0 0 20px;
}
#head .logo  {
	float:left;
	width:528px;
}
#head .request  {
	float:left;
	width:200px;
	padding:45px 0 0 34px;
}
.left-cell a:hover, #head a:hover {
	background:none;
}
#body {
	width:770px;
	float:left;
	clear:both;
}
#body .left-cell {
	float:left;
	width:180px;
}
#body .right-cell {
	float:left;
	width:590px;
	padding:10px 0 0;
}
#sideMenu  {
    float: left;
    clear: both;
    margin: 0;
    padding: 12px 0 20px 12px;
    list-style: none;
    width: 150px;
}
#sideMenu li  {
    padding: 0 0 12px;
    width: 150px;
    float: left;
    clear: both;
}
#sideMenu li a  {
    display: block;
    width: 150px;
    height: 36px;
    float: left;
    clear: both;
    text-decoration: none;
}
#sideMenu li a  {
	text-indent:-999em;
	outline:none;
}
#sideMenu li.pos-offer a  {
    background: url(../img/menu-offer.gif) no-repeat 0 0px;
}
#sideMenu li.pos-unit a  {
    background: url(../img/menu-unit.gif) no-repeat 0 0px;
}
#sideMenu li.pos-student a  {
    background: url(../img/menu-student.gif) no-repeat 0 0px;
}
#sideMenu li.pos-tips a  {
    background: url(../img/menu-tips.gif) no-repeat 0 0px;
}
#sideMenu li.pos-contact a  {
    background: url(../img/menu-contact.gif) no-repeat 0 0px;
}

ul {
	margin:0;
	padding:0;
}
ul.store li {
	background: url(../img/blue-check-box.gif) no-repeat 0 50%;
	list-style: none;
	margin:0;
	padding:2px 0 2px 22px;
}

ul.ideal li {
	background: url(../img/blue-right-arr.gif) no-repeat 0 50%;
	list-style: none;
	margin:0;
	padding:2px 0 2px 22px;
}
ul.tips li {
	background: url(../img/blue-right-arr.gif) no-repeat 0 0.5em;
	list-style: none;
	margin:0;
	padding:2px 0 2px 22px;
	line-height:1.5em;
}

/* home */
.lower-container {
	float:left;
	clear:both;
	width:590px;
}
.bullet-lists {
	float:left;
	width:330px;
}
.support-img {
	float:left;
	width:210px;
	padding-left:50px;
}
.support-img img {
	padding:30px 0 10px;
}
dl.contact dt, 
dl.contact dd {
    margin: 0;
	padding:0;
}
dl.contact dt  {
	float:left;
	width:100%;
	clear:both;
    font-weight: bold;
	line-height:1.5em;
}
dl.contact dd  {
	float:left;
	width:100%;
	clear:both;
	margin: 0 0 1em;
	line-height:1.5em;
}
dl.opening {
	margin:0;
	padding:0;
	float:left;
	width:100%;
	clear:both;
}
dl.opening dt {
	float:left;
	width:100px;
	padding-right:20px;
	margin:0;
	line-height:1.5em;
}
dl.opening dd {
	float:left;
	width:100px;
	padding-right:20px;
	margin:0;
	line-height:1.5em;
}
address  {
    font-style: normal;
    white-space: pre;
	margin:0;
	padding:0;
	line-height:1.5em;
}
.left-half {
	float:left;
	width:290px;
	padding:0 0 5px 0;
}
.right-half {
	float:left;
	width:255px;
	padding:36px 0 0 40px;
}
#foot {
	float:left;
	clear:both;
	width:590px;
	margin:20px 0 0;
	padding:15px 0 15px 180px;
	background:url(../img/head-sep.gif) repeat-x 0 0;
	color:#666;
	font-size:90%;
}
#foot .tel {
	padding-left:60px;
}
#foot a, #foot a:hover, #foot a:visited {
	text-decoration:none;
	color:#666;
	background:#fff;
}
#contactForm label {
	font-weight:bold;
}
#contactForm .form-row {
	margin-bottom:1em;
}
.text { width:258px; }
textarea { width:258px; height:9em;    font-family: Arial, Verdana, Arial, sans-serif; font-size:100%; }
h2.contact { margin-top:0; padding-top:0; }

.student-promo {
	float:left;
	clear:both;
	margin-left:12px;
}
.left-img {
	float:left;
	margin:3px 8px 8px 0;
}
.right-img {
	float:right;
	margin:3px 0 8px 8px;
}
.storage-ideas {
	float:left;
	width:100%;
	vertical-align:middle;
	height:155px;
}
.storage-ideas img {
	vertical-align:middle;
	padding:0 28px;
}
.unit-sizes { width:100%; margin-bottom:1em; float:left; clear:both; }
.unit-sizes .first {
	float:left; width:160px; text-align:center;
}
.unit-sizes .second {
	float:left; width:195px; text-align:center;
}
.unit-sizes .third {
	float:left; width:230px; text-align:center;
}
.payment-cards {
	color:#999;
	float:left;
	font-size:90%;
	margin:25px 0 0;
	text-align:center;
	width:100%;
}
.credit-cards {
	margin:5px 0 0 31px;
}

.error { color:#f00; margin:0 0 0.5em 0em; padding:0 0 0 1em; }
.error li { margin:0 0 0.3em; }
















/* old PTC styles beneath here */


#innerHome  {
    width: 724px;
    font-size: 75%;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Verdana, Arial, sans-serif;
    padding: 0;
    text-align: left;
}
/* Utility menu */
#util  {
    margin: 0;
    padding: 0;
    list-style: none;
}
#util li  {
    margin: 0;
    padding: 0 10px 0;
    list-style: none;
    float: left;
    border-right: 1px solid #9d9d9c;
}
#util li.first  {
    padding: 0 10px 0 0;
}
#util li.last  {
    padding: 0 0 0 10px;
    border-right: 0;
}
#util a:hover  {
    text-decoration: none;
    color: #FFF;
    background: #000;
}
/* Homepage */
#home  {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
#home .struct  {
    float: left;
    width: 100%;
    padding-right: 0;
    background: #FFF;
    margin: 10px 0;
    border: 1px solid #a8a7a6;
}
/*#home h1.logo  {
    width: 100%;
    text-align: center;
    padding: 30px 0 20px;
    margin: 0;
}*/

#home .homeLeft  {
    float: left;
    width: 360px;
    padding: 104px 0 0 40px;
}
#home .homeRight  {
    float: left;
    width: 324px;
    text-align: center;
}
#home .ukmap  {
    padding: 20px 0 0;
}
#home #leftLangLink  {
    float: left;
    width: 162px;
    padding: 30px 0;
}
#home #rightLangLink  {
    float: left;
    width: 162px;
    padding: 30px 0;
}
/* Sub page */
#sub  {
    clear: both;
    float: left;
    width: 100%;
    position: relative;
}
#sub .struct  {
    float: left;
    width: 100%;
    background: url(../img/sub-bg.gif) repeat-y 0 0;
    margin: 10px 0;
    border: 1px solid #a8a7a6;
}
#sub #logo  {
    float: left;
    width: 217px;
}
#sub #bann  {
    float: left;
    width: 540px;
    padding: 5px 0 0;
}
#sub #bann img  {
    width: 540px;
    height: 193px;
}
#sub .cellOne  {
    float: left;
    width: 217px;
    background: #f0f0f0;
}
#sub .cellTwo  {
    float: left;
    width: 485px;
    line-height: 1.5;
    padding: 10px 30px 20px;
}
#sub .cellTwo h1  {
    font-size: 130%;
    margin: 0;
    padding: 0 0 10px;
}
#sub .cellTwo h2  {
    font-size: 120%;
    margin: 0;
    padding: 0 0 10px;
}
#sub .cellTwo a:hover  {
    text-decoration: none;
    color: #FFF;
    background: #000;
}


/* Credit line */
#credit  {
    float: left;
    clear: both;
    width: 100%;
    text-align: center;
    font-size: 80%;
    padding-bottom: 10px;
}
#sub #credit  {
    width: 516px;
    text-align: left;
    padding-left: 248px;
}
#credit a:hover  {
    text-decoration: none;
    color: #FFF;
    background: #000;
}
/* Councillors table */
table.members,
table.events  {
    padding: 0;
    border-collapse: collapse;
    border: 1px solid #CCC;
    width: 100%;
}
table.members td,
table.members th,
table.events td,
table.events th  {
    padding: 3px;
    border: 1px solid #CCC;
}
table.events th  {
    width:224px;
}
address  {
    font-style: normal;
    white-space: pre;
}

.burnt-tree-ad  {
 	border:1px solid #DDD;
	float:left;
	width:149px;
	margin:25px 0 0;
	text-align:center;
	padding:1em 0 0;
	
}