@charset "UTF-8";
/* CSS Document */
/* Reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*=== Setup ===*/
body{color: #555; font: 12px Arial; background-repeat: repeat-x;}
h1 {font-size: 18px;margin-top: 30px;color:#e58146;}
h2 {font-size: 14px;color:#183c8d;}
h3 {background-color: #ed1c24;font-size: 15px;font-weight: bold;color: #fff; margin: 10px 0 5px 0;padding:2px 0 2px 4px;}
p, ul, ol {font: 10px Arial,Verdana,Helvetica,Sans-Serif;margin: 0 0 1em;padding: 0px;line-height: 140%;}
a {color: #f15a26;text-decoration: none;text-decoration: underline;}
a:hover {color: #666;}
li {font-size: 0.9em;}
/*=== Layout ===*/
#wrap{margin: auto; width: 990px; height: 100%;}
#featured{background-color: #DDDD0D;}
#main-content {background-color: #fff; padding: 0px;}
.content {margin: 0 auto;padding: 0;width: 960px;}
#sidebar{}
/*=== Header ===*/
#header {padding: 0px; height: 174px; width: 100%;}
/*- Logo -*/
#logo {background: url("https://www.kingkroell.co.za/images/logo.gif") no-repeat top; float: left;width: 215px;}
#logo h1{float: left; text-indent: -9999px;}
#logo h1 a{display: block; height: 174px; width: 215px;}
/* Menu */
#menu {float: right;width: 720px;}
#menu ul {margin: 20px; padding: 125px 0px 0px 0px; list-style: none;}
#menu li {float: left;}
#menu a {padding: 0px 20px 0px 22px; background: url("https://www.kingkroell.co.za/images/img02.gif") no-repeat left center; font-weight:normal; text-decoration: none; text-transform: lowercase; font-family: Arial,Tahoma,Verdana,Helvetica,Sans-Serif; font-size: 12px; color: #999;}
#menu a:hover {text-decoration: underline; color: #ffffff;}
#menu .first a {background: none;}
#menu .active a {text-decoration: underline; color: #ffffff;}
/*=== Columns ===*/
#columns{}
.col-left {float: left;}
.col-right {float: right;}
.fix {clear: both; height: 1px; margin: -1px 0 0; overflow: hidden;}
div.hr {background: url("https://www.kingkroell.co.za/images/footer-hr.png") repeat-x left top; height: 4px; margin: 15px 0;}
a.button {background: url("https://www.kingkroell.co.za/images/btn-slider-right.png") no-repeat right top; color: #3E3E3E; display: block; float: left; font-family: Arial;font-size: 18px;height: 46px;margin-right: 6px;padding-right: 13px;text-decoration: none;}
a.button span {background: url("https://www.kingkroell.co.za/images/btn-slider.png") no-repeat 0 0; display: block; float: left; line-height: 46px; padding: 1px 5px 5px 18px;}
a.button:hover span {text-decoration: underline;}
span.middle {float: left; padding: 13px 13px 13px 9px;}
#featured .alignright {float: right; margin: 5px 0 8px 20px;}
#featured h2 {color: #FFFFFF;font-size: 40px;font-weight: normal;letter-spacing: -1px;line-height: 40px;padding: 20px 0 20px;text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);}
#featured h4 {color: #333333;font-family: Arial,Helvetica,sans-serif;font-size: 18px;letter-spacing: 1px;line-height: 22px;}
#featured p {color: #333333;font-size: 14px;line-height: 20px;}
#main {width: 600px;}
#main.full {width: 960px;}
#main p, #main ul, #main ol {font-size: 14px;padding-top: 10px;}
#main a {text-decoration: underline;}
#main a:hover {text-decoration: none;}
#main ol, #main ul {line-height: 18px;}
#main ul {padding-left: 50px;}
#main ul li {list-style: disc outside none; padding: 3px 0;}
#main ol {padding-left: 25px;}
#main ol li {list-style: decimal outside none;padding: 3px 0;}
/* Sidebar */
#sidebar {overflow: hidden;width: 340px;}
#sidebar h3 {border-bottom: 1px dashed #CCCCCC;color: #555555;letter-spacing: 1px;padding: 5px 0 15px;text-transform: uppercase;}
#sidebar ul {clear: both;}
#sidebar ul li a {color: #636363;}
#sidebar a:hover, #sidebar .current-cat a, #sidebar li.active a {color: #000000;}
#sidebar ul li .meta {color: #878787;display: block;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: normal;text-transform: uppercase;}
#sidebar .block {background: none repeat scroll 0 0 #FCFCFC;border: 1px solid #E9E8E8;padding: 15px;}
#sidebar .block-no-border {background: none repeat scroll 0 0 #FCFCFC;padding: 15px;}
#sidebar .block .inside {background: none repeat scroll 0 0 #EDEDED;border: 5px solid #D5D4D4;padding-bottom: 5px;}
#sidebar .block .inside ul {padding: 0;}
#sidebar .block .inside li {line-height: 18px;padding: 8px 0;position: relative;}
#sidebar .block .inside li img.thumbnail {border: 2px solid #A4A4A4;float: left;margin-right: 10px;}
#sidebar ul, #sidebar .textwidget {clear: both;padding: 5px 0;}
#sidebar .widget {margin-bottom: 25px;}
#sidebar li {line-height: 18px;overflow: hidden;padding: 5px 0 0 0;}
#sidebar ul ul {border: 0 none;margin: 3px 0 0;padding: 0;}
#sidebar ul ul li {border-color: #E2E2E2 -moz-use-text-color -moz-use-text-color;border-right: 0 none;border-style: solid none none;border-width: 1px 0 0;padding-bottom: 0;}
#sidebar #news h3 {background: url("https://www.kingkroell.co.za/images/ico-rss.png") no-repeat left 3px;padding-left: 32px;}
#sidebar #news li {background: url("https://www.kingkroell.co.za/images/ico-bullet.gif") no-repeat left 10px;padding: 5px 0 0 15px;}
#sidebar .widget_twitter {font-size: 14px;}
#sidebar .widget_twitter h3 {background: url("https://www.kingkroell.co.za/images/ico-twitter.png") no-repeat scroll left top transparent;padding-left: 32px;}
#sidebar .widget_twitter a {color: #2882C1;font-size: 14px;}
#sidebar .widget_twitter li {padding: 10px 0 0 0;}
#sidebar .widget_twitter .time {font-size:85%;}
#sidebar .widget_twitter .follow {padding: 10px 0 0;}
#sidebar .widget_twitter .follow a {font-size: 12px;font-style: italic;}
/* Form */
.customRed{color:red;}
#customForm{background-color: #EEEEEE; padding: 20px; margin-top: 30px; width: 320px;}
#customForm label{display: block;color: #797979;font-weight: 700;font-size:1.2em;line-height: 1.4em;}
#customForm input{width: 285px;padding: 6px;color: #444;font-family: Arial, Verdana, Helvetica, sans-serif;font-size: 11px;border: 1px solid #cecece;}
#customForm input[type="radio"], #customForm input[type="checkbox"] {margin: 2px 0 0 4px;width: 20px; float:left;}
#customForm .inline {float: left; width: 48%;}
#customForm .greyblock {background-color: #e9e9e9;float: left;padding: 8px 0 8px 8px;width:100%;}
#customForm input.error{background: #f8dbdb;border-color: #e77776;}
#customForm textarea{width: 285px;height: 100px;padding: 6px;color: #adaeae;font-family: Arial, Verdana, Helvetica, sans-serif;font-style: italic;font-size: 12px;border: 1px solid #cecece;}
#customForm textarea.error{background: #f8dbdb;border-color: #e77776;}
#customForm div{margin-bottom: 15px;}
#customForm .clear {clear:both;margin-bottom:0;}
#customForm div span{font-style: italic;font-weight: normal;}
#customForm div span.error{color: #e46c6e;}
#customForm #send{background: #f15927;color: #fff;font-weight: 700;font-style: normal;font-size: 1.6em; height:40px;border: 0;cursor: pointer; width: 300px;}
#customForm #send:hover{background: red;}
#customForm label.error {width: auto;font-weight: normal; color: red; }
/*=== Footer ===*/
#footer{background: url("https://www.kingkroell.co.za/images/footer-bkg.gif") repeat-x left top; background-color: #E1E1E1; padding: 25px 0 14px;}
#footer div.hr {background: url("https://www.kingkroell.co.za/images/footer-hr.png") repeat-x left top; height: 4px; margin: 15px 0;}
#footer .col-left {background: url("https://www.kingkroell.co.za/images/footer-bevel.gif") repeat-y right top; padding: 0 20px 0 0; width: 540px;}
#footer .col-right {width: 280px;}