
* {
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
body {
background : #ffffff url(http://www.cardxing.com/images/bodybg.gif) repeat-x left top;
font : 12px Arial, Helvetica, sans-serif;
color : #535353;
margin : 0 0 0 0;
padding : 0 0 0 0;
}
a {
color : #535353;
text-decoration : underline;
}
a:hover {
text-decoration : none;
}
#wapper {
width : 936px;
margin : 0 auto;
line-height : 20px;
padding : 0 34px 20px 34px;
}
#header {
height : 34px;
margin : 6px 0 0 0;
}
.banner {
width : 936px;
}
.banner_left {
width : auto;
float : left;
padding : 20px 0 0 0;
}
.logo {
padding : 0px;
float : left;
margin : 0;
}
.img {
float : right;
}
.banner_right {
width : 770px;
float : right;
}
.clear {
clear : both;
margin : 0;
padding : 0;
}
.searchbox {
height : 58px;
width : 381px;
background : url(http://www.cardxing.com/images/searchbox.gif) no-repeat left top;
float : right;
margin-top : 30px;
margin-right : 0;
margin-bottom : 20px;
margin-left : 0;
}
.search {
float : left;
padding : 0;
margin : 15px 6px 0 20px;
}
.input {
float : left;
padding : 0;
margin : 15px 4px 0 0;
height : 22px;
width : 219px;
border-top : 2px solid #8f8f8f;
border-right : 2px solid #8f8f8f;
}
.lable {
font : bold 12px Arial, Helvetica, sans-serif;
color : #252525;
margin : 19px 7px 0 0;
float : left;
}
.go_button {
float : left;
padding : 0;
margin : 15px 4px 0 0;
}
.box {
float : left;
height : 124px;
width : 127px;
background : url(http://www.cardxing.com/images/bg.gif) no-repeat left top;
padding-top : 11px;
padding-right : 6px;
padding-bottom : 0;
padding-left : 6px;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 26px;
text-align : center;
}
.box1 {
float : left;
background : url(http://www.cardxing.com/images/bg.gif) no-repeat left top;
margin : 0;
padding-top : 11px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 10px;
}
.box2 {
background : #e8e6d2;
border : 1px solid #b5b3a2;
margin : 0;
padding : 8px;
}
.login {
background : url(http://www.cardxing.com/images/login.gif) no-repeat 0 0;
font : 15px Arial, Helvetica, sans-serif;
color : #ffffff;
height : 32px;
padding : 10px 0 0 35px;
}
.box3 {
width : 192px;
background : #fffef3;
padding-bottom : 15px;
}
.online {
background : url(http://www.cardxing.com/images/singupbg.gif) repeat-x left top;
height : 92px;
margin : 20px 0 0 0;
}
.telephone {
margin : 10px 0 22px 0;
float : left;
}
.callbox {
height : 58px;
color : #ffffff;
background-color : #2b2b2b;
background-image : url(http://www.cardxing.com/images/teliphone.gif);
background-repeat : no-repeat;
background-position : 10px center;
padding-top : 7px;
padding-right : 0;
padding-bottom : 0;
padding-left : 40px;
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
font-weight : bold;
}
.callnumber {
color : #ffffff;
font-family : Arial, Helvetica, sans-serif;
font-size : 24px;
}
.news_signup {
height : 32px;
color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
line-height : 32px;
background-image : url(http://www.cardxing.com/images/singup2.gif);
background-repeat : no-repeat;
background-position : left center;
margin-top : 20px;
margin-right : 0;
margin-bottom : 15px;
margin-left : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 40px;
}
.img1 {
padding : 0 0 0 43px;
}
.project {
font : 20px Arial, Helvetica, sans-serif;
text-align : center;
color : #000000;
padding : 10px 0 0 0;
}
.project_span {
font : bold 11px Arial, Helvetica, sans-serif;
color : #960000;
text-align : center;
padding : 9px 0 0 0;
}
.topmenu ul {
padding : 0 0 0 0;
margin : 0;
}
.topmenu li {
float : left;
list-style : none;
display : block;
padding : 0 10px 0 10px;
margin : 0;
}
.our-success {
padding-top : 15px;
}
.topmenu li a {
color : #ffffff;
text-decoration : none;
display : block;
float : left;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 35px;
font-weight : bold;
padding-top : 0;
padding-right : 10px;
padding-bottom : 0;
padding-left : 10px;
}
.topmenu a:hover {
color : #000000;
background-image : url(http://www.cardxing.com/images/menubg.gif);
background-repeat : repeat-x;
}
.topmenu ul li a.active {
color : #000000;
background-image : url(http://www.cardxing.com/images/menubg.gif);
background-repeat : repeat-x;
}
.servicemenu ul {
margin : 0;
padding : 10px 0 0 0;
}
.servicemenu li {
display : block;
padding : 5px 0 5px 0;
list-style : none;
margin : 0 0 0 0;
background : url(http://www.cardxing.com/images/dice4.gif) no-repeat 0 8px;
}
.servicemenu li div {
font : bold 12px Arial, Helvetica, sans-serif;
color : #797767;
text-decoration : none;
padding : 0 0 5px 20px;
margin : 0 0 0 0;
}
.servicemenu1 {
padding-top : 3px;
padding-right : 0;
padding-bottom : 15px;
padding-left : 0;
}
.servicemenu1 ul {
margin : 0;
padding : 0 0 0 0;
}
.servicemenu1 li {
display : block;
list-style : none;
margin : 0;
border-bottom : 1px dotted #b0ae9d;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.servicemenu1 li a {
color : #797767;
background-image : url(http://www.cardxing.com/images/dice5.png);
background-repeat : no-repeat;
background-position : left center;
text-decoration : none;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 22px;
font-weight : bold;
display : block;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 15px;
}
.servicemenu1 li a:hover {
background-image : url(http://www.cardxing.com/images/dice5.png);
background-repeat : no-repeat;
background-position : left center;
background-color : #f1efe3;
}
.searc_side {
padding-bottom : 10px;
}
.service_left {
width : 450px;
float : left;
}
.service_right {
width : 211px;
padding : 10px 0 0 0;
float : right;
}
.read {
float : right;
padding : 6px 5px 0 0;
}
#bodycontainer {
width : 934px;
padding : 10px 0 0 0;
}
#leftcontainer {
width : 190px;
float : left;
padding : 0 26px 0 0;
margin : 0;
}
#centercontainer {
float : left;
width : 210px;
}
#rightconatainer {
width : 690px;
float : right;
margin-top : 10px;
padding:11px;
background-color:#fcfcfc;
border:solid 1px #eeeeee;
min-height:350px;
}
h1 {
font : 29px Arial, Helvetica, sans-serif;
color : #000000;
padding : 0;
margin-bottom : 10px;
}
.h1_span {
font : bold 12px Arial, Helvetica, sans-serif;
color : #ac6201;
padding : 5px 0 5px 0;
margin : 0;
}
h2 {
font : 18px Arial, Helvetica, sans-serif;
color : #000000;
padding-top : 5px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 0;
}
h3 {
font : 20px Arial, Helvetica, sans-serif;
color : #000000;
padding : 0 0 10px 0;
margin : 0;
}
h4 {
font : 24px Arial, Helvetica, sans-serif;
color : #f2e8cd;
padding : 0 0 10px 0;
margin : 0;
}
.text {
padding : 20px 0 0 0;
text-align : justify;
}
form .loginboxstyle {
background : #fffffe;
border-top : 1px solid #9b9b9b;
border-right : 1px solid #9b9b9b;
height : 20px;
margin-top : 5px;
margin-right : 0;
margin-bottom : 5px;
margin-left : 10px;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.label1 {
font : bold 12px Arial, Helvetica, sans-serif;
color : #515151;
padding : 0 0 0 0;
margin : 0 0 0 10px;
}
.checkboxtext {
font : 12px Arial, Helvetica, sans-serif;
color : #810000;
float : left;
padding-top : 12px;
padding-right : 0;
padding-bottom : 0;
padding-left : 10px;
}
.checkbox {
background : #fffffe;
border-top : 1px solid #9b9b9b;
float : left;
margin-top : 12px;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
}
.login_button {
float : right;
margin-top : 8px;
margin-right : 10px;
margin-bottom : 0;
margin-left : 0;
}
.forget {
font : bold 12px Arial, Helvetica, sans-serif;
text-decoration : underline;
color : #515151;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 0;
}
.forget a {
text-decoration : underline;
color : #515151;
}
.footer {
background : #000000;
height : 110px;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.footerbox {
background : #505050;
height : 24px;
border : 1px solid #969696;
}
.mid_footer {
width : 936px;
margin-right : auto;
margin-left : auto;
}
.boxtext {
width : 163px;
float : left;
font : bold 12px Arial, Helvetica, sans-serif;
color : #ffffff;
padding : 5px 0 0 30px;
}
.footertext {
color : #9a9a9a;
font-style : italic;
background-image : url(http://www.cardxing.com/images/dice7.gif);
background-repeat : no-repeat;
background-position : left top;
margin-top : 23px;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 20px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 20px;
font-weight : bold;
position : relative;
}
.date {
background : url(http://www.cardxing.com/images/dice6.gif) no-repeat 0 5px;
font : bold 12px Arial, Helvetica, sans-serif;
color : #b5b5b5;
float : left;
padding : 5px 0 0 30px;
}
.footer_left {
float : left;
width : 420px;
padding : 0px;
}
.footer_right {
width : 480px;
float : right;
background-repeat : no-repeat;
background-position : right;
padding:0px;
}
.footermenu {
text-align : right;
padding-top : 20px;
}
.footermenu ul {
padding : 0 0 0 0;
margin : 0;
}
.footermenu li {
background : url(http://www.cardxing.com/images/bottomdice.gif) no-repeat 0 3px;
display : inline;
padding : 0 0 0 0;
margin : 0;
}
.footermenu li a {
font : 11px Arial, Helvetica, sans-serif;
color : #d6d6d6;
text-decoration : none;
padding : 0 5px 0 5px;
}
.footermenu li a:hover {
text-decoration : underline;
}
.copyright {
font : 11px Arial, Helvetica, sans-serif;
color : #8e8d8d;
text-align : right;
padding : 10px 0 0 0;
}
h1.inner {
font : 33px Myriad Pro, Arial;
color : #fff;
font-weight : 100;
margin : 0;
padding : 25px 0 10px 0;
background : none;
}
.aboutus-img {
float : right;
border : 4px solid #b0a48b;
margin : 0 0 10px 20px;
}
h5 {
font : 15px Myriad Pro, Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight : bold;
padding : 0 0 5px 0;
border-bottom : 1px dotted #ffffff;
margin : 0 0 10px 0;
}
h6 {
font : 17px Myriad Pro, Arial, Helvetica, sans-serif;
color : #ffffff;
font-weight : bold;
padding : 0 0 5px 0;
margin : 0 0 10px 0;
}
.aboutcolumnzone {
padding : 20px 0 16px 0;
}
.aboutcolumn1 {
width : 48%;
float : left;
margin : 0 0 10px 0;
}
.aboutcolumn2 {
width : 48%;
float : right;
margin : 0 0 10px 0;
}
.abouticon {
float : left;
margin : 0 20px 0 0;
}
.insidereadmore {
padding : 10px 0 10px 0;
}
input.button {
color : #ffffff;
background : #414141;
font : bold 11px Arial, Helvetica, sans-serif;
text-decoration : none;
padding : 10px 10px;
margin : 0 5px 5px 0;
border : 1px solid #000000;
}
input.button:hover {
cursor : pointer;
color : #cccccc;
}
.project-img {
float : right;
margin-left : 20px;
border : 6px solid #fff;
}
.whiteheading {
font : 30px Myriad Pro, Arial;
color : #ffffff;
font-weight : 100;
padding : 0;
margin : 25px 0 20px 0;
}
.ourprojectrow {
margin-bottom : 20px;
border-bottom : 1px dotted #fff;
padding-bottom : 10px;
width : 95%;
}
.servicecolumnzone {
padding : 20px 0 16px 0;
}
.servicecolumn1 {
width : 48%;
float : left;
margin : 0 0 10px 0;
}
.servicecolumn2 {
width : 48%;
float : right;
margin : 0 0 10px 0;
}
.blog-posted-row {
padding : 3px;
}

.slogan { float:right; font-weight:bold; font-size:16px; color:#000; margin-top:6px; }
div.clr { clear:both; }
.ad_banner__top { width:728px; text-align:right; padding-top:30px; height:90px; }
.ad_banner__top img { border:solid 1px #000; padding:4px; }
.sr_card { width:215px; border:solid 1px #777777; padding:5px; float:left; margin:0px 3px 3px 0px; text-align:center; font-size:12px; line-height:14px; height:125px; overflow:auto; min-height:125px; background:url(http://www.cardxing.com/images/more_info_button.gif) no-repeat right bottom; }
.sr_card:hover { background-color:#dddddd; }
.sr_card img { border:solid 1px #000000; padding:2px; width:70px; float:left; margin-right:6px; }
.sr_title { font-size:12px; width:100%; margin-bottom:5px; text-align:left; font-weight:bold; }
.sr_prices ul { list-style:none; font-size:10px; }
.sr_prices li { margin-bottom:7px; white-space:nowrap; text-align:right; }
.sr_prices li label { float:left; width:90px; text-align:right; margin-right:6px; }

.rating__container { text-align:center; margin:10px auto 4px 30px; border:dotted 1px #2355cc; padding:5px; width:110px; }
.rating__label { font-size:10px; }
.rating__label__larger { font-size:13px; }

.popover_container { display:none; position:absolute; border:solid 1px #000; padding:1em; margin:3em; background-color:#fff; color:#000; z-index:999; }
.popover_container fieldset { border:solid 1px #000; }
.popover_container fieldset legend { color:#000; }
.popover_container__cancel { font-weight:bold; padding:1px 4px 1px 4px; border:solid 1px #000; float:right; }
.popover_container__cancel:hover { cursor:pointer; cursor:hand; }
#tfn__email_to_a_friend table { padding-left:10px; }
#tfn__email_to_a_friend td { padding:4px; }
#tfn__email_to_a_friend input { width:200px; }

.icons { margin:0px 0px 10px 0px; text-align:right; float:right; }
.icons img { border:solid 1px #CCCCCC; width:32px; padding:1px; margin-left:3px; }
.icons img:hover { border:solid 1px #000000; width:32px; padding:1px; }

.card__left .embed_code table input { width:420px; }
.card__left .embed_code table { margin-left:20px; }

.card_history_graph { text-align:center; clear:both; margin-top:10px; }
.card_history_graph img { border:solid 1px #000; }
.card_history_graph li label { text-align:left; width:100%; }

fieldset { border:solid 1px #ffffff; margin-top:10px; }
legend { font-size:16px; padding:0px 5px 0px 5px; color:#ffffff; style:underline; font-weight:bold; }

.card_list { background-color:#fff; width:100%; }
.card_list td { padding-left:5px; }
.card_list td.p { text-align:center; width:80px; }
tr.header td { font-weight:bold; text-align:center; padding:0px 5px 0px 5px; background-color:#FFE977; }
.card_list td:hover { cursor:pointer; }
.card_list tr:hover { background-color:#efefef; }

div.clr { clear:both; }
div.loginout { width:400px; text-align:center; margin:0 162px; }
div.loginout2 { text-align:right; padding-right:50px; margin:10px 0px 0px 0px; padding-top:50px; float:right; }
form#form-login .textbox { width:100px; }
form#form-login2 .textbox { width:150px; }
form#form-login2 .submitbutton { width:80px; margin-top:10px; }
#login_form_container { width:400px; margin:50px auto; }
#login_form_container legend { font-size:20px; padding:0px 10px; margin:5px; }
div#form-login2-fields { margin-top:15px; text-align:center; }
div#form-login2-fields div { margin-bottom:5px; }

.previous_next_links { text-align:center; padding:5px 0px 5px 0px; border:solid 1px #ddd; margin:5px 0px 5px 0px; font-size:16px; }
.previous_next_links a { text-decoration:none; }
.previous_next_links a:hover { text-decoration:underline; }
.next_previous__next { float:right; margin-right:10px; }
.next_previous__previous { float:left; margin-left:10px; }

.default_container { padding:10px; border:solid 1px #000000; }
ol, ul { margin-left:30px; }
