div.Kelford { position: relative; width: 810px; }
div.Kelford div.column { width: 285px; float: left; padding: 5px; border-left: 1px dashed #CCC; }
div.Kelford img.main {  }
div.Kelford h2, div.Kelford a.addtop { min-height: 30px; display: block; font-size: 18px; }
div.Kelford a.addtop { text-align: right; font-size: 16px; }
div.Kelford h3 { margin-top: 30px; }

.clear { clear:both; }

div.Kelford .listingTable { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
div.Kelford .listingTable label { padding: 3px 5px 3px 10px; font-weight:bold; color: #444; }
div.Kelford ul.listings { list-style: none; margin: 0px; padding: 0px; }
div.Kelford ul.listings li { margin:10px; padding:10px; border:1px solid #999; float:left; width:160px; height:200px; }
div.Kelford ul.listings li.hidden { opacity: 0.5; }
div.Kelford ul.listings li.hover { background: #333; }
div.Kelford ul.listings li div.ratingsPassive { position: absolute; top:5px; right:5px; }
div.Kelford ul.listings li .listingInfo { clear:both; width:100%; text-align:center; padding:6px 0px; font-weight:bold; }

div.Kelford ul.thumbs { margin: 10px 0 10px 28px; padding: 0px; list-style: none; } 
div.Kelford ul.thumbs li { margin: 0px; padding: 0px 5px 5px 0px; display:inline; }

div.Kelford table.specs { width: 100%; margin: 10px 0px 20px 0px; }
div.Kelford table.specs th { width: 50%; text-align: left; }
div.Kelford table.specs td {  }
div.Kelford table.invite th { width: 50%; }


div.form { margin: 0px;  }
div.Kelford h3 { border-bottom: 1px solid #AAA; margin: 0px 0px 0px 0px; padding: 2px 10px; color:#333; font-weight: bold; position: relative;text-transform:uppercase }
div.form h3 div { position: absolute; right: 5px; top: 2px; font-weight: normal; }
div.form p { margin: 0px; padding: 5px 10px; color: #555; text-align: justify; }
div.form p.option { margin: 10px 0px; padding: 0px 20px; color: #333; font-weight: bold; }
div.form p.terms { height: 220px; border: 1px solid #292211; background: #FFFBF1; overflow: scroll; overflow-x: hidden; margin: 10px 0px; line-height:14px; font-size:8pt; }
div.form .text { margin: 10px; padding: 5px; background: #FFD; border: 1px solid #DDD; height: 200px; overflow: scroll; overflow-x: hidden; }
div.form .text ol { margin: 0px 5px 0px 25px; padding: 0px; }
div.form .text li { margin: 10px 0px; }
div.form .t { margin: 10px; padding: 0px; }
div.form td.subtitle { padding-left: 10px; color: #888; border-bottom: 1px solid #AAA; }
div.form td.checkboxes { padding: 5px; }
div.form td.checkboxes ul { list-style: none; margin: 0px; padding: 0px; }
div.form td.checkboxes div { margin-right: 10px; position: relative; float: left; }
div.form td.checkboxes li { position: relative; }
div.form td.checkboxes input { width: 20px; }
div.form td.checkboxes label { color: #333; }
div.form td.checkboxes span { position: absolute; right: 0px; top: 4px; color: #555; }
div.form td.checkboxes span.warning { color: red; }
div.form td.classSelects { padding: 10px 0px; }
div.form td.captcha { background: #FFF; color: #000; border: 1px solid #CCC; }


div.form div.notes { padding: 5px 10px; font-size:12px; margin-bottom:10px;line-height:14px;}
div.form div.notes strong {color:#727368}
div.form div.notes ul { margin: 0px; }

div.form td.cc table { margin: 0px; width: 100%; }
div.form td.cc td { width: auto; }

div.form tr.unavailable td { opacity: 0.5; }

div.form table { margin:0px auto; }
div.form table.payment tr.details>td { padding: 10px 0px; }
div.form th { padding: 2px; text-align: left; height: 26px; font-size:10pt;color:#727368 }
div.form th span.star { opacity: 0.5; }
div.form td { padding: 2px; position: relative; height: 26px; }
div.form td hr { /*padding: 15px 0px 0px 0px;*/ margin: 0px 5px 15px 0px; border: none; border-bottom: 1px solid #727368;background:none }
div.form td div { position: relative; text-align: center; margin-right: 10px; }
div.form td div.links { text-align: right; float: right; }
div.form th.website span { float: right; font-weight:normal; }
div.form td.website { position: relative; z-index:10; }
div.form td.website span { position: absolute; top:5px; z-index:50;left:-40px; }
div.form input, div.form select, div.form textarea { width: 100%; }
div.form input.check { width: 20px; }
div.form input.small { width: 70px; }
div.form textarea { height: 200px; }
div.form .fieldNote { font-size:10px; color:#666; padding:5px 0px; text-align:left!important; }

div.form table.grid th { padding: 2px; width: auto; height: auto; }
div.form table.grid tr.total { font-weight: bold; background: #FFFBF1; }

div.Kelford div.ratingsActive span { float: left; }
div.Kelford div.ratingsActive ul { list-style-type: none; margin: 0px; padding: 0px; }
div.Kelford div.ratingsActive ul li { cursor: pointer; margin: 0px; padding: 0px; background: url(http://www.kelford.co.nz/module_content/BragBoard/common/star.gif) no-repeat center center; float: right; height: 20px; width: 25px; opacity: 0.2; filter: alpha(opacity=20); }
div.Kelford div.ratingsActive ul li.active, div.Kelford div.ratingsActive ul li.hoverOn { opacity: 1; filter: alpha(opacity=100); }
div.Kelford div.ratingsActive ul li.hoverOff { opacity: 0.2; filter: alpha(opacity=20); }
div.Kelford div.ratingsActive ul li input { cursor: pointer; opacity: 0; filter: alpha(opacity=0); }

div.Kelford div.ratingsPassive ul { list-style-type: none; margin: 0px; padding: 0px; }
div.Kelford div.ratingsPassive ul li { cursor: pointer; margin: 0px; padding: 0px; background: url(http://www.kelford.co.nz/module_content/BragBoard/common/star_small.gif) no-repeat center center; float: right; height: 10px; width: 15px; opacity: 0.2; filter: alpha(opacity=20); border:none; }
div.Kelford div.ratingsPassive ul li.active { opacity: 1; filter: alpha(opacity=100); }
div.Kelford div.ratingsPassive ul li span { visibility: hidden; }

div.Kelford div.orderLinks { margin-left:15px; }
div.Kelford div.orderLinks span { padding-right: 10px; }
div.Kelford div.orderLinks a { text-decoration: none; padding: 2px; opacity: 1; }
div.Kelford div.orderLinks a.current, div.orderLinks a:hover { text-decoration: underline;  }

div#messageBox div.responseContainer { color: #fff; }
div#messageBox div.responseContainer div.neg { background: red; padding: 5px; border: 2px solid #FFF; }
div#messageBox div.responseContainer div.pos { background: green; padding: 5px; border: 2px solid #FFF; }

.Kelford #column1 { width:520px; float:left; }
.Kelford #column2 { width:520px; padding:20px 0px 0px 0px; }
.Kelford #column3 { width:260px; float:right; border-left:1px solid #999; padding-left:5px; margin-top:30px;}
.Kelford #column3 h2 { width:240px; height:34px; line-height:32px; padding-left:20px; background:#6D0A0A; color:white!important; font-weight:bold; font-size:100%; text-transform:uppercase; }
.Kelford #column3 .add { display:block; width:245px; height:60px; line-height:46px; text-align:right; background:white url(http://www.capella.co.nz/sites/kelford.co.nz/images/add-your-own.jpg) no-repeat; color:#6D0A0A; font-weight:bold; font-size:14px; text-transform:uppercase; text-decoration:none; margin-top:15px; padding-right:15px }
.Kelford .bigpic { float:left; margin-right:10px; margin-bottom:10px; }
.Kelford .hrclr { width:100%; clear:both; }
.Kelford .listings fixLinks li { margin-top:10px; }
.Kelford #column3 h4 { line-height:1em; margin-top:0px; }
.Kelford #column2 img { border:1px solid black; width:122px; }
.Kelford #column2 img:hover { border:1px solid white; }
.Kelford #column1 #mainImg { border:1px solid black; }
.Kelford #column2 a.addtop { width:128px; color:white; }
.Kelford #column3 ul.listings li.hover { background:none; }
.Kelford .orderLinks a { color:white; }
.Kelford .orderLinks a:hover { color:black; }
.Kelford #listh li { background:none; }
.Kelford #listh li img { float:left; margin-right:10px; }
.Kelford #column3 p, .Kelford #column3 h4 { width:230px; }
.Kelford #lista { display:block; float:left; width:245px; height:60px; line-height:46px; text-align:right; background:white url(http://www.capella.co.nz/sites/kelford.co.nz/images/add-your-own.jpg) no-repeat; color:#6D0A0A; font-weight:bold; font-size:14px; text-transform:uppercase; text-decoration:none; margin:15px auto; padding-right:15px }
.Kelford #share {  display:block; float:left;; width:245px; height:60px; line-height:46px; text-align:right; background:white url(http://www.capella.co.nz/sites/kelford.co.nz/images/share.jpg) no-repeat; color:#6D0A0A; font-weight:bold; font-size:14px; text-transform:uppercase; text-decoration:none; margin:15px auto; padding-right:15px }
.Kelford #back{  display:block; float:left; width:245px; height:60px; line-height:46px; text-align:right; background:white url(http://www.capella.co.nz/sites/kelford.co.nz/images/back.jpg) no-repeat; color:#6D0A0A; font-weight:bold; font-size:14px; text-transform:uppercase; text-decoration:none; margin:15px auto; padding-right:15px }
.Kelford #boardButtons { margin-left:15px; }
.Kelford #caddfrm a { color:red; }
.Kelford #caddfrm h3 { color:#6D0A0A; }
.Kelford #caddfrm th { color:black; }
.Kelford #caddfrm th .star { color:red; }
.Kelford .bbpagetitle { float:left; width:530px; padding-top:13px; border-bottom:1px solid #AAAAAA; }
.Kelford .bbbackbtn { float:right;}
