/* -------------------- */
/* Reset */
/* -------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}

body{line-height:1.5}
a img{border:none}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}


/* -------------------- */
/* Grid */
/* -------------------- */
/* A container should group all your columns. */
.container{width:865px; margin:0 auto}

/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, 
div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24{float:left; margin-right:10px}

/* The last column in a row needs this class. */
.last, div.last{margin-right:0}

/* Use these classes to set the width of a column. */
.span-1{width:865px}
.span-2{width:70px}
.span-3{width:110px}
.span-4{width:150px}
.span-5{width:190px}
.span-6{width:230px}

/* Border on right hand side of a column. */
.border{padding-right:4px; margin-right:5px; border-right:1px solid #eee}

/* Use a .box to create a padded box inside a column. */
.box{padding:1.5em; margin-bottom:1.5em; background:#E5ECF9}

/* Use this to create a horizontal ruler across a column. */
hr{background:#ddd; color:#ddd; clear:both; float:none; width:100%; height:.1em; margin:0 0 1.45em; border:none}

hr.space{background:#fff; color:#fff}

/* Clearing floats without extra markup [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after{content:"\0020"; display:block; height:0; clear:both; visibility:hidden; overflow:hidden}
.clearfix, .container{display:block}

/* Regular clearing */
.clear{clear:both}

/* -------------------- */
/* Typography */
/* -------------------- */
/* Default font: % of 16px. (0.75 * 16px = 12px) */
body{font-size:75%; color:#757575; background:#fff url(../../Image/User/background.png) repeat-x; font-family:Arial, Verdana, sans-serif}

h1, h2, h3, h4, h5, h6{font-weight:normal; color:#111}
h1{color:#244a9f; font-size:2.5em; line-height:1; margin-bottom:0.5em}
h2{color:#4e7103; font-size:1.5em; margin-bottom:0.75em}
h3{font-size:1em; line-height:1; margin-bottom:1em}
h4{font-size:.7em; line-height:1.25; margin-bottom:1.25em}
h5{font-size:.5em; font-weight:bold; margin-bottom:1.5em}
h6{font-size:.5em; font-weight:bold}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img{margin:0}

p{margin:0 0 1.5em}
p img.left{float:left; margin:1.5em 1.5em 1.5em 0; padding:0}
p img.right{float:right; margin:1.5em 0 1.5em 1.5em}

a:focus, a:hover{color:#31419a}
a{color:#31419a; text-decoration:underline}


blockquote{color:#575757; margin:22px 40px; padding:0 50px; background:transparent url(../../Image/User/blockquote.gif) no-repeat 0 0}
blockquote span{color:#575757; font-size:inherit}
b, strong{font-weight:bold; color:#31419a;}
em, dfn{font-style:italic}

dfn{font-weight:bold}
sup, sub{line-height:0}

abbr, acronym{border-bottom:1px dotted #666}
address{margin:0 0 1.5em; font-style:italic}
del{color:#666}

pre{margin:1.5em 0; white-space:pre}
pre, code, tt{font:1em 'andale mono','lucida console',monospace; line-height:1.5}

li ul, li ol{margin:0 1.5em}
ul, ol{margin:0 1.5em 1.5em 1.5em}

ul{list-style-type:disc}
ol{list-style-type:decimal}

dl{margin:0 0 1.5em 0}
dl dt{font-weight:bold}
dd{margin-left:1.5em}

.small{font-size:.8em; margin-bottom:1.875em; line-height:1.875em}
.large{font-size:1.2em; line-height:2.5em; margin-bottom:1.25em}
.hide{display:none}
.quiet{color:#666}
.loud{color:#000}
.highlight{background:#ff0}
.added{background:#060; color:#fff}
.removed{background:#900; color:#fff}
.first{margin-left:0; padding-left:0}
.last{margin-right:0; padding-right:0}
.top{margin-top:0; padding-top:0}
.bottom{margin-bottom:0; padding-bottom:0}

/* -------------------- */
/* Buttons */
/* -------------------- */
a.redbtn:link, a.redbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/red_button.gif'); border:1px solid #732b29}
a.redbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/red_button_hover.gif')}
a.redbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.greenbtn:link, a.greenbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.greenbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.greenbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.lgreenbtn:link, a.lgreenbtn:visited{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/green_button.gif'); border:1px solid #4c7329}
a.lgreenbtn:hover{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/green_button_hover.gif')}
a.lgreenbtn:active{font:bold 14px/29px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.bluebtn:link, a.bluebtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/blue_button.gif'); border:1px solid #369}
a.bluebtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/blue_button_hover.gif')}
a.bluebtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#fff !important; text-decoration:none; white-space:nowrap}

a.yellowbtn:link, a.yellowbtn:visited{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; padding:4px 10px; white-space:nowrap; margin:0px; margin-right:5px; background-image:url('../../Image/User/Button/yellow_button.gif'); border:1px solid #73670a}
a.yellowbtn:hover{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap; background-image:url('../../Image/User/Button/yellow_button_hover.gif')}
a.yellowbtn:active{font:bold 10px/25px Verdana,Arial,Helvetica,sans-serif; color:#000 !important; text-decoration:none; white-space:nowrap}

/* -------------------- */
/* Non-Framework */
/* -------------------- */

.siteTop {height:45px; background-color:#31419a;}
.siteMid {margin-top:26px;}
.siteSec {margin-top:14px;background:url('../../Image/bkg_secondary_bluewhite.gif') repeat-y;}
.siteBottom {background:#e7e7e7 url('../../Image/bkg_footergray.jpg') 0px 0px repeat-x;}

#homeMain {}

#homeMain .hmS1 {float:left;width:26px;height:1px;}

#homeMain .hmC1 {float:left;width:271px;}
#homeMain .hmC1 h1 {color:#000; font-size:2.25em; line-height:1; margin-bottom:0.5em;text-align:center;}
#homeMain .hmC1 .newsTitle {color:#31419a; font-size:1.0em; font-weight:bold;}
#homeMain .hmC2 {float:left;width:568px;}
#homeMain .hmC2 h1 {color:#757575; font-size:1.25em; line-height:1.5;}
#homeMain .hmC2 strong {color:#31419a;}
#homeMain .hmC2 .Banner{float:left;width:568px;height:368px;margin-bottom:22px;background:#e7e7e7 url('../../Image/bkg_home_brandsyouknow.jpg') 0px 0px no-repeat;}


#homeMain .dashTabHolder {width:568px;margin-top:179px; padding:0;}
#homeMain .dashTab {float:left;margin-right:5px;height:36px;width:125px; text-align:center;display:block; text-decoration:none; background:url('../../Image/dashTab.gif') 0px 0px no-repeat;}
#homeMain .dashTab .text {font-size:14px;letter-spacing:-0.5px; color:#515759; padding:7px; line-height:2.5; font-weight:bold;}
#homeMain .dashTabS {float:left;margin-right:5px;height:36px;width:125px; text-align:center;display:block; text-decoration:none; background:url('../../Image/dashTabS.gif') 0px 0px no-repeat;}
#homeMain .dashTabS .text {font-size:14px; letter-spacing:-0.5px; color:#ffffff; padding:7px; line-height:2.5; font-weight:bold; }

#homeMain #tabcontainer {height:151px;background-color:#fff;border:solid 3px #fdb813;}
#homeMain #tabTab {background:url(../Images/bkg_tab_background.gif) repeat-x;}


#homeCol {}

#homeCol .hmcS1 {float:left;width:26px;height:1px;}
#homeCol .hmcS2 {float:left;width:26px;height:1px;}

#homeCol .hmcC1 {float:left;width:271px;}


#homeCol .hmcC2 {float:left;width:271px;}
#homeCol .hmcC3 {float:left;width:271px;}

/* Holder Homepage UL */
#homeCol ul{margin:8px 0 0 8px; padding:0; list-style-type:none;}
#homeCol li{margin:0; padding:0px 20px 8px 20px; background:url('../../Image/User/dgn_home_circlebullet.gif') 0px 3px no-repeat; text-align:left;}
#homeCol li a{color:#31419a;font-size:1.05em; text-decoration:none;}
#homeCol li a:hover{color:#31419a;text-decoration:underline;}




#mainNav {}
#mainNav .Nav {float:left;width:750px;}
#mainNav .subNav {float:left;width:115px;margin-top:11px;}
#mainNav .subNav a{color:#fff;font-size:1.05em;font-weight:bold;text-decoration:none;}

.secNavGlobe {width:100%;background:#31419a url('../../Image/bkg_globe_subnav.jpg') top right no-repeat !important;}


#secMain {} 

#secMain .scS1 {float:left;width:14px;height:1px;}

#secMain .scC1 {float:left;width:216px;}
#secMain .scC2 {float:left;width:635px;}



#footerHolder {font-size:12px; color: #31419a;width:865px;text-align:left;margin:20px auto;background:url('../../Image/spacer.gif') 0px 0px no-repeat;}
#footerHolder strong {color: #836242;}
#footerHolder h1{color:#31419a; font-size:1.25em;font-weight:bold; line-height:1; margin-top:0.25em;}
#footerHolder a{color:#31419a;}

#footerHolder .fS1, 
#footerHolder .fS2, 
#footerHolder .fS3 
{
	float:left;width:0px;height:200px;margin-top:5px;border-left:solid 1px #bebebe;border-right:solid 1px #d8d8d8;display:block;
}


#footerHolder .fC1 {float:left;width:184px; padding:0 12px;}/*width:208px;*/
#footerHolder .fC2 {float:left;width:184px; padding:0 12px;}/*width:208px;*/
#footerHolder .fC3 {float:left;width:184px; padding:0 12px;}/*width:208px;*/

#footerHolder .fC1 a, #footerHolder .fC2 a, #footerHolder .fC3 a
{
	font: normal 12px/23px Arial, Verdana, Sans-Serif;
	color: #31419a;
	text-decoration: none;
	}





#footerHolder .fC4 {float:left; color:#31419a; width:215px; padding:0 10px;}/*width:235px;*/


/*********************************/
/*Carousel for BRANDS ********************************/
/*********************************/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 512px; /*Width of Carousel Viewer itself*/
height: 146px; /*Height should enough to fit largest content's height*/
margin-top:5px;
margin-left:26px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:30px 26px 30px 0px; /*margin around each panel*/
width: 64px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
/*********************************/



/*********************************/
/*Carousel for PARTNERS ********************************/
/*********************************/
.stepcarousel2{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 512px; /*Width of Carousel Viewer itself*/
height: 146px; /*Height should enough to fit largest content's height*/
margin-top:5px;
margin-left:26px;

}

.stepcarousel2 .belt2{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;

}

.stepcarousel2 .panel2{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:30px 16px 30px 0px; /*margin around each panel*/
width: 160px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/*********************************/