/*
Theme Name: iShield
Theme URI: http://www.tradepage.co.za/
Description: Exclusive theme for the iShield product offered by Tradepage
Version: 0.1
Author: Hugo Vermaak
Author URI: http://hugovermaak.com/
Tags: blue, black, fixed width, two columns

	iShield
	 http://ishield.co.za/

	This theme was designed and built by Hugo Vermaak,
	whose blog you will find at http://hugovermaak.com/

	The CSS, XHTML and design is for exclusive use on the http://ishield.co.za website
	Non of the material may be reproduced by any means

*/

*
{
	margin: 0;
}

html, body
{
	height: 100%;
}

body
{
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: small;
}

#doc
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -175px;
}

#page h1, #posts  h1, #contact-left h1
{
	color: #0075bd;
	font-size: x-large;
	font-weight: normal;
	padding: 20px 0;
}

#page #posts, p
{
	color: #6d6e70;
	
	font-weight: normal;
	line-height: 1.2em;
	padding: 8px 0;
	text-align: justify;
}

#page h2
{
	color: #56a600;
	font-size: large;
	font-weight: normal;
	padding: 10px 0 0 0;
}

#posts
{
	width: 710px;
	float: left;
}

#page ul
{
	list-style: disc;
	color: #6d6e70;
}

#page li
{
	margin-left: 35px;
	padding: 5px 0;
}

#posts small
{
	color: #949698;
}

#posts a
{
	color: #0075bd;
}

#posts a:hover
{
	color: #56a600;
}


#posts small a
{
	color: #0075bd;
	font-size: small;
}

#posts small a:hover
{
	color: #56a600;
}

#posts h2
{
	color: #56a600;
	font-size: large;
	font-weight: normal;
	padding: 10px 0 3px 0;
}

#posts h2 a
{
	color: #56a600;
}

#posts h2 a:hover
{
	color: #ffb400;
}

#posts h3
{
	color: #6d6e70;
	font-size: medium;
	font-weight: normal;
	padding: 10px 0 3px 0;
}

#posts ul
{
	list-style: disc;
	color: #6d6e70;
}

#posts li
{
	margin-left: 35px;
	padding: 5px 0;
}

#contact-left
{
	width: 500px;
	float: left;
}

#contact-right
{
	width: 350px;
	float: right;
}

#navigation
{
	background: #203f7a url('images/nav_tile.png');
	width: 100%;
	height: 65px;
}

#navigation ul
{
	width: 960px;
	margin: 0 auto;
	list-style: none;
}

#navigation li
{
	float: left;
	font-size: small;
}

#navigation li img
{
	padding: 3px 15px 0 0;
}

#navigation li a
{
	color: #fff;
	display: block;
	height: 40px;
	padding: 25px 10px 0px 10px;
	text-decoration: none;
}

#navigation li a:hover
{
	background: url("images/nav_hover.png") repeat-x;
	border-left: 1px solid #233871;
	border-right: 1px solid #233871;
	padding: 25px 9px 0px 9px;
}

.nav_pricing span
{
	color: #93ff00;
}

#home_header
{
	background: url("images/home_header_tile.png") ;
	width: 100%;
	height: 400px;
}

#header_wrapper
{
	width: 960px;
	margin: 0 auto;
}

#header_left
{
	background: url("images/header_left.png") no-repeat 0 15px;
	width: 316px;
	height: 400px;
	float: left;
	text-indent: -9999px;
}

#header_right
{
	width: 579px;
	position: relative;
	left: 25px;
	top: 8px;
	float: left;
}

#container
{
	background: url('images/container_tile.png') repeat-x;
	padding-bottom: 150px;
}

#wrapper
{
	width: 960px;
	margin: 0 auto;
}

.clear
{
	clear: both;
}

#page
{
	padding: 15px;
}

#posts
{
	padding: 15px;
}

#tour
{
	width: 780px;
	margin: 0 auto;
}


#page td
{
	vertical-align: top;
}

#page  img
{
	padding: 0 5px 0 0;
}

#sidebar
{
	width: 200px;
	float :right;
	padding: 20px 0;
}

#sidebar li
{
	

}


#search_box
{
	background: #0075bd url("images/search.png") no-repeat 170px 5px;
	color: #fff;
	padding: 10px;
	margin: 15px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}

#categories h3, #recent_posts h3, #archives h3
{
	background: #56a600;
	color: #fff;
	padding: 5px 5px;
	margin: 5px 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#categories ul, #recent_posts ul, #archives ul
{
	background: #d7d7d7;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}

#categories li, #recent_posts li, #archives li
{
	padding: 5px 10px;
	margin: -5px 0 0 0;
}

#categories li a, #recent_posts li a, #archives li a
{
	color: #6d6e70;
	text-decoration: none;
}

#categories li a:hover, #recent_posts li a:hover, #archives li a:hover
{
	color: #0075bd;
}

.hr
{
	background: url("images/hr.png") no-repeat;
	width: 100%;
	height: 50px;
}

.green
{
	color: #56a600;
}

#pricing
{
	width: 750px;
	margin: 0 auto;
}

#pricing th
{
	padding: 5px 15px;
	text-align: left;
}
	
#pricing td
{
	padding: 5px 15px;
	border-bottom: 1px dashed #ccc;
	vertical-align: middle;
}

#pricing th p
{
	font-size: small;	
}

.ishield_lite
{
	background: #0075bd;
	width: 300px;
}

.ishield_lite h4
{
	font-size: large;
	color: #fff;
}

.ishield_lite p
{
	color:#8ed8f8;
	padding: 0px;
}

.ishield_pro
{
	background: #0075bd;
	width: 300px;
}

.ishield_pro h4
{
	font-size: large;
	color: #fff;
}

.ishield_pro p
{
	color:#8ed8f8;
	padding: 0px;
}

th.ishield_pro 
{
	background: #0075bd;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topright: 10px;
}

.feature p
{
	color: #6d6e70;
	width: 150px;
	text-align: right;
	font-weight: 700;
}

th.feature
{
	background: #0075bd;
	width: 150px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-topleft: 10px;
}


.tick
{
	text-align: center;
}
	
.order-form
{
	background: #ebebeb;
	border: 1px solid #d7d7d7;
	margin: 15px auto;
	padding: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	width: 750px;
}

td#apply-for
{
	width: 450px;
}

#apply-for p
{
	font-size: small;
}

#apply-for p label
{
	color: #0075bd;
	font-weight: 700;
}
#apply-for input[type='text']
{
	border: 1px solid #cccccc;
	padding: 5px;
	width: 250px;
}

#apply-for textarea
{
	border: 1px solid #cccccc;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: small;
	padding: 5px;
	width: 335px;
}

#more-features
{
	width: 300px;
	overflow: hidden;
}

#more-features h3
{
	background: #56a600;
	color: #fff;
	padding: 15px 15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#more-features ul
{
	background: #d7d7d7;
	margin-bottom: 10px;
	padding: 10px 0;
	border-left: 1px solid #c2c2c2;
	border-right: 1px solid #c2c2c2;
	border-bottom: 1px solid #c2c2c2;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}

#more-features li
{
	font-size: small;
	padding: 5px 15px;
}

.submit-button
{
	background: url("images/apply_now.png") no-repeat;
	border: none;
	width: 134px;
	height: 32px;
	text-indent: -9999px;
}

#home-left
{
	background: url("images/vert_hr.png") repeat-y right;
	width: 400px;
	float: left;
	padding-right: 25px;
}

#home-left h3 a
{
	color: #0075bd;
	font-size: medium;
	font-weight: normal;
}

#home-left hr
{
	margin: 10px 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px double #ccc;
	border-bottom: none;
}

#home-right
{
	width: 475px;
	float: right;
}

#home-right p
{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	padding: 20px 0;
	margin: 0px;
}

#home-right hr
{
	margin: 10px 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px double #ccc;
	border-bottom: none;
}

#home-right h2
{

}

#home-right h3
{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: 100;
	color: #0075bd;
}

#who-left
{
	width: 450px;
	float: left;
	font-size: small;
}

#who-left p
{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	padding: 20px 0;
	margin: 0px;
}

#who-left hr
{
	margin: 10px 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px double #ccc;
	border-bottom: none;
}


#who-left h3
{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: 100;
	color: #0075bd;
}

.inup
{
	font-size: x-large;
}

.indown
{
	font-size: x-large;
}

#who-right
{
	width: 450px;
	float: right;
}


#contact-left p
{
	font-size: small;
}

#contact-left p label
{
	color: #0075bd;
	font-weight: 700;
}
#contact-left input[type='text']
{
	background: #ebebeb;
	border: 1px solid #cccccc;
	padding: 5px;
	width: 250px;
}

#contact-left select
{
	background: #ebebeb;
	border: 1px solid #cccccc;
	padding: 5px;
	width: 260px;
}

#contact-left textarea
{
	background: #ebebeb;
	border: 1px solid #cccccc;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	padding: 5px;
	width: 335px;
}

#contact-right
{
	background: #ebebeb;
	border: 1px solid #d7d7d7;
	margin: 25px 0;
	padding: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}

#contact-right h2
{
	color: blue;
	padding: 0px;
}

#contact-right td
{
	padding: 25px;
	vertical-align: top;
}

#contact-right p
{
	padding: 0px;
}

#reseller-left
{
	float: left;
	width: 550px;
}

#reseller-right
{
	float: right;
	width: 300px;
	background: #ebebeb;
	border: 1px solid #d7d7d7;
	margin: 15px 0;
	padding: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}

#reseller-right p
{
	font-size: small;
}

#reseller-right p label
{
	color: #0075bd;
	font-weight: 700;
}
#reseller-right input[type='text']
{
	background: #fff;
	border: 1px solid #cccccc;
	padding: 5px;
	width: 250px;
}

#reseller-right textarea
{
	background: #fff;
	border: 1px solid #cccccc;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	padding: 5px;
	width: 290px;
}

#reseller-right div.wpcf7-validation-errors {
	border: 2px solid #790000;
	background: #ed1c24;
	color: #fff;
	width: 270px;
	margin: 0 auto;
}

.reseller-test p
{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	padding: 20px 0;
	margin: 0px;
}

.reseller-test hr
{
	margin: 10px 0px;
	padding: 0px;
	height: 1px;
	border-top: 1px double #ccc;
	border-bottom: none;
}


.reseller-test h3
{
	font-family: Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	font-weight: 100;
	color: #0075bd;
}

dd.gallery-caption
{
	color: #0075bd;
	font-size: small;
}

#push
{
	height: 100px;
}

#footer
{
	background: #6d6e70;
	color: #fff;
	width: 100%;
	height: 100x;
	padding: 25px 0;
	overflow: hidden;
}

#footer-content
{
	width: 960px;
	margin: 0 auto;
	font-size: x-small;
}

#footer-content p
{
	color: #ccc;
}

#footer-content ul
{
	list-style: none;
}

#footer-content li
{
	display: inline;
	margin: 0 5px;
}
	
#footer-content li a
{
	color: #ccc;
	text-decoration: none;
}

#footer-content li a:hover
{
	color: #fff;
}

#footer-left
{
	float: left;
}

#footer-right
{
	float: right;
}
	
#tplogo
{
	padding-top: 40px;
}

#help-left
{
	background: #ebebeb;
	border: 1px solid #d7d7d7;
	padding: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	width: 250px;
	float: left;
}

#help-left ul
{
	padding: 10px 0;
	list-style: none;
	margin-left: -15px;
}

#help-search
{
	width: 100%;
	background: #56a600;
	color: #fff;
	padding: 5px 5px;
	margin: -5px -5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#help-search p
{
	padding: 10px 10px;
}

#help-search h2
{
	color: #FFF;
	padding: 0 10px;
}

#help-right
{
	width: 650px;
	float: right;
}
	
#request
{
	width: 300px;
	background: #ebebeb;
	border: 1px solid #d7d7d7;
	margin: 15px 0;
	padding: 25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 5px 5px -3px rgba(0,0,0,0.3);
}

#request p
{
	font-size: small;
}

#request p label
{
	color: #0075bd;
	font-weight: 700;
}
#request input[type='text']
{
	background: #fff;
	border: 1px solid #cccccc;
	padding: 5px;
	width: 250px;
}

#request textarea
{
	background: #fff;
	border: 1px solid #cccccc;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	padding: 5px;
	width: 290px;
}

#request div.wpcf7-validation-errors {
	border: 2px solid #790000;
	background: #ed1c24;
	color: #fff;
	width: 270px;
	margin: 0 auto;
}