/*------------------- Top CSS ------------------- */

/* Logo CSS  */
.logo{padding:0px 10px 0px 0px; float:left; width:auto;}

/* Top right pannel CSS  */
.topright{width:auto; float:right; padding-right:20px; padding-bottom:13px;}

/* top nav */
.nav {float:left; width:580px;}
.nav ul {list-style:none; float:left;}
.nav li { display:inline;}
.nav li a {padding:9px 11px 9px 11px; background:#0a3b5f; float:left; margin-right:2px;}
.nav li a:hover {background:#1778bf;}
.nav li a.active {padding:9px 11px 9px 11px; background:#1f7cc2;}

/*------------------- Home left CSS ------------------- */
.greenbox {float:left; background:url('../images/shadow.gif') no-repeat left top; width:629px; padding-left:11px}
.greenbox a {color:#606060; text-decoration:none;}
.greenbox div {float:left; background:#edf0cc url('../images/grad-green.gif') repeat-x left top; padding:18px; width:593px}
.greenbox h1 {font-size:28px; font-weight:bold; color:#41687b; padding-bottom:5px;}
.greenbox p {line-height:17px;}

.greenboxbig {float:left; background:url('../images/shadow.gif') no-repeat left top; width:955px; padding-left:11px}
.greenboxbig .gradgreen {float:left; background:#edf0cc url('../images/grad-green.gif') repeat-x left top; padding:18px; width:919px; height:165px}
.greenboxbig h1 {font-size:18px; color:#000000; font-weight:normal; padding-bottom:5px;}
.greenboxbig p {line-height:17px; font-size:24px; color:#084471; font-weight:bold;}
.sampleblock {float:left; width:919px; margin-top:20px;}

.boxorange {float:left; background:url('../images/bg-orange.gif') no-repeat left top; height:101px; width:219px; margin-right:14px}
.boxgreen {float:left; background:url('../images/bg-green.gif') no-repeat left top; height:101px; width:219px; margin-right:14px}
.boxblue {float:left; background:url('../images/bg-blue.gif') no-repeat left top; height:101px; width:219px; margin-right:14px}
.boxpurple {float:left; background:url('../images/bg-purple.gif') no-repeat left top; height:101px; width:219px}

.gradpattern {float:left; background:url('../images/pattern-bg.gif') no-repeat left top; margin-top:10px; height:166px; width:653px}
.gradpattern h1{font-size:14px; font-weight:bold; color:#41687b; text-transform:capitalize; display:inline;}
.gradpattern a {color:#606060; text-decoration:none;}

a.linkblue {text-decoration:underline; color:#376798;}
a.linkblue:hover {text-decoration:none;}

.gradpattern .websolution {float:left; width:270px; padding:15px 0px 0px 30px;}
.gradpattern .websolution p {padding:5px 0px;}
.gradpattern .websolution ul {list-style:none; float:left;}
.gradpattern .websolution li {padding:2px 0px 2px 18px;}


.bullet-triangle {background:url('../images/bullet-triangle.gif') no-repeat 0px 5px;}
.gradpattern .internet {float:left; width:270px; padding:15px 0px 0px 0px; margin-left:40px;}
.gradpattern  p {padding:5px 0px;}
.gradpattern .internet ul {list-style:none; float:left;}
.gradpattern .internet li {padding:2px 0px 2px 18px;}

.gradbox {float:left; background:url('../images/grad-box.gif') no-repeat left top; height:236px; width:653px}
.gradbox h1{font-size:14px; font-weight:bold; color:#41687b; text-transform:capitalize; display:inline; width:100%;}
.gradbox img {padding-bottom:8px;}
.gradbox .partner {float:left; width:270px; padding:20px 0px 0px 28px;}
.gradbox .partner p {float:left; padding-bottom:5px; padding-left:5px;}
.gradbox .client {float:left; width:284px; padding-top:20px; margin-left:43px;}
.gradbox .client p {float:left; padding-bottom:5px; padding-left:5px;}
.gradbox .memberlogin{width:273px; float:left; padding-left:5px;}
.gradbox .btnlogin {float:left;width:62px; height:24px; border:0px none; cursor:pointer}

/*------------------- Home right CSS ------------------- */
.gradgrey {float:left; background:url('../images/grad-grey.gif') repeat-x left top; width:316px; height:70px}
.gradgrey span {float:left; padding:13px 8px 0px 15px;}
.gradgrey h1 {font-size:14px; font-weight:normal; color:#000000; padding-top:13px;}
.gradgrey .holder {float:left; width:240px; color:#376798;}
.gradgrey .holder a {font-size:10px; text-decoration:underline; color:#376798;}
.gradgrey .holder a:hover {text-decoration:none;}

.gradorange {float:left; background:url('../images/grad-orange.gif') no-repeat left top; width:286px; height:136px; margin-top:10px; padding:15px}
.gradorange h1{font-size:14px; font-weight:bold; color:#41687b; text-transform:capitalize; width:280px; display:inline;}
.gradorange p {color:#000000; float:left; padding:5px 0px; height:98px; overflow:hidden; width:290px;}
.gradorange a {font-size:11px; text-decoration:underline; color:#376798;}
.gradorange a:hover {text-decoration:none;}

.gradgreen {float:left; background:url('../images/green-box.gif') no-repeat left top; width:316px; height:236px; font-size:11px}
.gradgreen img {padding:25px 0px 10px 15px;}
.gradgreen ul {list-style:none; padding-left:15px; padding-right:10px;}
.gradgreen li {color:#f1913b; font-weight:normal;}
.gradgreen .date {color:#f1913b; font-weight:bold;}
.gradgreen .line {background:url('../images/dooted-line.gif') repeat-x left center; height:15px; margin:0px 15px}

.gradgreen-new {float:left; background:url('../images/green-box.gif') no-repeat left top; width:316px; height:118px; font-size:11px}
.gradgreen-new img {padding:25px 0px 10px 15px;}
.gradgreen-new ul {list-style:none; padding-left:15px; padding-right:10px;}
.gradgreen-new li {color:#f1913b; font-weight:normal;}
.gradgreen-new .date {color:#f1913b; font-weight:bold;}
.gradgreen-new .line {background:url('../images/dooted-line.gif') repeat-x left center; height:15px; margin:0px 15px}

.lighblue-new {float:left; background:url('../images/lightblue-box.gif') no-repeat left top; width:316px; height:118px; font-size:11px}
.lighblue-new img {padding:25px 0px 10px 15px;}
.lighblue-new ul {list-style:none; padding-left:15px; padding-right:10px;}
.lighblue-new li {color:#f1913b; font-weight:normal;}
.lighblue-new .date {color:#f1913b; font-weight:bold;}
.lighblue-new .line {background:url('../images/dooted-line.gif') repeat-x left center; height:15px; margin:0px 15px}

/*------------------- Footer CSS ------------------- */

.footer {background:#0a3b5f; /*height:140px;*/ float:left; width:100%; padding:20px 0px; margin-top:70px;}
.footer .footerinner {width:976px; margin:0 auto; color:#ffffff;}
.footer .footerinner img {float:right;}
.footer .footerinner a {color:#ffffff; text-decoration:none; line-height:20px;}
.footer .footerinner a:hover {text-decoration:underline;}
.footer .footerinner .copy {color:#55aae9; padding-bottom:10px;}

/*------------------- Landing Pages CSS ------------------- */
.orangebox {float:left; background:url('../images/shadow.gif') no-repeat left top; width:193px; padding-left:11px; padding-bottom:20px}
.orangeboxdivheader {float:left; background:#f1903b; padding:7px 7px 7px 13px; width:173px;}
.orangeboxdivcontent {float:left; background:#e6e6e6 url('../images/grad-grey.gif') repeat-x left bottom; width:193px}
.orangeboxdivcontent ul {float:left; list-style:none; padding-top:10px;}
.orangeboxdivcontent li {float:left; border-top:1px solid #d5d5d5; /*width:193px;*/}
.orangeboxdivcontent li a {color:#f1903b; font-weight:bold; font-size:12px; text-decoration:none; float:left; background:url('../images/bullet-orange.gif') no-repeat 15px 6px; width:168px; padding-left:25px; padding-right:0px; padding-top:3px; padding-bottom:3px}
.orangeboxdivcontent li a:hover {text-decoration:none; background-color:#ebd7c5;}
.orangeboxdivcontent li a.active {text-decoration:none; background-color:#ebd7c5;}

.quickform {float:left; background:url('../images/shadow.gif') no-repeat left top; width:193px; padding-left:11px}
.quickformdivheader {float:left; background:#346797; padding:7px 7px 7px 13px; width:173px;}
.quickformdivcontent {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:173px; padding:10px}

/**** for seo ppc page *****/
.quickform_new {float:left; background:url('../images/shadow.gif') no-repeat left top; width:203px; padding-left:11px}
.quickformdivheader_new {float:left; background:#346797; padding:7px 7px 7px 13px; width:183px;}
.quickformdivcontent_new {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:183px; padding:10px}
/**** for seo ppc page *****/




.form {float:left; width:173px; color:#346797; overflow:hidden;}
.form1 label { float:left;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;margin-top:8px;width:55px;}
.form1 input{width:105px;}

.form label {float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:66px; margin-top:10px;}
.form .textfield {float:right; width:93px; padding:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000000; height:15px; margin-top:2px; margin-right:0px;}
.form textarea {float:left; width:165px; padding:2px; font-size:11px; height:50px; margin:0px 0px 4px 0px;}
.form span {color:#f1903b;}
.form b {color:#f1903b; font-weight:bold; font-size:12px; padding:5px 0px; margin-top:5px; width:100%; float:left;}
.checkbox {float:left; width:15px; height:15px; border:0px; padding:0px; margin-top:2px;}
label.chkboxlabel {float:left; font-weight:normal; width:150px; margin-top:2px; margin-right:0px;}
input.codeinput{width:165px; margin:4px 0px; padding:2px;}
.form p{margin:5px 0px; float:left;}

.crum{float:left; background-color:#f5f8de; padding:7px 20px 0px 20px; height:22px; color:#606060; font-weight:bold; width:512px; margin-bottom:4px;}
.crum a{color:#ffa059; text-decoration:underline; margin:0px 5px;}
.crum a:hover{text-decoration:none;}

.headerbg{float:left; background:url('../images/headerbg.gif') no-repeat; width:486px; height:37px; font-size:28px; color:#42687b; margin-bottom:1px; font-weight:bold; padding-left:56px; padding-right:10px; padding-top:10px; padding-bottom:0px}
.headerbg h1 {float:left; width:486px; height:37px; font-size:28px; color:#42687b; margin-bottom:1px; font-weight:bold;}

.contentbase{float:left; width:504px; background:url('../images/contentbg.gif') repeat-x top; line-height:20px; padding-left:24px; padding-right:24px; padding-top:24px; padding-bottom:0px}
.contentbase a {color:#606060; text-decoration:none;}
.contentbase h2{font-weight:bold; font-size:12px; magin:0px; padding:0px;}

.rightarea {float:left; background:url('../images/shadowright.gif') no-repeat right top; width:193px; padding-right:11px; padding-bottom:5px}
.rightareaheader {float:left; background:#346797; padding:7px 7px 7px 13px; width:173px;}
.rightareacontent {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:193px}
.rightareacontent ul {float:left; list-style:none; padding:10px 0px 10px 15px;}
.rightareacontent li {float:left; width:178px;}
.rightareacontent li a {color:#346797; font-size:12px; text-decoration:underline; float:left; background:url('../images/bullet-blue.gif') no-repeat 0px 6px;; padding-left:10px; padding-right:0px; padding-top:3px; padding-bottom:3px}
.rightareacontent li a:hover {text-decoration:none;}

.rightarea2 {float:left; background:url('../images/shadowright.gif') no-repeat right top; width:193px; padding-right:11px; padding-bottom:5px}
.rightareaheader2 {float:left; background:#45739e; padding:7px 7px 7px 13px; width:173px;}
.rightareacontent2 {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:193px}
.rightareacontent2 ul {float:left; list-style:none; padding:10px 0px 10px 15px;}
.rightareacontent2 li {float:left; width:178px;}
.rightareacontent2 li a {color:#346797; font-size:12px; text-decoration:underline; float:left; background:url('../images/bullet-blue.gif') no-repeat 0px 6px;; padding-left:10px; padding-right:0px; padding-top:3px; padding-bottom:3px}
.rightareacontent2 li a:hover {text-decoration:none;}

.rightarea3 {float:left; background:url('../images/shadowright.gif') no-repeat right top; width:193px; padding-right:11px; padding-bottom:5px}
.rightareaheader3 {float:left; background:#688bad; padding:7px 7px 7px 13px; width:173px;}
.rightareacontent3 {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:193px}
.rightareacontent3 ul {float:left; list-style:none; padding:10px 0px 10px 15px;}
.rightareacontent3 li {float:left; width:178px;}
.rightareacontent3 li a {color:#346797; font-size:12px; text-decoration:underline; float:left; background:url('../images/bullet-blue.gif') no-repeat 0px 6px;; padding-left:10px; padding-right:0px; padding-top:3px; padding-bottom:3px}
.rightareacontent3 li a:hover {text-decoration:none;}

.clientnews {float:left; background:url('../images/shadowright.gif') no-repeat right top; width:193px; padding-right:11px}

.article {float:left; background:url('../images/grad-orange-small.gif') no-repeat left top; width:193px; height:172px}
.article img {padding:10px 10px 0px 10px}
.article p {width:170px; height:103px; padding:4px 10px 10px 10px; color:#000000; font-size:11px;}
.article a {font-size:11px; float:left; padding-left:10px;}

.listing {float:left; color:#346797; margin-bottom:13px; width:504px;}
.listing ul {float:left; list-style:none;}
.listing li {float:left; padding:0px 10px; width:480px;}
.listing li li {float:left; padding:0px 10px; width:460px;}
.listing li li li {float:left; padding:0px 10px; width:440px;}
.listing li li li li {float:left; padding:0px 10px; width:420px;}
.listing .bulletorange {background:url('../images/bullet-orange.gif') no-repeat 0px 5px;}
.listing a {color:#346797; text-decoration:none;}
.listing a:hover {text-decoration:none;}
a.linkorange {color:#f1903b; text-decoration:underline;}

.partnerlogohold {float:left; width:500px; margin-bottom:13px;}
.partnerlogo {border:1px solid #efefef; background-color:#ffffff; float:left; width:130px; height:65px; padding-top:5px; text-align:center; margin-right:4px; margin-bottom:4px;}
.picborder {border:1px solid #efefef; background-color:#ffffff; float:left; width:auto; height:auto; padding:5px; text-align:center; margin-right:4px; margin-bottom:4px;}
.heading {color:#f1903b; font-size:16px; font-weight:bold;}
.heading2 {color:#346797; font-size:13px; font-weight:bold;}
td {padding:5px;}
.table td {padding:0px;}
.textarea2 {float:left; width:200px; padding:2px; font-size:11px; height:50px; font-family:Arial, Helvetica, sans-serif;}
.input2 {float:left; width:200px; padding:2px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
table{float:left; margin-bottom:10px; margin-top:15px;}

.gradboxbig {float:left; background:#ffffff url('../images/grad-box1.jpg') no-repeat left top; width:734px; padding-left:30px; margin-bottom:20px}
.gradboxbig p {float:left; color:#000000; font-size:16px; padding:15px 0px 10px 0px; width:100%;}
.gradboxbig span {float:left; color:#084471; font-size:16px; width:100%; padding-bottom:10px;}
.gradboxbig strong {font-weight:normal; text-transform:uppercase; font-size:18px;}
/*.gradboxbig div {float:left; background:url(../images/shadow-btm.jpg) right bottom no-repeat; width:764px;}	*/

.headorange {float:left; background:url('../images/tick-orange.jpg') no-repeat 0px 0px; padding-left:35px; color:#e87821; font-size:20px; margin-top:15px; margin-bottom:10px; width:100%}
.headgreen {float:left; background:url('../images/tick-green.jpg') no-repeat 0px 0px; padding-left:35px; color:#9dbc1f; font-size:20px; margin-top:15px; margin-bottom:10px; width:100%}
.headblue {float:left; background:url('../images/tick-blue.jpg') no-repeat 0px 0px; padding-left:35px; color:#327ec6; font-size:20px; margin-top:15px; margin-bottom:10px; width:100%}

.listing1 {float:left; color:#346797; width:720px;}
.listing1 ul {float:left; list-style:none;}
.listing1 li {float:left; width:675px; background:url('../images/arrow.gif') no-repeat 20px 6px; color:#606060; padding-left:35px; padding-right:0px; padding-top:3px; padding-bottom:3px}

.primebox {float:left; padding-left:10px;}
.prime {float:left; background:url('../images/you-may.gif') no-repeat left top; width:956px}
.prime ul {list-style:none; float:left; margin-top:75px; padding-bottom:10px;}
.prime li {width:250px; padding:2px 5px 5px 18px;}
.prime li a {text-decoration:none; color:#376798;}
.prime li a:hover {text-decoration:underline;}

.brandlogo {float:left; background:url('../images/shadow.gif') no-repeat left top; width:193px; padding-left:11px}
.brandlogoheader {float:left; background:#346797; padding:7px 7px 7px 13px; width:173px;}
.brandlogocontent {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:173px; padding:10px}

/**** for seo ppc page *****/
.brandlogo_new {float:left; background:url('../images/shadow.gif') no-repeat left top; width:203px; padding-left:11px}
.brandlogoheader_new {float:left; background:#346797; padding:7px 7px 7px 13px; width:183px;}
.brandlogocontent_new {float:left; background:#e8e8e8 url('../images/grad-grey-big.gif') repeat-x left bottom; width:183px; padding:10px}
/**** for seo ppc page *****/

.form1 label { float:left;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-weight:bold;

margin-top:8px;

width:58px;

}
.form1 input{width:102px; margin-bottom:5px;}
.form1 textarea{width:162px;}


/**** for seo ppc page *****/
.form1_new label { float:left;

font-family:Arial,Helvetica,sans-serif;

font-size:12px;

font-weight:bold;

margin-top:8px;

width:68px;

}

.form1_new input{width:102px; margin-bottom:5px;}
.form1_new textarea{width:162px;}
/**** for seo ppc page *****/