/*****************************************************************************************************
 *								  STICKY FOOTER DESIGN START BLOCK									 *
 * NOTES:																							 *
 * Includes settings for elements, element ids and classes used in the new Simplifi website design!	 *
 *																									 *
 *****************************************************************************************************/

/*****************************************************************************************************
 * Must declare zero margins on everything!															 *
 * Use padding, not vertical margins (top and bottom) to add spacing, else margins get added to      * 
 * height and the footer gets pusheddown creating vertical scroll bars in the browser.				 *
 *****************************************************************************************************/
* 
{
	margin: 0px;
	padding: 0px;
} 

/*****************************************************************************************************
 *					     Default settings for the html, body and form elements						 *
 *****************************************************************************************************/
html, body, form
{
	height: 100%;
}

/*****************************************************************************************************
 *							 Additional default settings for the body element						 *
 *****************************************************************************************************/
body
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 12px;
	color: #000000; 
	background-color: #e5dfdf;
	background-image: url('Images/background.jpg');
	background-repeat: repeat-x;
}

/*Opera Fix*/
body:before 
{
	content: "";
	height: 100%;
	float: left;
	width: 0px;
	margin-top: -32767px;
}

#container
{
	min-height: 100%;
	width: 950px;
	margin: 0px auto;
	background-color: Transparent;
}

#innerContainer
{
	overflow: auto;
	width: 100%;
	padding-bottom: 69px;
}

/*****************************************************************************************************
 *						  Settings for elements with an identifier equal to 'footer'				 *
 *****************************************************************************************************/
#footer 
{
	position: relative;
	margin-top: -69px; /* negative value of footer height */
	height: 69px;
	clear: both;
	background-color: #abb9c2;
	min-width: 950px;
}

#innerFooter
{
	margin: 0px auto;
	height: 69px;
	width: 950px;
	background-image: url('Images/footer_bg.jpg');
	background-repeat: no-repeat;
}

#leftFooter
{
	float: left;
	height: 69px;
	width: 450px;
}

#rightFooter
{
	float: right;
	height: 69px;
	width: 500px;
}

#footerFollowUs_Text
{
	float: left;
	height: 29px;
	width: 150px;
	text-align: right; 
	padding-top: 40px;
	font-size: 9px;
	font-weight: bold;
	color: #263964;
}

#footerFollowUs_Images
{
	float: right;
	height: 36px;
	width: 344px;
	text-align: left;
	padding-top: 33px;
}

/*****************************************************************************************************
 *									    STICKY FOOTER DESIGN END BLOCK								 *
 *****************************************************************************************************/

/*****************************************************************************************************
 *											   MENU START BLOCK										 *
 * NOTES:																							 *
 * Includes settings for menu elements and classes etc used in the new Simplifi website design!		 *
 *																									 *
 *****************************************************************************************************/
 
#menu
{
	width: 950px;
	background-color: Transparent;
	background-image: url('Images/Menu/menu_bg.jpg');
	background-repeat: no-repeat;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 11px; 
	font-weight: bold;
	color: white;
}

#menu ul
{
	margin: 0px; 
	padding: 0px;
    float: left;
}  

#menu ul li
{
	display: inline;
} 

#menu ul li a
{  
	float: left; 
	text-decoration: none;
    color: white; 
    padding: 16px 11px;
}  

#menu ul li a:visited
{
	color: white;
}  

#menu ul li a:hover
{
	color: #fff;
    background-color: #0b75b2;
    cursor: pointer;
} 

#menu ul li a.selected, #menu ul li a.selected:hover
{
	color: #fff;
    background-color: #0b75b2;
	cursor: default;
}

#menu ul li a.active, #menu ul li a.active:hover
{
	color: #fff;
    background-color: #0b75b2;
	cursor: pointer;
}

#menuFollowUs
{
	float: right; 
	width: 200px; 
	height: 45px;
}

#menuFollowUs_Text
{
	float: left; 
	width: 150px; 
	text-align: right; 
	padding-top: 16px; 
	height: 29px; 
	font-size: 9px;
}

#menuFollowUs_Images
{
	float: right; 
	width: 50px; 
	text-align: right; 
	padding-top: 12px; 
	height: 33px;
}




/*****************************************************************************************************
 *											   MENU END BLOCK										 *
 *****************************************************************************************************/

/*****************************************************************************************************
 *											ELEMENTS START BLOCK									 *
 * NOTES:																							 *
 * Includes settings for elements...																 *
 *																									 *
 *****************************************************************************************************/

/*****************************************************************************************************
 *							 Additional default settings for heading one element					 *
 *****************************************************************************************************/
h1
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 18px; 
	font-weight: bold;
	/*color: #08415e;*/
	padding: 0px;
	margin: 6px 0px;
}

/*****************************************************************************************************
 *							 Additional default settings for heading two element					 *
 *****************************************************************************************************/
h2
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 16px; 
	font-weight: bold;
	/*color: #08415e;*/
	padding: 0px;
	margin: 6px 0px;
}

/*****************************************************************************************************
 *							 Additional default settings for heading three element					 *
 *****************************************************************************************************/
h3
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 14px; 
	font-weight: bold;
	/*color: #08415e;*/
	padding: 0px;
	margin: 6px 0px;
}

/*****************************************************************************************************
 *							  Additional default settings for paragraph element						 *
 *****************************************************************************************************/
p
{
	padding: 6px 0px;
} 


/*****************************************************************************************************
 *											 ELEMENTS END BLOCK										 *
 *****************************************************************************************************/

/*****************************************************************************************************
 *										HELPER CLASSES START BLOCK									 *
 * NOTES:																							 *
 * Includes settings for helper classes...															 *
 *																									 *
 *****************************************************************************************************/

.blockWrapper
{
	overflow: auto;
    width: 100%;
    color: #0195db;
}

.wrapper
{
    width: 100%;
    color: #0195db;
}

.blockWrapper a, .wrapper a
{
	color: #0195db;
	text-decoration: underline;
}

.blockWrapper a:hover, .wrapper a:hover
{
	color: #0195db;
	text-decoration: none;
}
       
.leftLogo
{
    float: left;
    height: 411px; 
    width: 710px;
}
        
.rightLogo
{
    float: right; 
    height: 411px;
    width: 240px;
    background: url('Images/logoText_bg.jpg') no-repeat;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 14px;
}
        
#innerLogoText
{
    padding: 0px 9px;
    min-height: 180px;
}
        
.textLogo
{
    height: 50px;
    width: 240px;
    /*
    background: url('Images/rgbLights_bg.png') no-repeat;
	*/
}

.leftReview
{
    float: left; 
    width: 353px;
}
        
.innerLeftReview
{
    margin-left: 33px;
    height: 465px;
    width: 320px; 
    background-color: #233a64;
}

.innerLeftReview_Ad
{
    margin-left: 33px;
    /*width: 320px;*/
}

.rightReview
{
    float: right;
    width: 597px; 
}

.productsThumbMenu
{
	min-height: 75px;
}

.thumbMenu
{
    min-height: 175px;
    padding-top: 3px;
}
        
.thumbMenu a, .thumbMenu a:hover
{
	display: block; 
	text-decoration: none;
	width: 112px;
	float: left;
	display: inline;
	padding: 0px 14px;
	text-align: center;
	cursor: pointer;
	font-size: 9px; 
	color: #838172;
}
        
.innerRightReview
{
    height: 290px;
    margin-left: 30px;
	background-color: #233a64;
}

.leftReviewAlt
{
    float: left; 
    width: 426px;
}
        
.innerLeftReviewAlt
{
    margin-left: 33px;
    min-height: 400px;
    overflow: auto;
    width: 393px; 
    background-color: #233a64;
}

.innerLeftReviewAlt a, .innerLeftReview a,
.innerLeftReviewAlt a:visited, .innerLeftReview a:visited
{
    color: #0195db;
    text-decoration: none;
}

.innerLeftReviewAlt a:hover, .innerLeftReview a:hover
{
    color: #0195db;
    text-decoration: underline;
}

.innerLeftReviewAlt_Ad
{
    margin-left: 33px;
    width: 393px;
}

.rightReviewAlt
{
    float: right;
    width: 524px; 
}

.innerRightReviewAlt
{
    min-height: 290px;
    margin-left: 12px;
}

.thumbMenuAlt
{
    min-height: 170px;
    padding-top: 3px;
}
        
.thumbMenuAlt a, .thumbMenuAlt a:hover
{
	display: block;
	text-decoration: none;
	width: 112px;
	float: left;
	display: inline;
	padding: 0px 3px;
	text-align: center;
	cursor: pointer;
	font-size: 9px; 
	color: #838172;
}

.innerLeftReview ul, .innerLeftReviewAlt ul 
{
    list-style-type: none;
}

.innerLeftReview ul li, .innerLeftReviewAlt ul li
{
	padding: 3px 9px 18px 33px;
    background: transparent url('Images/Icons/bulletPointArrow.png') no-repeat;
    background-position: 0px 0px;
}

.primaryInputRow
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 12px;
}

.secondaryInputRow
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 12px;
	padding-top: 9px;
}

.inputLabel
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 3px;
}

.inputField
{
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif, Calibri;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
}

.leftWrapper
{
	width: 710px; /*696px;*/
	float: left;
}

.innerLeftWrapper
{
    min-height: 400px;
    /*color: #08415e;*/
}

.innerLeftWrapper a
{
	/*color: #08415e;*/
	text-decoration: underline;
}

.innerLeftWrapper a:hover
{
	/*color: #08415e;*/
	text-decoration: none;
}

.rightWrapper
{
    float: right;
    width: 237px; 
}

.innerRightWrapper
{
    height: 290px;
}

/*****************************************************************************************************
 *										HELPER CLASSES END BLOCK									 *
 *****************************************************************************************************/