body {
margin:0;
padding:0;
width:100%;
background:#EEE7D6;
min-width:800px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
font-size:90%;
}

BODY,P,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA {
	color: #000000;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

A:link {
	color: #000000;
	text-decoration: none;
}

A:visited {
	color: #000000;
	text-decoration: none;
}

A:hover {
	color: #FF9900;
	text-decoration: underline;
}

h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}

H2 {
	font-size: 13px;
}

.HeadingColor {
	color: #C70001;
}

.MainTZtext {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}

.BannerHdr {
	color: #f7941c;
	font-family: impact, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
}

.BannerHdr2 {
	color: #003096;
	font-family: impact, Arial, Helvetica, sans-serif;
	font-size: 26px;
		
}



#header {
}

#logo {
	padding-top : 5px;
} 

#logo img{
	vertical-align: bottom;
} 


#headerbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-align:left;
	padding:0 0 0 4px;
	font-size: 8pt;
	color: #FFFFFF;
	line-height:27px;
	background-color:#003096;
	max-height:27px; 
	overflow:hidden;
}

/*TOP MENU*/
#navcontainer {
	clear : both;
	width : 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	font-size: 9pt;
}
#navcontainer ul {
	float : left;
	width : 100%;
	padding-left : 0;
	margin-left : 0;
	background : #003096;
	color : #fff;
}
#navcontainer ul li {
	display : inline;
}
#navcontainer ul li a {
	float : left;
	padding : 0.2em 1em;
	text-decoration : none;
	border-right : 1px solid #fff;
	background : #003096;
	color : #fff;
}
#navcontainer ul li.active a,
#navcontainer ul li a:hover {
	background : #ff9900;
	color : #fff;
}

/* -------------------------------------------------- */

.VertMenuBorder {
	background-color: #000000;
}

.VertMenuBox {
	background-color: #EEEFF0;
}

.VertMenuHr {
	color: #999999;
}

.VertMenuItems {
	color: #000000;
	font-size: 11px;
	text-decoration: none;
}

.VertMenuItems:link {
	color: #000000;
	text-decoration: none;
}

.VertMenuItems:visited {
	color: #000000;
	text-decoration: none;
}

.VertMenuItems:hover {
	color: #FF9900;
	text-decoration: underline;
}

.VertMenuItems:active {
	color: #000000;
	text-decoration: none;
}

.VertMenuTitle {
	background-color: #FF9900;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

.DialogBorder {
	background-color: #FF9900;
}

.DialogBox {
	background-color: #FFFFFF;
}

.DialogTitle {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.BannerHdr {
	color: #f7941c;
	font-family: impact, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
}

.HeadText2 {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

input.liteoption {
	background-color : #FAFAFA;
	font-weight : normal;	
}

.ItemsList {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
}


/* -------------------------------------------------- */

#colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background:#EEE7D6;		/* Left column background colour */
}
#colmid {
	float:left;
	width:195%;
	position:relative;
	left:200px;
	background:#EEE7D6;    	/* Centre column background colour */
}

#contentheader {
	/*background:url (http://tradezone.com/img/dialog_bg_n.gif) no-repeat;*/
	background: url(/assets/templates/threecolumn_px/images/dialog_bg_n.gif);
	padding-left:5px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	
}

#contentheader img{
	vertical-align: bottom;
} 

#colinnermid {
	background:#FFF;
	border:1px solid #ff9900;
	padding:10px 10px 10px 10px;
        min-height:480px;
	
}

#contenttetra {
        padding-left:10px;	
} 

#colright {
	float:left;
	width:100%;
	position:relative;
	left:50%;
	margin-left:-400px;
	background:#EEE7D6;    	/* Right column background colour */
}
#col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:100%;
}
#col1pad {
	margin:0 15px 0 415px;
	overflow:hidden;
}
#col1 {
	width:100%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:170px;
	position:relative;
	margin-left:-50%;
	left:215px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:200px;
	position:relative;
	left:15px;
	overflow:hidden;
}

/* -------------------------------------------------- */

#footer {
	clear:both;
	float:left;
	width:100%;
	padding:0;
	margin:0;
	}
#footer p {
	padding:.5em 15px;
}
#footer h2 {
	padding:.5em 15px;
}

/** footer **/

#fotterbarsm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-align:center;
	font-size: 8pt;
	color: #003096;
	font-weight: bold;
	line-height:14px;
	background-color:#D7D5D7;
	max-height:14px;
	overflow:hidden;
	border-bottom:2px solid #D7D5D7
}


#fotterbars {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-align:center;
	font-size: 8pt;
	color: #FFFFFF;
	line-height:27px;
	background-color:#003096;
	max-height:27px; 
	overflow:hidden;
	border-bottom:1px solid #D7D5D7
}

#fotterbars a:link { color: #ffffff; text-decoration: none; }
#fotterbars a:active { color: #ffffff; text-decoration: none; }
#fotterbars a:visited { color: #ffffff; text-decoration: none}
#fotterbars a:hover { color: #ff9900; text-decoration: underline; }
#fotterbarsm a:link { color: #ffffff; text-decoration: none; }
#fotterbarsm a:active { color: #ffffff; text-decoration: none; }
#fotterbarsm a:visited { color: #ffffff; text-decoration: none}
#fotterbarsm a:hover { color: #ff9900; text-decoration: underline; }

.contact_lable {
width:120px;	
float:left;

        
}

.contact_form {
position:relative;
}

/* 2 column container */
	.colmask_2 {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu_2 {
	    background:#EEE7D6;
	}
	.rightmenu_2 .colleft_2 {
        float:left;
        width:198%;
        margin-left:-198px;
        position:relative;
        right:100%;
        background:#EEE7D6;
    }
    .rightmenu_2 .col1wrap_2 {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding-bottom:1em;
	}
	.rightmenu_2 .col1_2 {
        margin:0 15px 0 215px;
        overflow:hidden;
	}
    .rightmenu_2 .col2_2 {
        float:right;
        width:180px;
        position:relative;
        left:185px;
    }


