/* ----------------------------------------------*/
/* ----------->>> PAGESTYLES #1 <<<-------------*/
/* --------------------------------------------*/

/*
Styles
------

individual page layouts and ALL site typography styling at top
misc site elements (horz, vert lines etc) below

for alternate styling options (ie styleswitcher) use the names pagestyle2.css & pagestyle3.css
and change the body font-size property.
*/



/*
##########################

DEVELOPMENT BAR - this style is also in admin.css (top of page)

##########################
*/

#devHeaderOuter
{
    width: 100%;
    background-color: #ff0000;
    color: #ffffff;
    height: 20px;
    font-size: 12px;    
}

.devHeaderColumn
{
    padding: 0 120px;
    text-align: center;   
}




/*
##########################

GLOBAL SITE STYLES

##########################
*/

* 
{
margin: 0; 
/*  border: 1px solid red !important;   - display all element 'boxes' */
}
 
html, body
{
margin: 0;
padding: 0;
height: 100%;
font-size: 95%;
color: #999999;
font-family: Arial, Times New Roman, Sans-Serif;
text-align: center;  /* used for centering layout templates in FireFox, for left aligned layouts comment out */
}

h1 
{ font-size: 200%; }

h2 
{ font-size: 150%; }

h3 
{ font-size: 120%; }

h4 
{ font-size: 100%; }

h5 
{ font-size: 80%; }

h6 
{ font-size: 70%; }


/*
##########################

HEADER

##########################
*/

#logo
{
    margin-top: 45px; 
}

img.sash {
	position: absolute;
	top: 0;
	right: 0;
}

#headerInnerRight

{
    float: right;
}

#headerInnerRight p

{
    margin: 0;
    padding: 0;
}

#headerInnerRight .sales
{
    font-size: 90%;
    font-weight: bold;
    color: #804800;
}

#headerInnerRight .tel
{
    font-weight: normal;
    color: #000000;   
}

#headerInnerRight .email
{
    font-size: 80%;
    font-weight: bold;    
    color: #804800;   
}

#headerInnerRight .emailLink
{
    font-size: 80%;
    color: #000000;   
}

/*
##########################

SUB HEADER

##########################
*/

#subheaderInner
{
    color: #F7B103;
    text-align: left;
    font-size: 220%;
    padding-top: 25px;
}

/*
##########################

TOP MENU

##########################
*/

#menuInner ul
{
margin: 0;
padding: 0;
}

#menuInner li
{
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#menuInner a:link, #menuInner a:visited, #menuInner a:active
{  
height: 48px;    
font-size: 100%;    
color: #BABABA;
font-family: Arial, Helvetica, sans-serif;
padding: 12px 16px 17px 18px;
*padding: 12px 16px 10px 18px;
font-weight: normal;
text-decoration: none
}


#menuInner a:hover
{
height: 48px;
font-size: 100%;
color: #F7B103;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
text-decoration: none;
}


.current
{
background-image: url(../images/bg_menutab.gif);
background-repeat: repeat-x;
font-size: 100%;
color: #ffffff !important; 
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
height: 48px;
}

/*
##########################

GLOBAL SITE STYLES

##########################
*/

/*  DEFAULT LINK STYLE   */
a:link, a:visited, a:active
{
font-weight: bold;
font-size: 100%;    
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none
}

a:hover
{
font-weight: bold;   
font-size: 100%;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
text-decoration: underline
}



/*  CONTACT PAGES  */

#links
{
    width: 700px;
}

.linkCatBar
{
height: 20px;
background-color: #F8B50F;
color: #000000;
font-weight: bold;
padding-left: 8px;
}

.mandatoryField
{
color: #ff0000;
font-size: 130%;
font-weight: bold;
padding-right: 2px;
}

#ClientValidationSummary
{
color: #000000;
font-weight: bold;
padding: 0 0 20px 0;
}

#ClientValidationSummary ul li
{
list-style-type: none;
}

#ClientValidationSummary a:link, #ClientValidationSummary a:visited, #ClientValidationSummary a:active
{ 
font-weight: bold;
font-size: 100%;    
color: #ff0000;
text-decoration: none
}

#ClientValidationSummary a:hover
{   
font-weight: bold;   
font-size: 100%;
color: #ff0000;
text-decoration: underline
}

#contactForm
{
width: 625px;
}

#contactForm .label
{
display: block;
clear: both;
float: left;
width: 150px;
margin: 2px 0 2px 0;
vertical-align: top;
}

#contactForm .text 
{
float: right;
margin: 2px 0 2px 0;
vertical-align: top;
}

#contactForm img 
{
margin-top: 6px;
}

#contactForm .btn
{
clear: both;
margin: 9px 0 0 250px;
font-weight: normal;
font-size: 13px;
color: #fff;
background-color: #383838;
width: 120px;
padding: 3px 6px 3px 6px;
}



/*  NEWS DATE  */

.newsDateHome
{ 
font-size: 80%;
font-weight: bold;
color: #585755;
padding: 10px 0 10px 0;
}

.newsDate
{ 
color: #919191;
padding: 10px 0 10px 0;
}


/*
##########################

CONTENT PAGES

##########################
*/

#contentsInnerLeftHome
{
    float: left;
    display: inline-block;
    width: 340px;
}

.contentsInnerHomeSlider
{
    float: right;
    display: inline-block;
    padding-top: 10px;
}

#contentsInner
{
    font-size: 80%;
    color: #999999;
}

#contentsInner h3
{
    color: #ffffff;
}

#contentsInnerBottom
{
width: 980px;	
}

#contentsInnerBottom1
{
width: 315px;	
}

img.contentsExample
{
border: 6px solid #292929;
margin-right:20px !important;
margin-top: 9px;
}

img.contentsExample1
{
border: 6px solid #292929;
margin-top: 9px;
}

.unique
{
    font-weight: normal;
    font-size: 130%;
    line-height: 1em;
}

.introText1
{
    color: #DF9F17;
}

.subTitle               /* admin editor style */
{
    color: #DF9F17;
    font-weight: bold;
}

.introText2
{
    color: #9D9D9D;
    padding-right: 15px;
}

.introText3
{
    color: #9D9D9D;
    padding-right: 7px;
    padding-bottom: 15px;
}

a.introLink:link, a.introLink:visited, a.introLink:active
{ 
font-size: 90%;
font-weight: normal;    
color: #D18E0C;
text-decoration: none
}

a.introLink:hover
{    
font-size: 90%;
font-weight: normal;  
color: #D18E0C;
text-decoration: underline
}

.latestNewsSideTitle
{
    font-weight: normal;
}

#thissectionMenu li
{
    list-style-type: none;
    list-style-image: url(../images/img_arrow2.gif); 
    margin: 5px 0;
}

a.newsSideLink:link, a.newsSideLink:visited, a.newsSideLink:active
{
font-weight: normal;    
color: #D18E0C;
text-decoration: none
}

a.newsSideLink:hover
{    
font-weight: normal;  
color: #ffffff;
text-decoration: none
}


.pageTitle
{
    color: #000000;
}


#apps_banner
{
    background-image: url(../images/ban_applications.jpg);
    background-repeat: no-repeat;
    width: 380px;
    height: 110px;
    padding-left: 15px; 
}

#apps_banner .title
{
    margin-top: 3px;
    color: #DF9F17;
    font-weight: bold;
}

#apps_banner .text
{
    font-size: 80%;
}

/*
##########################

SUB FOOTER

##########################
*/

#subfooterInner
{
padding-top: 20px;
color: #000000;
}

#subfooterInner a
{
color: #000000;
}

#subfooterInner h4
{
font-weight: bold;
}

#subfooterInnerLeft
{
width: 340px;    
float: left;
}

#subfooterInnerLeft .download
{
    padding: 10px 0;
}

#subfooterInnerLeft .download, #subfooterInnerRight .fullstory
{
    color: #ffffff;
    font-size: 75%;
}

#subfooterInnerLeft a, #subfooterInnerRight a
{
 font-size: 80%;   
}

#subfooterInnerCenter
{   
float: left;
width: 250px;
}

#subfooterInnerCenter .newsPhoto
{
    float: right;
    border: solid 3px #FFFFFF;
    padding: 3px;
    margin: 6px 0;
}

#subfooterInnerCenter a
{
    padding-top: 6px;
    font-size: 75%;
    font-weight: normal;   
}

#subfooterInnerRight
{
    width: 375px;     
    float: right;
}

#subfooterInnerRight p
{   
    padding: -10px 0;
}

#subfooterInnerRight .photo
{
    float: right;
    border: solid 3px #F8B50F;
    padding: 3px;
}



/*
##########################

FOOTER

##########################
*/

#footerInner, #footerInner a
{
    color: #000000;
    font-weight: normal;
}

.footerInnerTopTitle
{
    font-weight: bold;
}

#footerInnerLeft
{ 
font-size: 75%; 
}

#footerInnerRight
{
font-size: 75%;
}

#footerInnerTopLeft
{
    width: 320px;
    *width: 340px;    
    float: left;
    padding-right: 20px;
}

#footerInnerTopLeft img
{
    float: right;
    padding-top: 20px;
}

#footerInnerTopCenter
{
    width: 250px;
    float: left;
}

#footerInnerTopRight
{
    width: 375px;
    float: right;
    padding-bottom: 15px; 
}

.footerInnerTopRightText
{
    font-size: 75%;
    color: #686868;
}

#footerInnerBottomLeft
{
    float: left;
    font-size: 75%;
    color: #686868;
    padding-top: 6px;
}

#footerInnerBottomRight
{
    width: 250px;
    float: right;
    text-align: right;
    font-size: 75%;
    color: #686868;
    padding-top: 6px;
}


/*
##########################

MISC SITE ELEMENTS

##########################
*/


/* solid horizontal divider line */
.horzSolidLine 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 1px solid #000000;  
} 

.horzSolidLine2 
{
margin: 1px 1px 1px 1px;
padding: 3px 0 0 0;
border-top: 1px solid #DFDFDF;  
} 

.horzSolidMenuLine 
{
margin: 5px 0 6px 0;
padding: 0;
border-top: 1px solid #2B2B2B;  
} 

/* dotted horizontal divider line */
.horzDottedLine 
{
margin: 1px 1px 5px 1px;
padding: 0;
border-top: 1px dotted #E5E5E5; 
} 

/* vertical divider line */
.vertDottedLine 
{
border-left: 1px dotted #000000;    
padding: 0 10px;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */