
body {
	font: .75em Arial, Helvetica, sans-serif;
	color: #000;
	margin:0;
	padding:0;
	background:#fff url(../grfx/bodyBg.gif) repeat-x left top;
}
#mainWrapper {
	width:974px;
	height:auto;
	margin:0 auto;
}
#dvHeader {
	position:relative;
	margin:0 auto;
	width:909px;
	height:93px;
	clear:both;
}
#dvHeader .logoCC {
	background: url(../grfx/logoCC.png) no-repeat left top;
	width:360px;
	height:98px;
	float:left;
}
#dvHeader .campaignGroup {
	float:right;
	margin:35px 15px 0 0;
}
#dvHeader .campaignGroup .dvGroup {
	width:85px;
	height:62px;
	float:left;
	text-align:center;
}
#dvHeader .campaignGroup .dvGroup a {
	color:#fff;
	text-decoration:none;
	text-align:center;/*text-shadow:#000 0 1px 2px;*/
}
#dvHeader .campaignGroup .dvGroup a:hover {
	color:#e2e2e2;
	text-decoration:none;
	text-align:center;/*text-shadow:#000 0 1px 2px;*/
}
#dvHeader .campaignGroup .dvGroup .candidate {
	text-align:center;
	background: url(../grfx/candidateActive.png) no-repeat left top;
	width:32px;
	height:35px;
	margin:4px auto 0 auto;
}
#dvHeader .campaignGroup .dvGroup .candidate:hover {
	background: url(../grfx/candidateOver.png) no-repeat left top;
}
#dvHeader .campaignGroup .dvGroup .politicalParties {
	text-align:center;
	background: url(../grfx/politicalPartiesActive.png) no-repeat left top;
	width:32px;
	height:35px;
	margin:4px auto 0 auto;
}
#dvHeader .campaignGroup .dvGroup .politicalParties:hover {
	background: url(../grfx/politicalPartiesOver.png) no-repeat left top;
}
#dvHeader .campaignGroup .dvGroup .pac {
	text-align:center;
	background: url(../grfx/pacActive.png) no-repeat left top;
	width:32px;
	height:35px;
	margin:4px auto 0 auto;
}
#dvHeader .campaignGroup .dvGroup .pac:hover {
	background: url(../grfx/pacOver.png) no-repeat left top;
}
#dvHeader .campaignGroup .dvGroup .consultant {
	text-align:center;
	background: url(../grfx/consultantActive.png) no-repeat left top;
	width:32px;
	height:35px;
	margin:4px auto 0 auto;
}
#dvHeader .campaignGroup .dvGroup .consultant:hover {
	background: url(../grfx/consultantOver.png) no-repeat left top;
}
#dvHeader .campaignGroup .dvGroup .spacer {
	width:32px;
	height:35px;
	position:relative;
	cursor:pointer;
}
.addAreaWrapper {
	width:973px;
	height:327px;
	position:relative;
	float:left;
}
.addAreaWrapper .sliderWrapper {
	width:906px;
	height:315px;
	margin:0 auto;
}
.addAreaWrapper .sliderFrame {
	position:absolute;
	background: url(../grfx/addAreaFrame.png) no-repeat left top;
	height: 327px;
	width: 973px;
	left:0;
	top:0;
}
.contentWrapper {
	width:909px;
	min-height:400px;
	margin:7px 0 35px 31px;
	float:left;
	position:relative;
	
}

#snsManagerBox{
	width:195px;
	height:50px;
	position:absolute;
	top:60px;
	left:395px;
	}

.snsTrip{
	width:180px;
	height:30px;
	top:200px;
	right:315px;
	position:absolute;
	}
.snsTrip .like{
	float:left;
	width:50px;
	}	
.snsTrip .shareThis{
		float:left;
			width:90px;
			margin:3px 0 0 0;
		}
.snsTrip .shareThis a{
	color:#030;
	text-decoration:none;
	}	
.tblcontent{
	width:909px;
	float:left;

}
.blueHeadingBg{
	background: url(../grfx/headingBlueBg.gif) no-repeat left top;
	height: 49px;
	width: 909px;
	
	}
	
.blueHeadingBg h1{
	
	font: normal 20px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0 0 0 20px;
	}
	
.featureBgTop{
	background: url(../grfx/featureBg.gif) no-repeat left top;
	height: 187px;
	width: 576px;
	vertical-align:top;
}
.featureBgRepete{
	background: url(../grfx/featureBgRepete.gif) no-repeat left top;
	height: 185px;
	width: 576px;
	vertical-align:top;
	}
.bgLine{
	background: url(../grfx/featureBgLine.gif) repeat-y left top;
	width: 576px;
}
.tblProducts{
	margin:22px 0 0 45px;
	}
	
.tblProducts h2{
	font: bold 20px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	}
	
h3{
	font: bold 12px Arial, Helvetica, sans-serif;
	margin:110px 0 0 0;
	padding:0;
	}
	
.snapCloud{
	background: url(../grfx/snapShotCloud.png) no-repeat left top;
	height: 128px;
	width: 156px;
}	

.snapTAWP{
	background: url(../grfx/snapShotTAWP.png) no-repeat left top;
	height: 128px;
	width: 156px;
}	


.snapSNS{
	background: url(../grfx/snapShotSNS.png) no-repeat left top;
	height: 128px;
	width: 156px;
}
.snapDP{
	background: url(../grfx/snapShotDP.png) no-repeat left top;
	height: 128px;
	width: 156px;
}
.snapGOTV{
	background: url(../grfx/snapShotGOTV.png) no-repeat left top;
	height: 128px;
	width: 156px;
}


.blueFooter{
	background: url(../grfx/footerBlueBg.gif) no-repeat left top;
	height: 16px;
	width: 909px;
}
.blueRightBg{
	background: url(../grfx/blueRightBg.gif) no-repeat right bottom;
}

.vlnTop{
	vertical-align:top;
}
.dvLeftCol {
	width:315px;
	float:left;
}
.dvRightCol {
	width:458px;
	min-height:1000px;
	float:left;/*border:1px solid #fcf;*/
}
.dvRightCol h1 {
	font: normal 20px/22px Arial, Helvetica, sans-serif;
	color:#000;
	margin:5px 0;
}
.dvRightCol .rightBox {
	background: url(../grfx/boxBg.gif) repeat-x left top;
	width: 457px;
	height: 177px;
	border:1px solid #e5e5e5;
	float:left;
	margin:7px 0 0 0;
}
.dvRightCol .rightBox .bgCC {
	background: url(../grfx/bgCC.png) no-repeat left top;
	width: 135px;
	height: 176px;
	float:left;
	position:relative;
}
.dvRightCol .rightBox .bgCC .title {
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:5px;
	top:19px;
}
.dvRightCol .rightBox .bgBuild {
	background: url(../grfx/bgBuild.png) no-repeat left top;
	width: 135px;
	height: 176px;
	float:left;
	position:relative;
}
.dvRightCol .rightBox .bgBuild .title {
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:5px;
	top:19px;
}
.dvRightCol .rightBox .bgManage {
	background: url(../grfx/bgManage.png) no-repeat left top;
	width: 135px;
	height: 176px;
	float:left;
	position:relative;
}
.dvRightCol .rightBox .bgManage .title {
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:5px;
	top:19px;
}
.dvRightCol .rightBox .bgRaise {
	background: url(../grfx/bgRaise.png) no-repeat left top;
	width: 135px;
	height: 176px;
	float:left;
	position:relative;
}
.dvRightCol .rightBox .bgRaise .title {
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:5px;
	top:19px;
}
.dvRightCol .rightBox .bgPromote {
	background: url(../grfx/bgPromote.png) no-repeat left top;
	width: 135px;
	height: 176px;
	float:left;
	position:relative;
}
.dvRightCol .rightBox .bgPromote .title {
	font: bold 14px/22px Arial, Helvetica, sans-serif;
	color:#fff;
	position:absolute;
	left:5px;
	top:19px;
}
.dvRightCol .rightBox .toolsFeatures {
	width:303px;
	height: 176px;
	float:left;
	position:relative;
}
.dvRightCol .rightBox .toolsFeatures .title {
	font: bold 17px/45px Arial, Helvetica, sans-serif;
	color:#000;
	position:absolute;
	left:5px;
	top:4px;
	background: url(../grfx/headingBg.png) no-repeat left top;
	width:263px;
	height:42px;
	text-align:center;
}
sup {
	font:normal 9px Arial, Helvetica, sans-serif;
}
 .features {
	margin:0px 0 0 0px;
	padding:0;
}
.features li {
	/*font-weight:bold;
	line-height:20px;*/
	font:bold 17px/20px Arial, Helvetica, sans-serif;
	margin:0 0 0 0px;
	white-space:nowrap;
	padding:0;
	list-style-image:url(../grfx/bullet.png);
	
}
#footer {
	position:relative;
	width:800px;
	height:226px;
	margin:35px auto 0 auto;
	background: url(../grfx/footerBg.gif) repeat-x left top;
	clear:both;
}
#footer .newsWrapper {
	float:left;
	position:relative;
	margin:0 0 0 35px;
}
#footer .newsWrapper img {
	margin:0 0 0 25px;
	float:left;
	cursor:pointer;
}
#footer .disclaimer {
	float:left;
	text-align:center;
	color:#8D8D8D;
	width:100%;
	position:relative;
	margin:30px 0 0 0;
	line-height:17px;
}
#footer .disclaimer a {
	color:#8D8D8D;
	text-decoration:none;
}
#footer .disclaimer a:hover {
	color:#8D8D8D;
	text-decoration:underline;
}
.grayTxt {
	color:#8D8D8D;
}
a.graylink:link, a.graylink:visited {
	color:#8D8D8D;
	text-decoration:underline;
}
a.graylink:hover {
	color:#8D8D8D;
	text-decoration:none;
}
/* saas form */

 #saasForm {
	width:315px;
	height:auto;
	float:left;
	background:url(../grfx/leftShade.png) no-repeat right top;
}
.txtBoxYellow {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	padding:3px 0 0 4px;
	background:#fff;
	height:17px;
	width:150px;
}
.txtBoxBlue {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	padding:3px 0 0 4px;
	background:#dcf0fb;
	height:17px;
	width:150px;
}
.txtBoxWhite {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	padding:3px 0 0 4px;
	background:#fff;
	height:17px;
	width:200px;
}
.selectBoxYellow {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	background:#fff;
	height:19px;
	width:154px;
}
.selectBoxBlue {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	background:#dcf0fb;
	height:19px;
	width:154px;
}
.selectBoxWhite {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	background:#fff;
	height:19px;
	width:154px;
}
.txtGrey10 {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #898989;
}
.txtFeature {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #545454;
}
.blueLink:link, .blueLink:visited {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#09F;
	text-decoration:underline;
}
.blueLink:hover {
	font:normal 11px Verdana, Geneva, sans-serif;
	color:#09F;
	text-decoration:none;
}
.relatedSearch:link, .relatedSearch:visited {
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#545454;
	text-decoration:underline;
	margin:0 10px 20px 0;
	line-height:24px;
}
.relatedSearch:hover {
	font:normal 12px Verdana, Geneva, sans-serif;
	color:#000;
	text-decoration:none;
	margin:0 10px 10px 0;
	line-height:24px;
}
.featuresContainer {
	margin:20px 20px 0 20px;
	width:414px;
	height:50px;
}
.featuresRows {
	width:414px;
	margin:0 0 5px 0;
	padding:0;
	height:auto;
	float:left;
}
.featuresIcon {
	padding:0;
	margin:0;
}
.featuresDescriptions {
	margin:5px 0 0 65px;
	width:auto;
	height:auto;
}
*html .margin4Footer {
	margin:12px 0 0 10px;
}
.margin4Footer {
	margin:12px 0 0 20px;
}
/* slider*/
img {
	border:none;
}
/* image replacement */
    .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next {
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}
/* // image replacement */
			
	

/* Easy Slider begin*/

	#slider ul, #slider li, #adSlider ul, #adSlider li {
	padding:0;
	list-style:none;
}
#adSlider {
	margin-top:0;
}
#slider li, #adSlider li {
	/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		height:328px;
	width:906px;
	cursor:default;
}
 #adSlider ul  li a {
	
	cursor:default !important;
}
#prevBtn, #nextBtn, #slider1next, #slider1prev {
	display:block;
	width:30px;
	height:77px;
	position:absolute;
	left:-30px;
	top:71px;
	z-index:1000;
}
#nextBtn, #slider1next {
	left:696px;
}
#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a {
	display:block;
	position:relative;
	width:30px;
	height:77px;
	background:url(../grfx/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a, #slider1next a {
	background:url(../grfx/btn_next.gif) no-repeat 0 0;
}
/* numeric controls */	

	ol#controls {
	margin:-50px 0 0 10px;
	padding:0;
	height:21px;
	z-index:20000;
}
ol#controls li {
	margin:0 8px 0 0;
	padding:0;
	float:left;
	list-style:none;
	height:21px;
	width:21px;
	line-height:21px;
}
ol#controls li a {
	float:left;
	background:url(../grfx/black.png) no-repeat left top;
	width:21px;
	height:21px;
	border:0px solid #f00;
}
ol#controls li.current a {
	background:url(../grfx/blackSelected.png) no-repeat left top;
	width:21px;
	height:21px;
	border:none;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {
	outline:none;
}
/* // Easy Slider ends */


.checkoutFormTitles {
	font-family:arial;
	font-size:18px;
	color:#0d5aaa;
	text-decoration:none;
	font-weight:normal;
}
.almostDone {
	font-family:arial;
	font-size:20px;
	color:#4bab04;
	text-decoration:none;
	font-weight:normal;
}
.trouble {
	font-family:arial;
	font-size:20px;
	color:#dc241f;
	text-decoration:none;
	font-weight:normal;
}
.cartTxt {
	font-family:Verdana;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
.cartTxt1 {
	font-family:Verdana;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
.raiseYouBuildTxt {
	font-family:Verdana;
	font-size:12px;
	color:#f26522;
	text-decoration:none;
	font-weight:normal;
}
.cartForgotPass {
	font-family:verdana;
	font-size:10px;
	color:#3366cc;
	text-decoration:underline;
	font-weight:normal;
}
.cartForgotPass:hover {
	font-family:verdana;
	font-size:10px;
	color:#3366cc;
	text-decoration:none;
	font-weight:normal;
}

.blueHeading{
	font: normal 20px/25px Arial, Helvetica, sans-serif;
	color:#505050;
	padding:0 0 0 3px;
	background: url(../grfx/topHeaderBg.gif) repeat-x left top;
	height: 68px;
	text-align:center;
	}
.txt{
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #545454;
}
a, img {
	outline:none;
	border:none;
	
}

/* css for candidate*/
.txtccBoxWhite {
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	background:#fff;
	height:17px;
	width:150px;
}

.txtccBox{
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	background:#fff;
	height:17px;
}
.txtccdrpBox{
	color:#000;
	font:normal 11px Verdana, Geneva, sans-serif;
	border:1px solid #989797;
	background:#fff;
	height:22px;
}
.checkoutccFormTitles {
	font-family:arial;
	font-size:22px;
	color:#045d96;
	text-decoration:none;
	font-weight:bold; 
}
.checkoutccFormtxt {
	font-family:arial;
	font-size:12px;
	color:#7c7a7b;
	text-decoration:none;
	font-weight:bold; 
}
.errorMessage{
	color:#f00;
}

.required{
	border:1px solid #f00;
}
 .mask
	{
		background-color:#D8DFE5;
		filter:alpha(opacity=80);
		opacity: 0.8;
		display:none;
		top:0px;
		left:0px;
		z-index:102;
		position:absolute;
		height:1833px;
		width:100%;
	}
	
	.youTubeWrapper {
	background:#fff url(images/topShade.png) repeat-x left top;
	behavior: url(iepngfix.htc);
	border:0px solid #000;
	margin-top:-10px;
}

/* Start of MashUp Style*/

.mashUpTitleBg 
	{
	background:url(../grfx/titleBar.gif) repeat-x 5px; 
	width:310px;
	padding-right:1px;
	}
	
.mashUpTitleBg1 
	{
	background:url(../grfx/titleBar.gif) repeat-x 5px; 
	padding-right:1px;
	}
	
.mashUpTitleBg1 h2
	{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:10px;
	}

	
.mashUpTitleBg h2
	{
	font:bold 13px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding-left:10px;
	}
	
.commentTxt
	{
	border:1px solid #051d2c;
	
	}
	
.commentTxt h3
	{
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:10px;
	margin:5px 0;
	}
.commentTxt p
	{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	padding-left:10px;
	margin:0 0 10px 0;
	}



/* End of MashUp Style*/

