@charset "utf-8";
/* CSS Document */

body,td,th {font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:150%;}
body {margin:0; background:#e8e8e8 url(../images/bg-pages.jpg) repeat-x 0 0; border-top:6px solid #f90;}
a {color:#f90; text-decoration:none;}
a:hover, a:active, a:focus {text-decoration:underline;}
input, select {font-size:11px; color:#666;}
img {border:none;}
form,h1,h2,h3,h4,h5,h6 {margin:0;}
h1,h2,h3,h4,h5,h6 {line-height: 1.3;}
h1 {font-size: 30px;}
h2 {font-size: 28px;}
h3 {font-size: 24px; color:#000; font-weight:normal;}
h4 {font-size: 18px;}
h5 {font-size: 100%;}
h6 {font-size: 100%; text-transform: uppercase;}
.clean {clear:both; height:1px;}

span.button {background:url(../images/btn-l.png) no-repeat 0 0; padding-left:10px; display:block; float:left;}
span.button input {background:url(../images/btn-r.png) no-repeat 100% 0; height:22px; line-height:22px; border:none; color:#fff; font-weight:bold; font-size:11px; padding:0 10px 1px 0; margin:0;} 
input.inputbox {background:url(../images/bg-input.gif) repeat-x 0 0; height:20px; line-height:20px; border-bottom:none; border-top:none; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; font-size:11px; color:#666;}
select {border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:2px solid #7c7c7c; border-bottom:1px solid #ddd; padding:1px; margin:0 0 5px 0;}

#wrap {margin:0 auto; width:980px;}

#menu {margin-top:5px;float:right; padding-right:10px;}
#menu ul {margin:0; padding:0; list-style:none; float:right;}
#menu li {float:left; margin-right:3px;}
#menu li a {color:#666; text-transform:uppercase; display:block; padding-left:9px;}
#menu li a span {display:block; height:21px; line-height:21px; padding:0 9px 0 0;}
#menu li a:hover,#menu li .active {background:url(../images/menu-act-l.png) no-repeat 0 50%; text-decoration:none; color:#fff;}
#menu li a:hover span,#menu li .active span {background:url(../images/menu-act-r.png) no-repeat 100% 50%;}

#header {margin-top:15px; padding-bottom:25px;}
* +html #header {width:100%; float:left;}
#header h1 {display:block; background:url(../images/logo.png) no-repeat 0 50%; width:187px; height:50px; float:left;}
#header h1 span {display:none; text-indent:-999999px;}

.moduletable-signin {float:right;}
.moduletable-signin form {float:left;}
.moduletable-signin span a {display:block; background:url("../images/help.png") no-repeat 0 0; width:22px; height:22px; float:left;}
.moduletable-signin span a:hover {text-decoration:none;}
.moduletable-signin .inputbox {float:left; margin-right:3px;}
.moduletable-signin .inputbox {width:250px; font-style:italic;}
.moduletable-signin span.button {float:left;}

#container {position:relative; padding:0 10px; margin-top:15px;}
#container .shadow-l {left:0; top:20px; position:absolute; background:url(../images/shadow-l.png) no-repeat 0 0; width:10px; height:331px;}
#container .shadow-r {right:0; top:20px; position:absolute; background:url(../images/shadow-r.png) no-repeat 100% 0; width:10px; height:331px;}
.main-container {background:#fff; padding:10px; width:940px; float:left;}
.content-section {background: url(../images/bg-right.png) repeat-y 100% 0; width:100%; float:left; position:relative; padding-bottom:50px;}
.left-section {width:670px; float:left; margin-bottom:-50px;}
.right-section {width:230px; float:right; padding:10px; color:#000; min-height:400px;}
.spec {padding-bottom:370px;}
.spec .left-section {margin-bottom:-370px;}

.moduletable-ecard {background-color:#f5f5f5; border:1px solid #fff; position:relative; padding:9px; width:650px; float:left; margin-bottom:10px;} 

.corner-l-t {left:0; top:-1px; position:absolute; background:url(../images/card-t-l.png) no-repeat 0 0; width:10px; height:10px;}
.corner-r-t {right:0; top:-1px; position:absolute; background:url(../images/card-t-r.png) no-repeat 0 0; width:10px; height:10px;}
.corner-l-b {left:0; bottom:-1px; position:absolute; background:url(../images/card-b-l.png) no-repeat 0 0; width:10px; height:10px;}
.corner-r-b {right:0; bottom:-1px; position:absolute; background:url(../images/card-b-r.png) no-repeat 0 0; width:10px; height:10px;}
.card-img {float:left; width:450px; height:300px;}
.card-popular {float:right; width:190px;}
.all-card {text-decoration:underline;}
.all-card:hover {text-decoration:none;}

.left-section .moduletable {width:100%; float:left; margin-top:20px;}
.left-section .moduletable h3,.moduletable-featured-sites h3,.moduletable-ecard-list h3,.moduletable-emessage h3, .moduletable-tutorials h3 {border-bottom:1px solid #f90; background:url(../images/bg-h3-orange.gif) no-repeat 100% 100%; margin-bottom:20px; font-size:30px;}
.moduletable-tutorials-detail h3{border-bottom:1px solid #f90; background:url(../images/bg-h3-orange.gif) no-repeat 100% 100%; margin-bottom:20px; font-size:30px; width:560px;}
.moduletable-oveetafor-detail h3{border-bottom:1px solid #f90; background:url(../images/bg-h3-orange.gif) no-repeat 100% 100%; margin-bottom:20px; font-size:30px; width:450px;}
.moduletable-featured-sites ul {list-style:none;}
.moduletable-featured-sites li {display:block; float:left; width:31%; font-weight:bold; margin-bottom:5px; background:url(../images/icon-dot.gif) no-repeat 0 5px; padding-left:10px;}
.moduletable-featured-sites li a {color:#666;}

.moduletable-featured-list {border:1px solid #e3e3e3; padding:9px; width:650px; background:url(../images/bg-mouse.png) no-repeat 100% 100%; float:left; margin-top:15px;}
.moduletable-featured-list ul {list-style:none; float:left; width:100%}
.moduletable-featured-list li {display:block; float:left; width:23%; margin-bottom:5px; background:url(../images/icon-narrow.png) no-repeat 0 6px; padding-left:10px; font-weight:bold;}

.moduletable-search-domain {width:650px; float:left; background:#000; padding:5px 10px; margin-top:15px;}
.moduletable-search-domain .button {background:url(../images/btn2.png) no-repeat 0 0; width:28px; height:28px; font-size:11px; font-weight:bold; color:#fff; line-height:28px; padding-bottom:3px; border:none;}
.moduletable-search-domain form {float:left;}
.moduletable-search-domain span {float:left; margin-left:20px; border-left:1px solid #666; font-size:14px; color:#fff; display:block; padding:5px 0 5px 20px;}
.moduletable-search-domain select {width:230px;}
* +html .moduletable-search-domain select {width:220px;}
.moduletable-search-domain .inputbox {width:180px; font-style:italic;}
.moduletable-search-domain .subText {width:70px;}

.moduletable-gift {background-color:#f5f5f5; padding:10px;}
* +html .moduletable-gift {width:210px; float:left;}
.moduletable-gift h3 {margin-bottom:10px; font-size:18px;}
.moduletable-gift .inputbox {width:170px; font-style:italic;}
.moduletable-gift select {width:210px;}
.moduletable-gift input.button {background:url(../images/btn3.png) no-repeat 0 0; width:30px; height:30px; font-size:11px; font-weight:bold; color:#fff; line-height:28px; padding-bottom:3px; border:none; margin:0;}
.moduletable-gift .comment {font-style:italic; color:#666; font-size:11px;}

.moduletable-latest-news {right:10px; width:230px; margin-top:20px;}
.right-section .moduletable h3,.moduletable-latest-news h3,.moduletable-ecard-msg h3 {border-bottom:1px solid #000; background:url(../images/bg-h3-black.gif) no-repeat 100% 100%; margin:5px 0 15px; font-size:30px;}
.moduletable-latest-news ul {margin:0; padding:0; list-style:none;}
.moduletable-latest-news li {background:url(../images/icon-dot-black.png) no-repeat 0 6px; padding-left:10px; margin-bottom:5px;}
.moduletable-latest-news li a{color:#FFFFFF}

.moduletable-follow {bottom:10px; position:absolute; right:10px; height:36px; line-height:36px;}
.moduletable-follow span {float:left; padding-left:3px;}

#footer {text-align:center; padding:10px 0; width:100%; float:left; font-size:11px;}

.moduletable-ecard-list,.left-section .moduletable {margin-top:15px;}
.moduletable-ecard-list .row {border-bottom:1px dotted #666; width:100%; float:left; padding-bottom:15px; margin-bottom:15px;}
.moduletable-ecard-list .col,.moduletable-ecard-list .mid-col {float:left; width:210px; margin:5px; }
.moduletable-ecard-list .col h4,.moduletable-ecard-list .mid-col h4 {font-size:14px; color:#000; margin-bottom:7px;}
.moduletable-ecard-list .thumd-card {background:url(../images/thumb-card-n.jpg) no-repeat 0 0; padding:10px; margin-bottom:5px;}
.moduletable-ecard-list .thumd-card:hover {background:url(../images/thumb-card-ov.jpg) no-repeat 0 0;}
.moduletable-ecard-list .mid-col {margin:0 20px;}

.moduletable-ecard-msg {margin-top:30px;}

.moduletable-emessage {background:url(../images/bg-mouse.png) no-repeat 100% 0; padding-top:30px;}

#scroll-list {height:460px; width:220px; float:left; overflow:hidden;}
#scroll-list ul {list-style:none; margin:0; padding:0 0 0 15px;}	
#scroll-list li {margin-bottom:5px;}
#scroll-list li a {color:#000;}
#scroll-list li .selected {font-weight:bold;}

.scrollbar-vert {background:url(../images/bg-scroll.png) repeat-y 50% 0; float:left; height:460px; width:9px;}
.handle-vert {background:url(../images/handle.png) no-repeat 0 0; height:10px; width:10px; cursor:pointer;}

#featured-sites-scroll-list {height: 70px; overflow:hidden; float:left; width:660px;}
.featured-sites-scrollbar-vert {background:url(../images/bg-scroll.png) repeat-y 50% 0; float:left; height:70px; width:9px;}
.featured-sites-handle-vert {background:url(../images/handle.png) no-repeat 0 0; height:10px; width:10px; cursor:pointer;}

#interactive-scroll-list {height: 50px; overflow:hidden; float:left; width:650px;}
.interactive-scrollbar-vert {background:url(../images/bg-scroll.png) repeat-y 50% 0; float:left; height:50px; width:9px;}
.interactive-handle-vert {background:url(../images/handle.png) no-repeat 0 0; height:10px; width:10px; cursor:pointer;}

.gift-list {width:100%; float:left; border-bottom:1px dotted #666; padding-bottom:15px; margin-top:15px;}
.gift-list .desc {width:420px; float:left;}
.gift-list .name {font-size:18px; font-weight:bold; color:#000; margin-bottom:10px;}
.gift-list .logo {width:200px; float:right; padding:5px; background-color:#f0f0f0;}

.moduletable-img h3 {margin-top:-30px; font-size:30px;}
.img-module-top {text-align:right;margin-top:-58px; margin-bottom:-20px;}
.moduletable-img .content {clear:both;}

.tutorials-back {margin-top:0px; font-weight:bold; text-align:left; width:150px; float:left;}
.tutorials-links {margin-top:0px; font-weight:bold; text-align:right; width:400px; float:left;}
.oveetafor-links {margin-top:0px; font-weight:bold; text-align:right; width:250px; float:left;}
.tutorials-logo {text-align:right; margin-top:-50px;}

h5.toggler {background:#f90; color:#000; padding:3px 10px;}
h5.toggler img {float:right; margin-left:3px;}
* +html h5.toggler img {margin-top:-19px; margin-right:5px; margin-left:0;}

.frm-contact label {display:block; float:left; width:200px; text-align:right; margin-right:3px;}
.frm-contact .inputbox {width:300px; margin-bottom:5px;} 
.frm-contact textarea {width:300px; height:100px; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-top:2px solid #7c7c7c; border-bottom:1px solid #ddd; font-size:11px; color:#666; margin-bottom:5px;}

.skiptranslate {height:10px;}
#google_translate_element span{display:none}
.goog-te-gadget{ color: #F4F4F4 !important}

.frm-partner select.inputbox,.frm-partner input.inputbox {width:210px; margin:0 0 5px 0;}
* +html .frm-partner input.inputbox {width:205px; margin:0 0 5px 0;}