/* CSS Document */
body,html {
	margin:7px 0 0 0;
	padding:0;
	background:#e4eff5;
	}
body,p,td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#000000;
	}
.clear{font-size:0px; height:0px; border:none; clear:both; visibility:hidden;}
.master {
	width:809px;
	margin:0 auto;
	background:url(templates/snf07/images/rounded-bottom.jpg) bottom no-repeat;
	padding-bottom:19px;
	}
#nav {
	background: url(templates/snf07/images/nav-bg.jpg) no-repeat;
	padding:0 0 5px 0;
	text-align:center;
	min-height:20px;
	}	

/*#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}

#nav li {
	display:inline;
	text-align:center;
	}

#nav li a, a:active{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	padding:3px 12px;
	}
	
#nav li a:hover{
	color:#003a7a;
	background-color:#fff783;
	}
*/
#wrapper {
	background:url(templates/snf07/images/wrapper-bg.jpg) repeat-y;
	}
	
#rightSide{width:241px; float:right;}
#rightSide2{width:241px; float:right; padding:0px; background:#FFFFFF;}
#leftSide{ width:500px; float:left;}

#content {
	padding:10px 20px 0 20px;
	}

/*#content a, #content a:link, #content a:visited {
	color:#689abb;
	font-weight:bold;
	text-decoration:none;
	}

#content a:hover {
	background-color:#fff9b5;
	text-decoration:underline;
	}*/

object.homeVideo{padding:10px; background:#E4EFF5; border:1px solid #9DC1D6; margin:0 auto; text-align:center; overflow:hidden; display:block; width:425px;}

#content a {
	color:#689abb;
	font-size:10pt;
	text-decoration:none;
	font-weight:bold;
	font-family: verdana, arial, helvetica, sans-serif;
	}
#content a:link {color:#689abb; padding:0;}
#content a:visited {color:#689abb;padding:0;}
#content a:hover {background-color:#fff9b5;padding:0; text-decoration:underline;}

#content p{line-height:1.3em;}

#content ul {list-style-image:url(templates/snf07/images/sun.gif); }
#content li {color:#4c7db2; font-size:12px; font-weight:bold; line-height:22px; }
#content h1 {
	color:#2e3192;
	font-size:14pt;
	/*margin-bottom:-12px;*/
	}
.componentheading{	
	color:#2e3192;
	font-size:14pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#content h2 {
	color:#00adef;
	font-size:12pt;
	padding-bottom:10px;
	/*margin:0 0 -12px 0;*/
	}	
h2+p{
	margin-top:-12px;
	}
h2+table{
	margin-top:-20px;
	}
		
#content h3 {
	color:#00adef;
	font-size:10pt;
	font-weight:bold;
	margin-bottom:-12px;
	}	
h3.sectiontableheader{margin-bottom:20px!important;}

/* Footer */
#footer {
	margin:0 auto;
	width:779px;
	border:#003a7a solid 2px;
	border-top:0;
	padding-bottom:6px;
	}
	
/*#footer p,td {
	margin-top:0;
	color:#383cae;
	}*/

.footer_bottom {
	margin:0 auto;
	width:783px;
	padding:4px 0;
	background: url(templates/snf07/images/footer-bottom.jpg) no-repeat;
	min-height:25px;
	}

.footer_bottom ul {
	list-style-type:none;
	margin:0;
	padding:0;
	}

.footer_bottom li {
	display:inline;
	text-align:center;
	}

.footer_bottom /*li*/ a, a:active, a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6e9ac6;
	text-decoration:none;
	/*padding:3px 8px;*/
	}
	
.footer_bottom /*li*/ a:hover{
	color:#fff783;
	text-decoration:underline;
	}
	
/* Sidebar */
#sidebar {
	margin:10px 20px 0 20px;
	padding-top:9px;
	float:right;
	width:201px;
	background:#003a7a url(templates/snf07/images/sidebar-top.gif) top no-repeat;
	}
	
#sidebar .top {
	background:url(templates/snf07/images/wave-first.jpg) top no-repeat;
	min-height:83px;
	border-right:#4c7db2 solid 2px;
	border-left:#4c7db2 solid 2px;
	}
	
#sidebar .middle {
	background:url(templates/snf07/images/wave-second.jpg) top no-repeat;
	min-height:83px;
	border-right:#4c7db2 solid 2px;
	border-left:#4c7db2 solid 2px;
	}
	
#sidebar .bottom {
	background:url(templates/snf07/images/wave-third.jpg) top no-repeat;
	min-height:83px;
	border-right:#4c7db2 solid 2px;
	border-left:#4c7db2 solid 2px;
	}
	
#sidebar .top h1 {
	color:#00adef;
	font-size:14px;
	margin-top:0;
	padding:0;
	}
	
#sidebar h1 {
	color:#00adef;
	font-size:14px;
	margin-top:0;
	padding-top:6px;
	}
#sidebar ul {
	margin-top:35px;
	margin-bottom:0;
	padding-bottom:8px;
	}
#sidebar li {
	color:#fff;
	margin-left:-8px;
	}
	
#ContactUs{width:100%;}
#formContent{width:300px; float:left;}
/* ###### Items from DB Product Forms  #########
#formContent H1{margin-bottom:2em; text-align:center; color:#0e35a5; background:url(templates/snf07/images/formPic.jpg) no-repeat; width:355px; padding-top:250px;} 
.steps3{font-size:12pt!important; font-family:Arial, Helvetica, sans-serif!important;}
.steps3 strong{font-weight:bold; color:#CC0000;}
.ctaSteps{margin-bottom:30px;}
.ctaSteps img{ float:left; margin-right:10px;}
*/
#formHolder{width:400px; float:right; margin:90px 0 0 10px;}
#formFrame{ padding-left:0px; background:#d3def8; border-right:2px solid #9cabd0; border-left:2px solid #9cabd0; min-height:450px; font-weight:bold; font-size:10px;}

.form_label, .form_field{border-bottom:2px solid #FFF;}
.form_field{padding-bottom:3px;}


#contactUs, .contentpaneopen{width:100%;}

#formFrame td{padding-left:10px;}
#formFrame tr.frmBorderRow td{border-bottom:2px solid #FFF;}


#contact_form .form_field input{display:block; width:265px;}

/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */


/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, .textfieldInvalidFormatMsg,.textfieldMinValueMsg,.textfieldMaxValueMsg,.textfieldMinCharsMsg,.textfieldMaxCharsMsg,.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,.textfieldMinCharsState .textfieldMinCharsMsg,.textfieldMaxCharsState .textfieldMaxCharsMsg{
	display: block;	color: #CC3333;	border: 0px solid #CC3333;	font-size:10px;	
}



/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}





/* ### Dropdown Menu Styles  ### */
.transMenu {
 position:absolute ; 
 overflow:hidden; 
 left:-1000px; 
 top:-1000px; 
}
.transMenu .content {
 position:absolute  ; 
}
.transMenu .items {
 border: 0px solid #FFFFFF ; 
 position:relative ; 
 left:0px; top:0px; 
 z-index:2; 
}
.transMenu  td
{
 padding: 5px 5px 5px 5px !important;  
 font-size: 14px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: center !important ; 
 font-weight: bold !important ; 
 color: #ffffff !important ; 
} 
#subwrap 
{ 
 text-align: left ; 
}
.transMenu  .item.hover td
{ 
 color: #003a7a !important ; 
}
.transMenu .item { 
 text-decoration: none ; 
 cursor:pointer; 
 cursor:hand; 
}
.transMenu .background {
 background-color: #11B8F4 !important ; 
 position:absolute ; 
 left:0px; top:0px; 
 z-index:1; 
 opacity:0.85; 
 filter:alpha(opacity=85) 
}
.transMenu .shadowRight { 
 position:absolute ; 
 z-index:3; 
 top:-3000px; width:2px; 
 opacity:0.85; 
 filter:alpha(opacity=85)
}
.transMenu .shadowBottom { 
 position:absolute ; 
 z-index:1; 
 left:-3000px; height:2px; 
 opacity:0.85; 
 filter:alpha(opacity=85)
}
.transMenu .item.hover {
 background-color: #fff783 !important ; 
}
.transMenu .item img { 
 margin-left:10px !important ; 
}
table.menu {
 top: 0px; 
 left: 0px; 
 position:relative ; 
 margin:0px !important ; 
 border: 0px solid #FFFFFF ; 
 z-index: 1; 
}
table.menu a{
 margin:0px !important ; 
 padding: 4px 12px 0px 12px !important ; 
 display:block !important; 
 position:relative !important ; 
}
div.menu a,
div.menu a:visited,
div.menu a:link {
 height:19px; 
 font-size: 14px !important ; 
 font-family: Arial, Helvetica, sans-serif !important ; 
 text-align: center !important ; 
 font-weight: bold !important ; 
 color: #FFffff !important ; 
 text-decoration: none !important ; 
 margin-bottom:0px !important ; 
 display:block !important; 
 white-space:nowrap ; 
}
div.menu td {
 border-bottom: 0px dashed #FFC819 ; 
 border-top: 0px dashed #FFC819 ; 
 border-left: 0px dashed #FFC819 ; 
 background-color: #003a7a !important ; 
} 
div.menu td.last {
 border-right: 0px dashed #FFC819 ; 
} 
#trans-active a{
 color: #003a7a !important ; 
 background-color: #fff783 !important ; 
} 
#menu a.hover   { 
 color: #003a7a !important ; 
 background-color: #fff783 !important ; 
}
#menu span {
 display:none; 
}






/* Xcellimark Footer */
#copyRight{ float:left; width:200px;font-size: 9px!important; padding-left:5px;color: #BBB !important;}
#xcellTag{
	font-weight:bold!important;
	float:right;
	width:400px;
	padding-right:20px;
	text-align:right;
	color: #BBB;
	font-size: 9px!important;
	font-family: Arial!important;
}
a.xcell{border:none!important; padding:0!important; margin:0!important;}
a.xcell:link, a.xcell:visited, a.xcell:active {text-decoration: none; color: #BBB !important;font-size: 9px!important;}
a.xcell:hover {text-decoration: underline; color: red!important;font-size: 9px!important;}

	
/* Joomla CSS fix */
.moduletable {width:100%;}
.zmg-slideshow-control{clear:both;}


/* COUPONS */
#Allcoupons{ width:480px; height:450px}
#getCoupon{ padding:10px 0 0 30px;}
#getCoupon a:hover { background:#FFFFFF;}
#getCoupon2{ padding:0px 0 10px 30px;}
.cuponCont{ width: 215px; height:193px; display: block; margin-bottom:10px;float:left;}
.frst{ margin-right:50px; float:left}
.scnd{ float:right}

#coupons{ position:relative; width: 215px; height:193px; text-align:center;margin:0px; padding:10px; font-family:Verdana, Arial, Helvetica, sans-serif; display:block;}
.cpTxt{ position: absolute; z-index:500; top:0; left:0; margin:20px 0 0 20px;}
.toptxt{ font-size:25px; width:193px; padding-bottom:5px;}
.midtxt{ font-size:14px; width:193px;padding-bottom:5px;}
.midtxt p, .bottomtxt p {margin:0; }
.mid2txt{ font-size:12px; width:193px;padding-bottom:5px;}
.mid3txt{ font-size:14px; font-weight:bold; width:193px;padding-bottom:5px;}
.bottomtxt{ font-size:9px; width:193px; font-family:Arial, Helvetica, sans-serif;}/* END COUPONS */