/* cloq.com */

* { margin:0; padding:0;
}

html, body { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-weight:normal;
}

#wrapper { margin:0; padding:0; }
#clqcontainer { width:960px !important; margin:0 auto; /*height:690px;*/ padding:0; }

#logoHeader { width:959px; height:140px; clear:both}

.cloqlogo { width:300px; height:110px; padding-top:30px; float:left}
.cloqlogo h1 { font-weight:normal; font-size:18px; color:#981DC6; text-align:right; padding-right:30px;}
.logosiden { width:659px; height:140px; padding-top:0px; float:left; background:#FFFFFF; text-align:right; z-index:0;}

.logoside { width:659px; height:104px; padding-top:58px; float:left; background:url(../clqimages/grtitlesbg.jpg) no-repeat right top; }

.snup { width:194px; height:50px; background:url(../clqimages/signupnow_btn.jpg) no-repeat; }
.snup a { display:block; text-decoration:none; height:50px;}


.subbx{ width:328px; height:195px; background:#EEEEEE;}

.stonp { width:328px; height:30px; background:#DB24F6 /*url(../clqimages/subtop.jpg) no-repeat top center*/; padding-top:3px; color:#FFFFFF; font-size:24px; font-weight:bold}
.enterurl { background:#EEEEEE; width:308px; height:92px; padding-top:40px;}

.inputcls { background:#DFDDDE /*url(../clqimages/txtbg-big.jpg) no-repeat center*/; text-align:center; padding:2px; width:300px; border:0; font-size:18px; line-height:18px; border-top:1px #B5B5B5 solid; border-left:1px #B5B5B5 solid; border-right:1px #FFFFFF solid; border-bottom:1px #FFFFFF solid;}
.prevn { margin-top:6px; margin-left:15px;}

.subbxg{ width:198px; height:195px; background:#EEEEEE;}

.stonpg { width:198px; height:30px; background:#DB24F6 /*url(../clqimages/subtop.jpg) no-repeat top center*/; padding-top:7px; color:#FFFFFF; font-size:20px;}
.subbxg p { padding-left:25px; text-align:left; font-size:12px; color:#333333; font-weight:normal; padding-top:8px}


h2 { font-size:32px; color:#981DC6; font-weight:bold;}

/* menu */

#menubar { width:959px; height:36px; padding-top:12px; clear:both}
#menuleft{ width:150px; float:left; height:36px;}
#menuright { width:795px; float:left; height:36px;}

#menu { width:795px; }
#menu ul { width:795px; list-style-type:none;}
#menu li { float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
#menu li a{ float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}


li.hm { width:130px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
li.hm a{ width:130px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}

li.at { width:160px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
li.at a{ width:160px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}
#menu li.atovr { width:160px; background:#DB24F6; color:#FFFFFF; font-size:14px;}


li.ps { width:160px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
li.ps a{ width:160px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}
#menu li.psovr { width:160px; background:#DB24F6; color:#FFFFFF; font-size:14px;}

li.fq { width:100px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
li.fq a{ width:100px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}
#menu li.fqovr { width:100px; background:#DB24F6; color:#FFFFFF; font-size:14px;}

li.ct { width:100px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
li.ct a{ width:100px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}
#menu li.ctovr { width:100px; background:#DB24F6; color:#FFFFFF; font-size:14px;}

li.ml { width:130px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
li.ml a{ width:130px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block}
#menu li.mlovr { width:130px; background:#DB24F6; color:#FFFFFF; font-size:14px;}


.hmovr { background:#DB24F6; color:#FFFFFF}
#menu .hmovr { width:130px; color:#FFFFFF; font-size:14px;}





#mbody { width:959px; height:auto; padding-top:5px;}
#mbody-ad { width:959px; height:920px; padding-top:10px; clear:both}
#mbody-vd { width:959px; height:600px; padding-top:10px; clear:both}

iframe { margin:0; padding:0}

.colm1 { width:402px; float:left; background:url(../clqimages/greetings_img.jpg) no-repeat top; height:300px;}

.adsite { margin:0 auto; padding:0; clear:both; height:318px;}

.maincolm2 { width:555px; height:300px; float:left}
.colm2 { width:330px; float:left; text-align:justify; color:#A5A5A5; font-size:14px; height:174px;}
.colm2 img { padding:5px;}

.colm3 { width:330px; float:left; padding-left:3px; height:195px;}
.colm3g { width:200px; float:left; padding-left:3px; height:195px;}
.right2clm { clear:both; margin-top:30px; padding-bottom:10px; height:174px; margin-left:10px}

.homecat { width:900px; margin:0 auto; clear:both; padding-bottom:10px; height:270px; }
.colm3h { width:660px; float:left; padding-top:20px; height:255px;}
.colm3gh { width:200px; float:left; padding-top:20px; height:255px;}

.share { width:500px; margin:0 auto; font-size: 16px; color: #DB24F6; font-weight: bold; text-align:left}


.txtcol { width:555px; text-align:left}
.txtcol h2 { font-size:1.06em; color:#981DC6; font-weight:bold; padding-top:20px; padding-left:5px;}
.txtcol p { font-size:14px; color:#666666; font-weight:normal; padding-top:6px; padding-left:5px; padding-right:15px; text-align:justify}

.prthumbs { padding-top:177px; padding-left:40px; height:123px;}

.pthumbs { float:left; }
.prthumbs ul { list-style-type:none; margin:0; padding:0;}
.prthumbs ul li { float:left; padding-right:11px;}
.prthumbs ul li img { border:0;}
.prthumbs ul li a { text-decoration:none; color:#999999; font-size:12px; padding:0; margin:0;}
.prthumbs ul li form{ display:inline; }
.morebtn { float:left}

/* footer */
#footer { width:100%; height:122px; text-align:center; background:url(../clqimages/footerbg.jpg) repeat-x; padding-top:30px; color:#932CA4;}
#footer a{ font-size:13px; color:#ffffff; font-weight:normal; text-decoration:none;}
#footer a:hover { color:#000000; border-bottom:1px dashed #6A1C77;}

#footer p { font-size:12px; color:#EDB3FF; font-weight:normal; padding-top:35px; text-align:center}


.lchat { width:600px; margin:0 auto; height:90px; margin-top:6px;}



/*greeting builder*/

#clqcontainer-gb { width:959px; /*height:950px;*/ margin:0 auto; padding:0; }
#mbody-gb { width:959px; /*height:880px;*/ padding-top:8px;}

#grttl { width:959px; background:#FFFFFF url(../clqimages/greetings_ttls.jpg) no-repeat left top; height:94px; clear:both}

#gradebg { width:957px; height:480px; /*border:1px solid #f5f5f5; border-bottom:0px;*/ background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top; clear:both}


#gradebg-btm { width:957px; height:45px; border:1px solid #f5f5f5; border-top:0px; background:#FFFFFF url(../clqimages/gradebg2.jpg) repeat-x top;}

/*gb features*/
.grfeatures { width:804px; padding:10px; height:400px; margin:inherit; background:#FFFFFF;}

.ttlbg { width:808px; background:url(../clqimages/ttlbg.jpg) no-repeat; text-align:left; color:#FFFFFF; font-size:18px; height:25px; padding:8px; margin:inherit; margin-top:20px;}
.ttlbgn { width:930px; background:url(../clqimages/ttlbg.jpg) no-repeat; text-align:left; color:#FFFFFF; font-size:18px; height:25px; padding:8px; margin:inherit; margin-top:20px;}
.grfeatures ul{ list-style-type:none; height:400px;}
.grfeatures ul li { text-align:left; float:left; width:784px; padding:0; padding-left:20px; padding-top:10px; padding-right:20px;}

.st1 { font-size:38px; color:#9B9B9B; margin-bottom:-10px; }
.st2 { font-size:48px; color:#EBB6FF; margin-bottom:-10px; }
.st3 { font-size:38px; color:#CDCDCD; margin-bottom:-10px; }
.st4 { font-size:22px; color:#DC80FF; margin-bottom:-10px; }
.st5 { font-size:22px; color:#CDCDCD; margin-bottom:-10px; }
.st6 { font-size:22px; color:#EBB6FF; margin-bottom:-10px; }

/* pricing */

#clqcontainer-prc { width:960px; margin:0 auto; /*height:840px;*/ padding:0; }
#mbody-prc { width:959px; /*height:650px;*/ padding-top:8px;}

#gradebg-prc { width:957px; height:380px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}
.prcbx { width:824px; padding:0; height:380px; margin:0 auto; background:#FFFFFF;}

.prcheads { margin-top:3px;}
.prcheads, .prcrow { width:824px;}

.h01 { width:328px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #FFFFFF solid;}
.h02 { width:243px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #FFFFFF solid;}
.h03 { width:247px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #DADADA solid;}
.h01, .h02, .h03, .h03up { background:url(../clqimages/prcbg.jpg) repeat-x; height:58px; color:#A71BD2; font-size:30px; font-weight:normal; padding-top:12px; height:46px;}


.h03up { width:490px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #DADADA solid;}

.h01, .h02, .h03, .r01, .r02, .r03, .h03up, .r03up  { float:left;}

.r01, .r02, .r03, .r03up { background:#FCFBFB; height:38px; padding-top:16px; color:#808284; font-size:20px;}
.r01 { width:328px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #FFFFFF solid; border-right:1px #FFFFFF solid;}
.r02 { width:243px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #FFFFFF solid; border-right:1px #FFFFFF solid;}
.r03 { width:247px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #FFFFFF solid; border-right:1px #DADADA solid;}


.r03up { width:490px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #FFFFFF solid; border-right:1px #DADADA solid;}


.r01pr, .r02pr, .r03pr, .r03prup { background:#F5F5F5; height:64px; padding-top:10px; color:#A71BD2; font-size:24px; float:left; font-weight:bold}
.r01pr { width:328px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #FFFFFF solid;}
.r02pr { width:243px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #FFFFFF solid;}
.r03pr { width:247px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #DADADA solid;}

.r03prup { width:490px; border-left:1px #DADADA solid; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid; border-right:1px #DADADA solid;}

/*FAQ*/
#clqcontainer-fq { width:960px; margin:0 auto; /*height:1620px;*/ padding:0; }
#mbody-fq { width:959px; /*height:1250px;*/ padding-top:8px;}

#gradebg-fq { width:957px; height:1150px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}
.ttlbg-fq { width:808px; background:url(../clqimages/ttlbg.jpg) no-repeat; text-align:left; color:#FFFFFF; font-size:18px; height:25px; padding:8px; margin:0 auto; margin-top:20px; margin-bottom:3px;}

.faqbx {width:824px; padding:0; height:380px; margin:0 auto; background:#FFFFFF;}

.qbox { width:824px; height:32px; background:#FCFBFB; border-top:1px #DADADA solid; border-bottom:1px #DADADA solid}
.numric { width:34px; float:left; height:26px; padding-top:6px; font-size:16px; color:#A71BD2}
.qst { width:785px; padding-left:5px; height:26px; float:left; text-align:justify; padding-top:6px; font-size:16px; color:#A71BD2 }
.answ { width:775px; padding-left:39px; text-align:justify; padding-top:10px; font-size:14px; color:#666666; border:1px #f5f5f5 solid; padding-bottom:10px; padding-right:10px;}

.answ-smap { width:675px; padding-left:129px; text-align:justify; padding-top:10px; font-size:14px; color:#666666; border:1px #f5f5f5 solid; padding-bottom:10px; padding-right:10px;}
.answ-smap a { color:#981DC6; text-decoration:none; border-bottom:1px dashed #993399;}
.answ-smap a:hover { color:#333333; border-bottom:1px dashed #993399;}
/*contact*/

#clqcontainer-ct { width:960px; margin:0 auto; /*height:960px;*/ padding:0; }
#mbody-ct { width:959px; /*height:620px;*/ padding-top:8px;}

#gradebg-ct { width:957px; height:500px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}

.ctbx {width:824px; padding:0; height:380px; margin:0 auto; background:#FFFFFF;}
.cttext { width:807px; background:url(../clqimages/prcbg.jpg) repeat-x; height:40px; color:#A71BD2; font-size:13px; font-weight:normal; padding-top:15px; padding-left:15px; text-align:left; border:1px #DADADA solid; margin-top:3px;}

#ctfrm { width:824px; margin:0 auto; padding:0; height:390px; margin-top:3px;}
.frmbx { margin:0; clear:both}
.leftcol { float:left; width:322px; text-align:right; color:#666666; height:21px; padding-top:17px; background:#f7f7f7; padding-bottom:6px;}
.rightcol { float:left; width:497px; height:23px; padding-top:15px; text-align:left; padding-left:5px; background:#f7f7f7; padding-bottom:6px; }

.leftcola { float:left; width:322px; text-align:right; color:#666666; height:21px; padding-top:17px; background:#FFFFFF; padding-bottom:6px;}
.rightcola { float:left; width:497px; height:23px; padding-top:15px; text-align:left; padding-left:5px; background:#FFFFFF; padding-bottom:6px; }

.leftcolax { float:left; width:322px; text-align:right; color:#666666; height:35px; padding-top:17px; background:#FFFFFF; padding-bottom:6px;}
.rightcolax { float:left; width:497px; height:35px; padding-top:15px; text-align:left; padding-left:5px; background:#FFFFFF; padding-bottom:6px; }



.leftcolb { float:left; width:322px; text-align:right; color:#666666; height:118px; padding-top:17px; background:#f7f7f7; padding-bottom:6px;}
.rightcolb { float:left; width:497px; height:120px; padding-top:15px; text-align:left; padding-left:5px; background:#f7f7f7; padding-bottom:6px; }

.leftcolbm { float:left; width:322px; text-align:right; color:#666666; height:60px; padding-top:17px; background:#f7f7f7; padding-bottom:6px; background:#FFFFFF}
.rightcolbm { float:left; width:497px; height:60px; padding-top:17px; text-align:left; padding-left:5px; padding-bottom:6px; background:#FFFFFF}
.rightcolbm a { color:#333333; text-decoration:underline; font-size:12px; font-weight:normal;}


.intext { background:#F5F5F5; border:1px solid #CCCCCC; font-size:13px; padding:2px; font-weight:normal; color:#333333}
.subenq { background:url(../clqimages/submitenq_btn.jpg) no-repeat; color:#FFFFFF; font-size:13px; width:141px; height:33px; font-weight:bold; border:0px; cursor:hand}

.msgbx { width:500px; height:150px; background:#ffffff; border:1px solid #f2f2f2; color:#333333; font-size:13px; font-weight:normal; padding-top:50px; margin:20px auto;}


/*memberlogin*/

#clqcontainer-ml { width:960px; margin:0 auto; /*height:800px;*/ padding:0; }
#mbody-ml { width:959px; /*height:380px;*/ padding-top:8px;}

#gradebg-ml { width:957px; height:350px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}

/* sign up */
#clqcontainer-sp { width:960px; margin:0 auto; /*height:1000px;*/ padding:0; }
#mbody-sp { width:959px; /*height:580px;*/ padding-top:8px;}

#gradebg-sp { width:957px; height:550px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}

/*proceed*/
#clqcontainer-sp2 { width:960px; margin:0 auto; /*height:800px;*/ padding:0; }
#mbody-sp2 { width:959px; /*height:380px;*/ padding-top:8px;}

#gradebg-sp2 { width:957px; height:350px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}

.ctmsgbx {width:824px; padding:0; height:380px; margin:0 auto; background:#FFFFFF;}

/* privacy */
#clqcontainer-pol { width:960px; margin:0 auto; /*height:1275px;*/ padding:0; }
#mbody-pol { width:959px;/* height:980px;*/ padding-top:8px;}

#gradebg-pol { width:957px; height:850px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}

/* agreement */
#clqcontainer-ag { width:960px; margin:0 auto; /*height:3075px;*/ padding:0; }
#mbody-ag { width:959px; /*height:2500px;*/ padding-top:8px;}

#gradebg-ag { width:957px; height:2500px; border:1px solid #f5f5f5; border-bottom:0px; background:#FFFFFF url(../clqimages/gradebg.jpg) repeat-x top;}



/*menu demo*/

#menubar-demo { width:959px; height:36px; padding-top:12px; margin:0 auto; padding:0;}
#menuleft-demo{ width:330px; float:left; height:36px;}
#menuright-demo { width:615px; float:left; height:36px;}

#menu-demo { width:615px; }
#menu-demo ul { width:615px; list-style-type:none;}
#menu-demo li { width:200px; float:left; line-height:36px; color:#808284; border-right:1px dotted #CCCCCC;}
#menu-demo li a{ width:200px; float:left; line-height:36px; color:#808284; text-decoration:none; font-size:14px; display:block; text-align:center}


.exmpl { font-size:11px; font-weight:normal; color:#969696}

/*"BenguiatGot Bk BT"*/