/**
 * Template     : default.css (Default CSS)
 * Author       : Lister Lleno <lister@ifactory.com.au>
 * Version      : 1.0.2
 * Date         : 2008/04/22
 */

/**
 * :::. GLOBAL DEFINITIONS SETTING FONT SIZE, LINK STYLES, STRIPS PADDING & MARGINS, ETC .:::
 */

body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img, form, fieldset{
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size:100.01%;
}

body, html {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px;
}

body {
	margin: 20px 0px 0px 0px;
}

p, div, li, h1, h2, h3, h4, h5, h6, td, input, select, textarea {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
}

h1, h2, h3, h4, h5, h6, legend {
    font-family: arial, verdana, helvetica, sans-serif;
    font-weight: bold;
}

p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    color: #5D3526;
}

p {															
	font-weight: normal;
	line-height: 17px;	
}

h1 {														
    font-size: 34px;    
	color: #B39D79;
}

h2 {														
    font-size: 22px;
	color: #DD1513;
}

h3 {									                   
    font-size: 12px; 
    font-weight: bold;   
	color: #DD1513;	
	text-transform: uppercase;        
}	

h4 {														
	font-size: 19px;	
	color: #B39D79;
	line-height: 23px;
}

h5 {
	margin-top: 10px;														
	font-size: 18px;	
	color: #DD1513; 
}

h6 {														   
	font-weight: normal;
	font-size: 17px;
	color: #5D3526;		
}

#content a:link, #content a:visited, #form_top a:link, #form_top a:visited, #con_foot a:link, #con_foot a:visited, .moduletablesupport a:link, .moduletablesupport a:visited  {
    color: #DD1513;
    text-decoration: underline;
    font-weight: normal;
}

.moduletablesupport a:link, .moduletablesupport a:visited, .moduletabletesti a:link, .moduletabletesti a:visited {
	color: #DD1513;
	font-weight: bold;
}

#content a:hover, #content a:active, #form_top a:hover, #form_top a:active, #con_foot a:hover, #con_foot a:active, .moduletablesupport a:hover, .moduletablesupport a:active, .moduletabletesti a:hover, .moduletabletesti a:active {
    color: #DD1513;
    text-decoration: none;
}

.moduletablesupport a:hover, .moduletablesupport a:active {
	font-weight: bold;
}

ul {
    list-style: none;
}

    li {
        list-style: none;
    }

/**
 * To be used on div to clear any floating defined for preceeding elements : 
 * <div class="clear">&nbsp;</div> 
 */

#container_1 div.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
}

/**
 * :::. STRUCTURE .:::
 */

#container_2 {
	text-align: center;
} 

    #container_3 {
        margin: 0 auto !important; /* causes center align */
        text-align: left !important;        
        width: 980px;
	}

    	#nav_box {
    		float: left;        		
    		width: 980px;
    		border: 2px solid #5b3525;			
			border-bottom: 0px;			
    	}

	        	#nav_wrap {
	        		float: left;	        		
					width: 980px;
					padding: 0px 0px 2px 0px;
					background: #FFF url('../images/bg_seperator.jpg') left bottom no-repeat;					
	        	}   	

	        		#nav_wrapper {	        				        			
	        			float: left;	        				        				        			
	        			width: 980px;	        			        				        			
	        		}

			        	#navigation {			        				        		
			        		float: left;			        		
			        		width: 560px !important;
			        		/width: 640px;		       				        		
			        		padding: 0px 0px 0px 80px;			        				        		       		
			        	}
			        	
			        	#nav_logo {
			        	    float: left;
			        	    width: 340px;				        	    
			        	    padding-top: 30px;				        	    				        	    
				        }

		        	#nav_btm_wrap {
		        		float: left;
		        		width: 980px;
		        		height: 15px;
		        		margin-top: -16px !important;
		        		/margin-top: -17px;			        				        			        				        					        		
		        	}
		        	
		        		#nav_spacer {
		        			float: left;
		        			width: 640px;		        		
		        		}

		        		#breadcrums {
		        			float: left;		        			
		        			width: 340px;		        			
		        		}	        	
		        	           
            #con_box {
				float: left;
				width: 980px;
				margin-top: 40px;	
				border: 2px solid #5b3525;
				border-top: 0px;
			}

				#con_box-wrap {
					float: left;
					width: 980px;
					background: #FFF url('../images/bg_seperator.jpg') left top no-repeat;
					padding-top: 2px;
				}
								
					#content-wrapper {
						float: left;
						width: 640px;
						padding: 0px 0px 0px 0px;				   
						margin-top: 0px;						
					}						

						#c_banner2 {
						    min-height: 290px !important;
						    /height: 330px;
						    /height: auto;
						    padding: 20px 260px 20px 80px;
							background: #B39D79 url(../images/overview_device.gif) top right no-repeat;
						}								
				
						#content, #form_top {
							float: left;
							padding: 0px 80px 25px 80px;
						}													

						#form_top {
							padding-bottom: 0px;
						}
						
						#con_foot {
							float: left;
							position: relative;
							width: 560px !important;
							/width: 640px;
							padding: 0px 0px 25px 80px;																									
							margin: -37px 0px 0px 0px;
						}										

					#con_right-wrapper {
						float: right;
						width: 340px;
						padding: 0px 0px 0px 0px;
						margin-top: 0px;						
					}
					
						#con_right {
							overflow: hidden;
						}

							#con_right .moduletableimg {
								text-align: right;
								background: #E7E6D7;								
							}
							
							#con_right .moduletableimgMedia {
								text-align: right;
								background: #FFF;								
							}					

						#h_right {
							background: #fff;
						}									

							#c_right img {								
								overflow: hidden;
								display: block;
								margin: 0px;								
							}

        #c3_foot-wrap {
            float: left;
			width: 900px !important;
			/width: 980px;
			padding: 10px 0px 0px 80px;
		}		


			#c3_footer1 {
				float: left;
				color: #5D3526;
				padding: 0px 241px 0px 0px;
			}
		
			#c3_footer2 {
				float: left;
				color: #DD1513;
				padding: 0px 0px 0px 0px;
			}
        	
		#c3_footer3 {
			float: left;
			color: #5D3526;
			padding: 5px 0px 25px 80px;
		}

/**
* :::. TEMPLATE INLINE STYLES .:::
*/

#content h2, #form_top h2 {
	margin-bottom: 34px;	
}

#breadcrums {
	font-size: 10px;
	color: #DD1513;
}

#breadcrums a:link, #breadcrums a:visited {
	font-size: 10px;
	color: #5D3526;
	text-decoration: none;	
}

#breadcrums a:hover, #breadcrums a:active {
	font-size: 10px;
	color: #DD1513;
	text-decoration: none;	
}

.content_small {
	color: #DD1513;
	font-size: 12px;
	font-weight: bold;
}

.small {
	font-size: 9px;
}

.home {														
	padding-top: 25px;
}

.link {															
    font-size: 12px;
	line-height: 17px;
	color: #5D3526;	
} 

.upper p, span.upper p {
    color: #DD1513;
    font-weight: bold;
}

#content ul, #form_top ul, .moduletabletext ul {																
	line-height: 17px;
	color: #5D3526;
	padding: 0px;
	margin: 0px 0px 10px 0px;		
}

.moduletabletext ul {
	margin-bottom: 0px;
	padding-bottom: 15px;
}

	#content li, #form_top li, .moduletabletext li {
    	line-height: 17px;    
		font-size: 12px;
        padding: 0px 0px 7px 15px;																         
	    margin: 0px;
    	background: url(../images/bodyBullet.gif) 0px 6px no-repeat;
    }

.moduletable {
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;    
}     

.moduletabletext {
    padding: 18px 110px 0px 18px;
    background: #E7E6D7 url(../images/small_device.gif) 190px 0px no-repeat;
}

.moduletabletesti {
    padding: 18px 80px 198px 18px;
    margin-bottom: 20px;
    background: #E7E6D7 url(../images/testimonials.gif) bottom right no-repeat;
}

.moduletabletestis {
    padding: 18px 80px 198px 18px;
    background: #E7E6D7 url(../images/testimonials_smaller.gif) bottom right no-repeat;
}

.moduletabletext p, .moduletabletesti p, .moduletabletestis p, span.red-heading, .moduletablesupport p {														                   /* heading red */	
	font-size: 12px;	
	color: #DD1513;
	font-weight: bold;
}

.moduletablesupport {
	background: #E7E6D7;
	padding: 18px 80px 0px 18px;
	border: 1px solid #E7E6D7;	
}

#c3_footer1 span .mainlevelfoot_left{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: inline;
    color: #5D3526;
    font-weight:normal;
	padding-right: 3px;
}



#c3_footer1 ul{
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

	#c3_footer1 ul li{
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: inline;
		padding-right: 10px;
	}

.mainlevelfoot_left {
	font-size: 10px;
}

#c3_footer1 a:link, #c3_footer1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #5D3526;
	font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

#c3_footer1 a:hover, #c3_footer1 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: 5D3526;
    text-decoration: underline;
	font-size: 10px;
}

#c3_footer2 span {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #DD1513;
}

#c3_footer2 ul {
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

	#c3_footer2 ul li {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		display: inline;
		padding-right: 10px;
	}

#c3_footer2 a:link, #c3_footer2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: #5D3526;
    text-decoration: none;
	font-size: 10px;
    font-weight: normal;
}

#c3_footer2 a:hover, #c3_footer2 a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    color: 5D3526;
	font-size: 10px;
   	text-decoration: underline;
}

#c3_footer3 p {
    color: #5D3526;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    font-weight:normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#c3_footer3 a:link, #c3_footer3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    color: #5D3526;	
    font-weight: normal;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#c3_footer3 a:hover, #c3_footer3 a:active {
    color: 5D3526;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
    text-decoration: underline;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/**
 * ===========================Messages==============================
 */

/*-- Errors ---------------------------------------------*/

.message {
    text-align: left;
    font-size: 0.9em;
    z-index: 1;
}

.message div {
    padding: 5px 5px;
    background-position: 12px 7px;
    background-repeat: no-repeat;
    border-width: 1px;
    border-style: solid;
    padding:10px;
    padding-left:20px;
    font-weight:bold;
}

.infoMessage {
    background-image: url('../../../../../mambots/if/iFLib/shared/images/1.0/message_info.gif');
    border-color: #00ba44;
    margin-bottom:10px;
}

.helpMessage {
    background-image: url('../../../../../mambots/if/iFLib/shared/images/1.0/message_help.png');
    border-color: #b0cfdf;
    margin-top:5px;
    margin-bottom:10px;
}

.errorMessage {
    background-image: url('../../../../../mambots/if/iFLib/shared/images/1.0/message_error.gif');
    border-color: #ff2200;
    margin-top:10px;
}

.warningMessage {
    background-image: url('../../../../../mambots/if/iFLib/shared/images/1.0/message_warning.gif');
    border-color: #ffa900;
    margin-bottom:10px;
}

.error, .required {
    color: #e03127;
}

/*-- PEAR Errors ------------------------------------------------*/

.errorContainer {
    text-align: left;
    margin-bottom:10px;
}

.errorContainer div {
    width: 80%;
    margin: 0;
    border: none;
}

.errorContainer .errorHeader {
    background-image: url('../../../../../mambots/if/iFLib/shared/images/1.0/message_error.gif');
    background-position: 0px 7px;
    text-align: left;
    text-transform: uppercase ;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: 0.3em;
    color: #ff2200;
    padding-left:35px;
}

.errorContainer .errorContent {
    padding-left:36px;
}

/**
 * :::. Tooltip boxes .:::
 */

 	span.tipOwner, label.tipOwner, input.tipOwner {
        position: relative;
        cursor: help;
        padding-right:20px;
    }

    label.tipOwner {
        background: url(../images/icon_tooltip.gif) 98% 55% no-repeat;
    }

    span.tipOwner span.tipText, label.tipOwner span.tipText, input.tipOwner span.tipText {
        display: none;
        position: absolute;
        top: 18px;
        left: 100%;
        margin-left:2px;
        border: 1px solid #e03127;
        background-color: #FFFFFF;      
        text-align: left;
        line-height: normal;
        width: 20em;
        text-indent:0px;
        z-index: 90;
    }

        span.tipText div.header {
            background-color:#e03127;
            color:#FFF;
            padding: 1px 5px;
        }

        span.tipText div.body {
            font-weight:normal;
            padding:3px 5px 4px;
            line-height:11px;         
        }

    span.tipOwner:hover span.tipText, label.tipOwner:hover span.tipText, input.tipOwner:hover span.tipText {
        display: block;
    }
   
    /* Holly Hack here so that tooltips don't act screwy:
     * http://www.positioniseverything.net/explorer/threepxtest.html */
    /* Hide next from Mac IE plus non-IE \*/
    /* html #content {
        height: 1%;
    }
    /* End hide from IE5/mac plus non-IE */

/**
 * :::. TinyMCE specific rules .:::
 * ->   use these to overwrite unwanted global styles and backgrounds so the editor 
 *      resembles an actual content area
 *      source : http://wiki.moxiecode.com/index.php/TinyMCE:Configuration/content_css
 */

/* Set global editor body and template preview body styles */

body.mceContentBody, div.mceTmpl {
    background: #ededed;
    text-align:left;
    font-size:11px;
    font-family: verdana, arial, helvetica, sans-serif;
    color:#5f6c77;
}

    .mceContentBody a,  .mceTmpl a {
        color: #e03128 !important; /* FF requires a important here */
        text-decoration:none;
        font-weight:normal;
        background:url(../images/service_home_bullet.gif) no-repeat 0% 50% ;
    }

    .mceContentBody ul, .mceTmpl ul {
        margin-left:25px;
    }

    .mceContentBody ul li, .mceTmpl ul li {
        list-style-type: square;
        list-style-image: url(../images/default_list_bullet.gif);
        padding-left:2px;
        /padding-left:6px;
        padding-bottom:2px;
    }

    .mceContentBody ul li a, .mceTmpl ul li a, #content ul li a {
        font-weight:bold;
    }

    .mceContentBody ol , #content ol {
        margin-left:27px;
        /margin-left:32px;
        padding-left:0px;
    }

    .mceContentBody ol li, .mceTmpl ol li, #content ol li {
        list-style-type: decimal;
        margin-left:0px;
        padding-left:0px;
    }

    body .mceContentBody p {
        text-align:left;
    }

    .mceContentBody ul.blueCircleList, .mceTmpl ul.blueCircleList, #content ul.blueCircleList {
        margin-left:10px;
        list-style:none;
        list-style-type:none;
        list-style-image:none;
    }

    .mceContentBody ul li.blueCircleList, .mceTmpl ul li.blueCircleList, #content ul li.blueCircleList {
        list-style:none;
        list-style-type:none;
        list-style-image:none;
        background: url(../images/list_blue_bullet.jpg) no-repeat 0px 1px;
        padding-left:25px;
        margin-bottom:3px;
    }
  
    .mceContentBody h3 {
        font-size:12px;
        color:#000;
    }   

    /* force global for wysiwyg editor style list pulldown */
    	.blueCircleList { text-align:inherit; 
    }
    	.regularList { text-align:inherit; 
    }
	
	
.header-text {
	font-size: 10px;
	color: #DD1513;
	line-height: 16px;
	padding: 0px 0px 4px 18px;
}
.header-text a:link, .header-text a:visited {
	font-size: 10px;
	color: #5D3526;
	text-decoration: none;	
}

.header-text a:hover, .header-text a:active {
	font-size: 10px;
	color: #DD1513;
	text-decoration: underline;	
}

#c3_footer2 span {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
}

span.red {
color:#DD1513;
}

#c3_footer2  {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
color:#DD1513;
}
#c3_footer2 ul {
margin:0;
padding:0;
}
#c3_footer2 ul li {
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
padding-right:10px;
}
#c3_footer2 a:link, #c3_footer2 a:visited {
color:#DD1513;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
text-decoration:underline;
}
#c3_footer2 a:hover, #c3_footer2 a:active {
color:#DD1513;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
text-decoration:none;
}