﻿@charset "utf-8";
@import url("nivo-slider.css");
@import url("nivo-default.css");
@import url("megamenu.css");


/* reset */

body { 
	font: .8em Arial, Verdana, Tahoma, Sans-Serif; 
	background: #fff url(../images/bgtile.jpg) repeat-x;
	color: #555; 
	margin: 0; padding: 0;
}

a 			{text-decoration: none; color: #c50001;}
a:hover 	{color: #0077c2; text-decoration: underline;}

p 			{margin: 0 0 1.1em 0; padding: 0;}
td 			{vertical-align: top;}
b, strong 	{font-weight : bold;}
img 		{border: 0;}
.clear		{clear: both;}

h1, h2, h3, h4 .gridh2 {font-family: Arial, Helvetica, sans-serif; color: #37526f;}
h1 {font-size : 20px; font-weight: normal; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h2 {font-size : 18px; font-weight: bold; margin:0 0 7px 0; padding:0; line-height: 1.1em;}
h3 {font-size : 14px; font-weight: bold; margin:0 0 6px 0; padding:0; line-height: 1.1em;}
h4 {font-size : 12px; font-weight: bold; margin:0 0 5px 0; padding:0; line-height: 1.1em;}
.gridh2 {font-size : 18px; font-weight: bold; margin:0 0 7px 0; padding:0; line-height: 1.1em;text-align:center;width:100%;}
a 			{text-decoration: none; color: #1c6298;}
a:hover 	{color: #278ad6; text-decoration: underline;}
#grdNotes th {text-align:center;}
#grdNotes th span {width:100%;}
#grdDocument {width:100%}
#grdDocument th{padding:5px;border-spacing:0px;border-width:0px;text-align:center;font-weight:bold;height:22%;vertical-align:top;}
#grdDocument .cols{width:70%;vertical-align:middle;height:30px;text-align:left;}
#grdDocument .buttons{width:15%;vertical-align:middle;height:30px;text-align:center;}
/* Basic layout definition */
#header,
#topNavigation,
#megamenu,
#mainSlider,
#pageContent,
#contentWrap,
#content_wrap,
#bottomSection,
#footer {width: 960px; margin: 0 auto 0 auto; clear: both;}

#content_wrap {background: #FFF; height: 100%; overflow: hidden;}

/* Header */
#logoPrint 						{display: none;}
#header 						{height: 100px; background: url('../images/bgr_header.jpg') no-repeat top left; position: relative;}
#header a:hover 				{text-decoration: none;}

#header #logo 					{float: left; margin: 20px 0 0 0;}
#header #telNumber 				{font-size: 20px; font-weight: bold; position: absolute; top: 65px; right: 0px; color: #09347a;}
#header #telNumber img 			{vertical-align: middle; margin: 0 5px 0 0;}
#header #tagline 				{position: absolute; top: 67px; left: 520px;}

#header #topLinks 				{position: absolute; top: 15px; right: -10px;}
#header #topLinks ul 			{margin: 0; padding: 0; list-style: none;}
#header #topLinks .first 		{border-left: 0;}
#header #topLinks li 			{float: left; border-left: 1px solid #4d8ab0;}
#header #topLinks a 			{text-decoration: none; padding: 0 10px 0 25px; color: #1b3180; line-height: 1.1em; font-weight: bold;}
#header #topLinks a:hover 		{color: #70849a;}
#header #topLinks #icoFAQ 		{background: url('../images/ico_faq.png') no-repeat 5px 0;}
#header #topLinks #icoBlog 		{background: url('../images/ico_blog.png') no-repeat 5px 0;}
#header #topLinks #icoSitemap 	{background: url('../images/ico_sitemap.png') no-repeat 5px 0;}

/* topLinks class */

#header .topLinks 				{position: absolute; top: 15px; right: -10px;}
#header .topLinks ul 			{margin: 0; padding: 0; list-style: none;}
#header .topLinks .first 		{border-left: 0;}
#header .topLinks li 			{float: left; border-left: 1px solid #4d8ab0;}
#header .topLinks a 			{text-decoration: none; padding: 0 10px 0 25px; color: #1b3180; line-height: 1.1em; font-weight: bold;}
#header .topLinks a:hover 		{color: #70849a;}
#header .topLinks #icoFAQ 		{background: url('../images/ico_faq.png') no-repeat 5px 0;}
#header .topLinks #icoBlog 		{background: url('../images/ico_blog.png') no-repeat 5px 0;}
#header .topLinks #icoSitemap 	{background: url('../images/ico_sitemap.png') no-repeat 5px 0;}


.CenterText{text-align:center;}
#logincontroll table {padding:0;width:100%;border:0px;}
.errTxt {font-weight:bold;color:#CC0000;}

/* Top Navigation */
#topNavigation 				{height: 30px; margin-bottom: 22px; font-weight: bold; /*background: url('../images/bgr_top_navigation.png') no-repeat 0 0;*/
							border: 1px solid #e8edf4; overflow: hidden;
							
							background: #e8edf4; /* Old browsers */
							background: -moz-linear-gradient(top,  #e8edf4 0%, #bccada 100%); /* FF3.6+ */
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8edf4), color-stop(100%,#bccada)); /* Chrome,Safari4+ */
							background: -webkit-linear-gradient(top,  #e8edf4 0%,#bccada 100%); /* Chrome10+,Safari5.1+ */
							background: -o-linear-gradient(top,  #e8edf4 0%,#bccada 100%); /* Opera 11.10+ */
							background: -ms-linear-gradient(top,  #e8edf4 0%,#bccada 100%); /* IE10+ */
							background: linear-gradient(to bottom,  #e8edf4 0%,#bccada 100%); /* W3C */
							filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8edf4', endColorstr='#bccada',GradientType=0 ); /* IE6-9 */

							
							-webkit-box-shadow:  2px 2px 2px 1px rgba(155, 162, 219, 80);
							box-shadow: 2px 2px 2px 1px rgba(155, 162, 219, 80);
							-moz-box-shadow: 2px 2px 2px 1px rgba(155, 162, 219, 80);
							box-shadow: 0 1px 3px #8493A6;
							
							-moz-border-radius: 6px;
							-webkit-border-radius: 6px;
							-o-border-radius: 6px;
							border-radius: 4px 4px 4px 4px;
						    
							}
#topNavigation ul 			{margin: 0; padding: 6px 0 0 0; list-style: none; overflow: hidden;}
#topNavigation li 			{float: left; padding: 0 0 0 0;}
#topNavigation li.first 	{border-left: 0px solid #606060;}
#topNavigation a 			{color: #000; font-weight: bold; font-size: 16px; padding: 1px 18px 1px 18px; text-decoration: none;  border-left: 1px solid #91dae7; display: block;}
#topNavigation a.selected,
#topNavigation a:hover 		{color: #70849a;}

#topNavigation ul.dropdown 			{position: absolute; top: 29px; background-color: #54595c; z-index: 100; display: none;}
#topNavigation ul.dropdown li		{clear: both !important; border-bottom: 1px solid #666b6e; width: 100%;}
#topNavigation ul.dropdown a 		{display: block; padding: 3px 10px 3px 18px; text-decoration: none; color: #FFF; font-weight: normal;}
#topNavigation ul.dropdown a:hover 	{background-color: #3d4346; color: #2BD5F3;}

/* Slideshow */
#mainSlider {width: 960px; height: 315px; margin-bottom: 25px;}

/* Page content */
.threeColPanel 					{color: #FFF; height: 111px; padding: 20px 0 20px 0; margin: 0 0 30px 0;}
.threeColPanel .colSeparators 	{background: url('../images/bgr_separators.gif') repeat-y 0 0; margin: 0 0 0 0;}
.threeColPanel .leftCol,
.threeColPanel .middleCol,
.threeColPanel .rightCol 		{float: left; width: 319px; margin: 0 0 0 0;}
.threeColPanel a 				{color: #555; text-decoration: none;}
.threeColPanel a:hover 			{color: #2c6ea1;}
.threeColPanel .innerPadding 	{padding: 5px 20px 0 20px;}
.threeColPanel h2 				{padding: 0 0 5px 0; margin: 0; font-size: 18px; font-weight: normal;}
.threeColPanel ul 				{margin: 0 0 15px 15px; padding: 0;}
.threeColPanel .icon 			{float: left;}

/* Widget */
.widget {
		overflow: hidden;
		border: 1px solid #fff;
		
		-webkit-box-shadow: 1px 1px 2px 2px rgba(77, 77, 77, 0.15); 
		-moz-box-shadow: 1px 1px 2px 2px rgba(77, 77, 77, 0.15); 
		box-shadow: 1px 1px 2px 2px rgba(77, 77, 77, 0.15);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#C1C1B7')";  /* For IE 8 */ 
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#C1C1B7'); /* For IE 5.5 - 7 */
		
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px;
		
		background: #fff url('../images/bgr_widget_bottom.png') repeat-x left bottom;
}


/* Bottom section */
#bottomSection 			{color: #FFF; padding: 20px 0px 20px 0px;
						background: #798ea5; /* Old browsers */
						background: -moz-linear-gradient(top,  #798ea5 0%, #5a718c 100%); /* FF3.6+ */
						background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#798ea5), color-stop(100%,#5a718c)); /* Chrome,Safari4+ */
						background: -webkit-linear-gradient(top,  #798ea5 0%,#5a718c 100%); /* Chrome10+,Safari5.1+ */
						background: -o-linear-gradient(top,  #798ea5 0%,#5a718c 100%); /* Opera 11.10+ */
						background: -ms-linear-gradient(top,  #798ea5 0%,#5a718c 100%); /* IE10+ */
						background: linear-gradient(to bottom,  #798ea5 0%,#5a718c 100%); /* W3C */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#798ea5', endColorstr='#5a718c',GradientType=0 ); /* IE6-9 */
						}
#bottomSection .column 	{width: 207px; margin: 0 0 0 30px; float: left;}
#bottomSection #bottomColOne {margin-left: 0;}
#bottomSection a 		{color: #FFF;}
#bottomSection a:hover 	{}
#bottomSection h2,
#bottomSection h3 		{color: #fff;}
#bottomSection h2 		{font-size: 24px; font-weight: normal;}
#bottomSection h3 		{font-size: 20px; font-weight: normal;}
#bottomSection #bottomColThree h2 	{margin: 0;}
#bottomSection .whiteTitle {font-size: 16px; font-weight: bold; padding: 0 0 5px 0;}
#bottomSection .innerContent {background: url('../images/bgr_bottom_separators.png') repeat-y left top; padding: 0px 20px 0px 20px;}
#bottomSection ul {margin: 0 0 0 15px; padding: 0;}
#bottomSection li {}
#bottomSection .socialMedia {padding: 0 0 5px 0;}

#footerExtraInfo 					{text-align: center;}
#footerExtraInfo .paymentMethods 	{padding: 10px 0 10px 0;}
#footerExtraInfo .copyright 		{font-size: 11px; color: #767676;}
#footerExtraInfo .logos 			{padding: 20px 0 20px 0;}

/* Main content */
.main 		{clear: left; float: left; width: 650px; border-right: 1px dotted #ddd; padding: 30px 25px 0 25px; margin: 0 0 30px;}
.homeintro 	{padding: 0 0 20px; margin: 0 0 25px; border-bottom: 1px dotted #ddd;}

/* Home page bits */
#bits 		{clear: both; margin: 0 0 25px;}
.bit 		{float: left; width: 200px; padding: 0 25px 0 0;}
.bit h4 	{margin: 0 0 0px;}
.bit img 	{margin: 0 0 8px; border: 3px solid #FFF; box-shadow: 0 1px 3px #8493A6;}
.bit p 		{}
.bit.last 	{padding-right: 0;}
.more 		{margin: 0;}

/* sidebar */
.sideColumn {float: right; width: 220px;}
.sideColumn h4 	{}

.side {padding: 30px 20px 0 735px;}

.news 		{border-bottom: 1px dotted #ddd; margin: 0 0 11px;}
.news h4 	{}
.news ul 	{margin: 0; padding: 0; list-style: none;}
.news li 	{padding: 5px 0 5px 0;}
.news a 	{color: #555;}
.news a:hover {text-decoration: none; color: #0077c2;}

.quote 		{margin: 0 0 30px; padding: 0px 0 0 0;}

/* side menu */
.side-menu li {list-style: none; padding: 10px 4px; border-bottom: 1px solid #ddd;}

.innerContent {padding: 30px 30px 30px 30px;}

#dvform {
		margin: 30px 0 30px 30px !important;
		
		overflow: hidden;
		border: 1px solid #fff;
		
		-webkit-box-shadow: 1px 1px 2px 2px rgba(77, 77, 77, 0.15); 
		-moz-box-shadow: 1px 1px 2px 2px rgba(77, 77, 77, 0.15); 
		box-shadow: 1px 1px 2px 2px rgba(77, 77, 77, 0.15);
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#C1C1B7')";  /* For IE 8 */ 
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#C1C1B7'); /* For IE 5.5 - 7 */
		
		-webkit-border-radius: 8px; 
		-moz-border-radius: 8px; 
		border-radius: 8px;
		
		background: #fff url('../images/bgr_widget_bottom.png') repeat-x left bottom;
		
		}
		

.input-row { background:none repeat scroll 0 0 !important; width:580px  !important; padding:5px 10px;  float:left;}


#dvform
{
    display:none;
}



.form1
{
    float: left;
    width: 600px;
    margin: 20px 0 0 0;
}
.form1 label span
{
    color: #cc0000;
}
.form1 label
{
    float: left;
    margin: 0px;
    padding: 7px 10px 0 0;
    font-size: 12px;
    color: #58585A;
    width: 60px;
    text-align: right;
}
.form1 .text_div
{
    margin: 0 0 10px;
    float: left;
    width: 525px;
}
.text_div span
{
    color: #FFF;
    text-align: right;
    margin: 0 20px 0 0;
}
.form1 input.comfield
{
    width: 356px;
    border: 1px #e7cfcc solid;
    padding: 7px;
    float: left;
    
    border-radius: 7px;
    -moz-border-radius: 7px;
    webkit-border-radius: 7px;
}
.form1 textarea.comfield
{
    
    border-radius: 7px;
    -moz-border-radius: 7px;
    webkit-border-radius: 7px;
    float: left;
    padding: 7px;
    width: 356px;
}
.form1 select.comfield
{
    
    border-radius: 7px;
    -moz-border-radius: 7px;
    webkit-border-radius: 7px;
    float: left;
    padding: 7px;
    width: 56px;
}
.form1 file.comfield
{
    width: 356px;
    border: 1px #e7cfcc solid;
    padding: 7px;
    float: left;
    
    border-radius: 7px;
    -moz-border-radius: 7px;
    webkit-border-radius: 7px;
}
input.comfield:focus
{
    border: 1px #f1f1e4 solid;
}
select.event
{
    border: 1px #e7cfcc solid;
    float: left;
    
    padding: 7px;
    width: 112px;
    border-radius: 7px;
    -moz-border-radius: 7px;
    webkit-border-radius: 7px;
}


select.event:focus
{
    border: 1px #b41b1b solid;
}
.form1 input.phone_n
{
    border: 1px #e7cfcc solid;
    float: left;
    width: 100px;
    
    padding: 7px;
    -moz-border-radius: 7px;
}
input.phone_n:focus
{
    border: 1px #b41b1b solid;
}
input.btn
{
    border: 1px #2b2a2a solid;
    display: block;
    margin: 0 10px 0 0;
    cursor: pointer;
    padding: 3px;
    float: right;
}
input.btn:hover
{
    background: #666;
}
.form2
{
    margin: 0;
    width: 600px;
}
.form2 .text_div
{
    float: left;
    margin: 0 0 10px;
    width: 525px;
}
.form2 label {
    color: #58585A;
    float: left;
    font-size: 12px;
    margin: 0;
    padding: 7px 10px 0 0;
    text-align: right;
    width: 130px;
}
.form2 input.comfield {
    
    border-radius: 7px 7px 7px 7px;
    float: left;
    padding: 7px;
    width: 356px;
}


.Newsletterbtn
{
    border:medium none;
    padding:0px;
}



#MainContentHolder_divcalender
{
	float:left;
    margin-left:9px;
}

.cal_header
{
    background: url(/MerchantSolutionUSA/images/cal_head.jpg) left top repeat-x #013977;    
    background-color: White;
    border: 1px #aaaaaa solid;
    font-size: 11pt;
    font-family: Arial, Helvetica, sans-serif;  
    width:664px;
    padding:0px;
}
.OtherMonthDayStyle
{
    color:#999999;
}
.SelectedDayStyle
{
    color:White;
    background-color:#CC3333;
}
.SelectorStyle
{
    background-color:#CCCCCC;
    font-weight:bold;
    font-family:Verdana;
    font-size:8pt;
    color:#333333;
    width:1%;
}
.TitleStyle
{
    font-weight:bold;
    font-size:20px;
    color:White;
    height:14pt;
}
.cal_header td
{
    line-height: 40px;
    padding: 0;
    margin: 0;
    vertical-align:top;
}
.cal_header td a
{
    text-decoration: none;
}
.cal_header td a:hover
{
    text-decoration: none;
    color: #999;
}

.cal_daycolor
{
    text-align: left;
    font-size: 14px;
    color: #666666;
    width: 14%;
    vertical-align: top;
}
.cal_daycolor a
{
    text-decoration: none;
    color: #666;
    background-color: #eeeeee;
    display: block;
    padding-left: 5px;
}
.cal_daycolor a:hover
{
    text-decoration: none;
    color: #333 !important;
}
.cal_dayheader
{
     font-weight: bold;
    font-size: 14px;
    background-color: #999999;
    color: #ffffff;
    height: 24px;
    border: none;
}
.cal_dayheader td
{
    border: 0px !important;
}
.cal_todaystyle
{
    text-align: left;
}
.cal_todaystyle a
{
    background-color: #2080BD;
    color: #fff !important;
    display: block;
    padding-left: 5px;
}
.CalNextPre
{
     font-size: 14px;
    color: White;
      padding: 0 10px !important;  
}
a.cal_link{ font-size:12px; color:#003876; text-decoration:underline; padding:0 10px 0 0;  }
a.cal_link:hover{ text-decoration:none;}

.cal_daycolor > a+a,.cal_todaystyle > a+a{background:transparent;padding: 0 0 0 5px;color:#003876 !important;}


/* Jquery Event Calendar Start */
#calendar
{
    width: 700px;
    margin: 0 auto;
}
        /* css for timepicker */
.ui-timepicker-div dl
{
    text-align: left;
}
.ui-timepicker-div dl dt
{
    height: 25px;
}
.ui-timepicker-div dl dd
{
    margin: -25px 0 10px 65px;
}
.style1
{
    width: 100%;
}    
/* table fields alignment*/
.alignRight
{
    text-align:right;
    padding-right:10px;
    padding-bottom:10px;
}
.alignLeft
{
    text-align:left;
    padding-bottom:10px;
}
.success
{
    color:#003300;
    background-color:#eef4e8; 
    border:solid 1px #7db14d;
    padding:2px;
    font-family: "Cambria";
    font-style:italic;
    margin: 2px 0px;
    padding:5px 10px 5px 35px;
}
.error
{
    color:Maroon;
    background-color:#ffdfdf; 
    border:solid 1px #8c0000;
    padding:2px;
    font-family: "Cambria";
    font-style:italic;
    margin: 2px 0px;
    padding:5px 10px 5px 35px;
}