/* INIT
---------------------------------------------- */
body {margin: 0; text-align: center; background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000;}

a:visited,
a:link, a:visited {color: blue; text-decoration: underline;}
a:hover {color: blue; text-decoration: none;}

img {border: 0;}

h1, h2, h3 {margin: 0; padding: 0; font-weight: normal;}
h1 {font-size: 24px; padding: 40px 0 20px 0;}
	h1:first-child {padding-top: 0;}
h2 {font-size: 20px; padding-top: 20px; clear: both;}

ul {list-style: square;}
p {padding: 0 0 15px 0;}

.center {text-align: center;}
.right {text-align: right;}
.clear {clear: both;}
.noclear {clear: none;}
.hr {border-top: 1px solid #ccc; height: 1px; margin: 40px 0 20px 0;}
.topbutton {border-bottom: 1px dotted #3c6dc9; text-transform: uppercase; font-size: 12px; text-align: right; padding-top: 10px;;}

.image-left {float: left; margin: 10px 20px 10px 0;}
.image-right {float: right; margin: 10px 0 20px 10px;}
.image-right.aside {padding: 0 0 0 20px; margin: 0 0 0 20px; border-left: 1px solid #ccc;}

ul.ticklist {list-style: none; margin: 0; padding: 10px 0;}
ul.ticklist li {padding: 5px 0 5px 25px; background: url("images/icons/tick.png") left no-repeat;}
ul.colourlist li {color: #ccc;}
ul.colourlist li span {color: #222;}

.body {line-height: 1.5em; word-spacing: 0.03em; letter-spacing: 0.03em;}

.ui-tabs .ui-tabs-hide {
     display: none;
}

.mceContentBody {background-image: none !important; background-color: #fff !important; color: #000 !important;} /*SnippetMaster editor bg color*/

/* LAYOUT
---------------------------------------------- */
#container {margin: 0px auto; width: 950px; text-align: left;}
	
	#header {background: url("images/layout/header-bg.gif") top left no-repeat;}
		#header-logo {margin-left: -22px; width: 301px; height: 190px; background: url("images/layout/header-logo.gif") top left no-repeat;}
		
	#product-line {}
	#content-container {}
		#content-left {width: 184px; float: left; background: #0b5d9d; color: #fff;}
		#content-right {width: 717px; float: right; padding: 10px 20px;}
	#footer {padding: 10px 0;}
	#uberfooter {text-align: center; font-size: 12px;}
		#uberfooter, #uberfooter a {color: #b5b5b5;}
	
/* PAGE SPEC
---------------------------------------------- */
form label {float: left; display: block; width: 160px; line-height: 22px;}
form input[type=text] {border: 1px solid #9f9f9f; background: url("images/layout/input-bg.gif") top left repeat-x; padding: 3px; margin-bottom: 3px; width: 250px;}
	form input[type=text]:focus {border-color: #222;}
form textarea {margin-left: 160px; font: inherit; height: 100px;}
form input[type=submit] {margin-left: 160px; border: none; width: 258px; background: #7d7d7d; color: #fff; padding: 5px 0;}

.phone {padding-left: 20px; background: url("images/icons/phone.gif") top left no-repeat;}
.email {padding-left: 20px; background: url("images/icons/email.gif") top left no-repeat;}
.map {padding-left: 20px; background: url("images/icons/map.gif") top left no-repeat;}
.pdf {padding-left: 20px; background: url("images/icons/pdf.png") left no-repeat;}

.gallery a img {border: 1px solid #ccc; padding: 1px;}
.gallery a:hover img {border-color: #222;}