/*************************************************************
*                                                            *
*               Created: 18 February 2010                    *
*               By:  John Burley                             *
*               For:  Equazen.com                            *
*                                                            *
*************************************************************/

/* HTML Reset */
*
{
    margin: 0;
    padding: 0;   
}

html, body
{
    margin: 0;
    padding: 0;   
}

/* PNG Fix */
img.png-ie6
{
    behavior: url('pngfix/iepngfix.htc'); 
}

body.cmsfront-body
{
    background-color: #eaedf2;
}

.cmsfront form.main-body-form
{
    background: #FFF url('../gfx/bg/main-site-bg.gif') repeat-y left bottom;
    width: 958px;
    padding: 0px;   
    margin: 0 auto;
    position: relative;
}


/* FOOTER */
.cmsfront div.footer
{
    border-top: solid 1px #3399CC;   
    padding: 14px 45px;
    background-color: #FFF;
}

.cmsfront p.copyright
{
    float: right;   
}



/* modal popup styles */
.modalpopupbackground
{
    background-color:#ffffff;
    filter:alpha(opacity=70);
    opacity:0.7;
} 

.popupmessage
{
    padding:45px 20px 45px 20px;
    border:solid 1px #00A6DE;
    background-color:#ffffff;
    width:470px;
    text-align:center;
}
.popupmessage p
{
    color:#00A6DE;
    font-weight:bold;
    margin-bottom:8px;
}


/* HEADER */
.cmsfront div.header
{
    height: 53px;
    background: transparent url('../gfx/bg/header-bg.gif') repeat-x left top;
}

.cmsfront div.header a img
{
    margin: 10px auto auto 85px;
}

.cmsfront ul.main-menu
{
    float: right;
    margin-right: 45px;
    margin-top: 25px;
}

.cmsfront ul.main-menu  li
{
    display: inline;
}

.cmsfront div.main-banner img.logo
{
    margin-left: 65px;   
}

.cmsfront div.front-page-header
{
    /*height: 325px;*/
    background: url('../gfx/bg/front-page-banner.jpg') repeat-x left top;
    background-image: none;
    border-bottom: solid 1px #3399CC;
    background-color: #FFF;
    /*padding-top:65px;
    padding-left:20px;*/
}

.cmsfront div.clearer
{
    clear: both;   
}

.cmsfront div.brand-menu
{
    width: 238px;
    float: right;
}

.cmsfront div.single-column-main
{

    padding: 20px 45px 45px 45px;
    width: 630px;
    float: left;
}

.cmsfront div.double-column-main
{
    padding: 20px 45px 45px 45px;
    width: 470px;  
    float: left; 
}

.cmsfront .front-page-content
{
    padding:0 10 0 10px;
    padding-left: 0;
    width: 675px;
    float: left;
}

.cmsfront div.single-column-main,
.cmsfront div.double-column-main,
.cmsfront .front-page-content
{
    
}

.cmsfront div.second-tier-nav
{
    width: 140px;
    padding: 20px 0 0 20px;
    float: left;   
    margin-bottom: 20px; 

}

.cmsfront ul.second-menu
{
    width: 130px;
    border: solid 1px #3399CC;   
    margin: 8px 0 15px 0;
}

.cmsfront a.menu-button
{
    display: block;
    width: 115px;
    height: 30px;
    background: transparent url('../gfx/bg/menu-button.gif') no-repeat left top;
    padding-right: 25px;
    padding-top: 5px;
}

.cmsfront a.menu-button-selected, .cmsfront a.menu-button:hover
{
    background-image: url('../gfx/bg/menu-button-selected.gif');   
}

.cmsfront .second-menu a
{
    display: block;   
}

.cmsfront .brand-products
{
    width: 202px;
    /*border-right: solid 1px #3399CC; */
    min-height: 40px;
    padding: 10px 0 10px 35px;
}

* html .cmsfront .brand-products
{
    height: 40px;   
}

.cmsfront table.two-column-table tr td
{
    padding: 20px;
    vertical-align: top;
}

.cmsfront td.contact-form-name
{
    background-color: #eff4f8;
}

.cmsfront td.contact-form-name input, .cmsfront td.contact-form-name textarea
{
    width: 190px;   
    margin-bottom: 10px;
}

.cmsfront table.two-column-table select
{
    width: 170px;
    margin: 15px 0;
}

.cmsfront td.contact-form-name h5
{
    padding-bottom: 5px;   
}

.cmsfront td.contact-form-name input.send-email
{
    width: 86px;
    height: 32px;
    background: transparent url('../gfx/btn/send-email.gif') no-repeat top left;
    border: 0;
}

.cmsfront img.front-page-image
{
    float: left;   
}


/****  SON OF SUCKERFISH  ****/
.cmsfront .second-menu, .cmsfront .second-menu ul 
{
	float : left;
}

.cmsfront .second-menu li 
{
	position : relative;
	float : left;
	margin-bottom : -1px;
	width: 130px;
}

.cmsfront .second-menu li ul 
{
	position : absolute;
	left: -999em;
	margin-left : 130px;
	margin-top : -1px;
	border: 1px solid #3399CC;
	padding-bottom: 1px;
}

.cmsfront .second-menu li ul li
{
    width: 185px;   
}

.cmsfront .second-menu li ul li a
{
    display: block;
    padding: 6px 6px 6px 10px;
    font-size: 10px;
    color: #00A6DE;
    background-color: #FFF;
    background-image: none;
}

.cmsfront .second-menu li ul li a:hover
{
    color: #FFF;
    background-color: #01a6de;
    background-image: none;
}

.cmsfront .second-menu li ul ul 
{
	left: -999em;
}

.cmsfront .second-menu li a 
{
	display : block;
}

.cmsfront .second-menu li:hover ul ul, .cmsfront .second-menu li:hover ul ul ul, .cmsfront .second-menu li.sfhover ul ul, .cmsfront .second-menu li.sfhover ul ul ul 
{
	left: -999em;
}

.cmsfront .second-menu li:hover ul, .cmsfront .second-menu li li:hover ul, .cmsfront .second-menu li li li:hover ul, .cmsfront .second-menu li.sfhover ul, .cmsfront .second-menu li li.sfhover ul, .cmsfront .second-menu li li li.sfhover ul 
{ 
	left: auto;
	border: solid 1px #01a6de;
}

.cmsfront .contact-us-form
{
    width: 195px; 
    min-height: 100px; 
    background-color: #eff4f8; 
    float: left; 
    padding: 20px;
    margin-right: 20px;
}

.cmsfront .regional-contact-details
{
    /*width: 195px;
	float: left; */
    padding: 20px; 
    min-height: 100px;    
}

.cmsfront .contact-us-form p, .cmsfront .regional-contact-details p
{
    font-size: 0.9em;   
}

.cmsfront .send-email-button
{
    width: 86px;
    height: 23px;
    background: transparent url('../gfx/btn/send-email.gif') no-repeat top left;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.cmsfront .subscriptions{}
.cmsfront .subscriptions table.form-layout{ border:none; }
.cmsfront .subscriptions table.form-layout tr  td{ border:none; }

.cmsfront .subscriptions table.form-layout .txtbox-small{ width:100px;}
.cmsfront .subscriptions table.form-layout .txtbox-medium{ width:200px;}
.cmsfront .subscriptions table.form-layout .txtbox-big{ width:300px;}

.front-page-content table, .front-page-content table tr, .front-page-content table td
{
    padding: 0;   
}

div.double-column-main, div.single-column-main
{
    margin-top: 20px;
}   

.contact-form-globe img
{
	margin-bottom: 15px;
}	

table.up-and-leftify-this-table
{
	position: absolute;
	top: 205px;
	left: 30px;	
}