* { padding: 0; margin: 0; outline: 0; }

.inner {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial, sans-serif;
    color: #737373;
    background: #fff;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }

a img { border: 0; }
a { color: #dc1929; text-decoration: underline; cursor:pointer}
a:hover { text-decoration: none; }

.shell { margin: 0 auto; width:702px; background:#fff}
.left2 { float: left; display: inline; }
.right { float: right; display: inline; }
.no-txt{font-size:0; line-height:0; text-indent:-9999px; display:block}

.wrap {padding:5px 0 3px 0;}
.inner .wrap{padding:22px 5px 9px 10px; border:1px solid #cdcdcd; height:100%; overflow:hidden}


.ctn{background:url(/images/banneradvertising/ctn.gif) repeat-y 0 0; margin-bottom:13px}
.top{background:url(/images/banneradvertising/top.gif) no-repeat 0 0;}
.bottom{background:url(/images/banneradvertising/bottom.gif) no-repeat 0 bottom; height:100%; padding:14px 13px 15px 15px}

h1{font-size:25px; color:#71980b; line-height:30px; padding-left:8px; font-weight:normal; margin-bottom:12px}

.ctn p{padding-bottom:18px; padding-left:8px}

#navigation {height:49px; overflow:hidden;}
#navigation li{display:inline}
#navigation li a{text-align:right; padding-right:18px; height:49px; line-height:49px; font-size:14px; color:#494949; font-weight:bold; float:left; text-decoration:none}
#navigation li a:hover,
#navigation li a.active{color:#fff;}
#navigation li#tour a{background:url(/images/banneradvertising/navigation.gif) no-repeat 0 0; width:152px;}
#navigation li#tour a:hover,
#navigation li#tour a.active{background:url(/images/banneradvertising/navigation.gif) no-repeat 0 -49px;}

#navigation li#testimonial a{background:url(/images/banneradvertising/navigation.gif) no-repeat -170px 0; width:148px}
#navigation li#testimonial a:hover,
#navigation li#testimonial a.active{background:url(/images/banneradvertising/navigation.gif) no-repeat -170px -49px;}

#navigation li#about a{background:url(/images/banneradvertising/navigation.gif) no-repeat -338px 0; width:156px}
#navigation li#about a:hover,
#navigation li#about a.active{background:url(/images/banneradvertising/navigation.gif) no-repeat -338px -49px;}

#navigation li#contact a{background:url(/images/banneradvertising/navigation.gif) no-repeat -512px 0; width:144px}
#navigation li#contact a:hover,
#navigation li#contact a.active{background:url(/images/banneradvertising/navigation.gif) no-repeat -512px -49px;}


.nav {margin-bottom:19px; height:100%; overflow:hidden; padding-top:4px}
.nav li{display:inline;}
.nav li a{font-size:14px; color:#2e2e2e; text-decoration:none; margin:0 3px 0 7px}
.nav li a:hover{text-decoration:underline}
.nav li a.last{margin-right:0}


.linking{width:325px; background:url(/images/banneradvertising/linking.gif) repeat-y 0 0; margin-bottom:6px; margin-right:3px}
.linking-top{background:url(/images/banneradvertising/linking-top.jpg) no-repeat 0 0;}
.linking-bottom{background:url(/images/banneradvertising/linking-bottom.gif) no-repeat 0 bottom; height:100%; padding:22px 19px 0 19px}
.linking h2{background:url(/images/banneradvertising/web.gif); height:66px; margin-bottom:10px}
.linking p{color:#414141; line-height:19px; padding-bottom:16px; padding-left:0}
.linking ul{height:100%; overflow:hidden;}
.linking ul li{display:block; margin-bottom:10px}
.linking ul li p{display:block; padding:0 0 0 31px; background:url(/images/banneradvertising/bulet.gif) no-repeat 0 0; height:15px; line-height:15px; position:relative; z-index:2}
.linking a.start{background:url(/images/banneradvertising/start.gif); height:136px; margin-top:-15px; position:relative; z-index:1}


.inner #navigation{height:59px; overflow:hidden; margin-bottom:22px; width:680px;}
.inner #navigation li{display:inline}
.inner #navigation li a{float:left; height:57px; line-height:57px; text-align:center; text-transform:uppercase; padding:0; font-size:16px}

.inner #navigation li#overview a{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat 0 0; width:171px;}
.inner #navigation li#overview a:hover{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat 0 -47px;}
.inner #navigation li#overview a.active{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat 0 -94px !important;}

.inner #navigation li#features a{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -171px 0; width:174px;}
.inner #navigation li#features a:hover{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -171px -47px;}
.inner #navigation li#features a.active{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -171px -94px 
!important;}

.inner #navigation li#faq a{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -345px 0; width:129px;}
.inner #navigation li#faq a:hover{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -345px -47px;}
.inner #navigation li#faq a.active{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -345px -94px !important;}

.inner #navigation li#order a{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -474px 0; width:175px;}
.inner #navigation li#order a:hover{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -474px -47px;}
.inner #navigation li#order a.active{background:url(/images/banneradvertising/inner-navigation.gif) no-repeat -474px -94px !important;}


.gray{background:url(/images/banneradvertising/gray.gif) repeat-y 0 0; margin-bottom:18px; margin-left:30px;}
.gray-top{background:url(/images/banneradvertising/gray-top.gif) no-repeat 0 0;}
.gray-bottom{background:url(/images/banneradvertising/gray-bottom.gif) no-repeat 0 bottom; height:100%; padding:21px 29px 0 32px}
.gray h2{font-size:28px; color:#2e2e2e; line-height:36px; letter-spacing:-1px; margin-bottom:20px}
.gray h2 strong{font-size:26px;}
.gray h3{font-size:17px; color:#505050; margin-bottom:52px}
.gray ul{height:100%; overflow:hidden; margin-bottom:21px; padding-left:31px}
.gray ul li{display:block; margin-bottom:9px}
.gray2 ul li p{background:url(/images/banneradvertising/bulet2.gif) no-repeat 0 0; padding:0 0 0 29px; display:block; height:17px; line-height:17px; font-size:14px}
.gray ul li p{background:url(/templates/yoo_beyond/images/list_check.png) no-repeat 0 0; padding:0 0 0 29px; display:block; 
height:24px; line-height:24px; font-size:14px}
span.red{font-size:17px; color:#d4231b; display:block; margin-bottom:28px; font-weight:bold}
span.use{font-size:18px; color:#505050; font-weight:bold; line-height:24px; text-align:center; display:block; margin-bottom:38px; letter-spacing:-1px}
span.use strong{font-size:17px;}
a.order-now{background:url(/images/banneradvertising/order-now.gif); width:403px; height:166px; margin-left:99px}

.article h3{font-size:18px; color:#bb1c1a; background:url(/images/banneradvertising/question.gif) no-repeat 0 0; height:55px; line-height:55px; padding-left:70px; letter-spacing:-1px}
.article p{font-size:14px; color:#737373; padding-bottom:17px}
.article .right{width:230px; background:url(/images/banneradvertising/right.gif) repeat-y 0 0; margin-top:5px; margin-right:4px}
.article .right-top{background:url(/images/banneradvertising/right-top.gif) no-repeat 0 0;}
.article .right-bottom{background:url(/images/banneradvertising/right-bottom.gif) no-repeat 0 bottom; height:100%; padding:17px 16px 19px 23px}
.article .right h4{font-size:15px; color:#343434;}
.article .right small{display:block; background:url(/images/banneradvertising/quote.gif) no-repeat 0 bottom; font-size:11px; line-height:17px; height:67px; margin-bottom:15px}
.article .right p{font-style:italic; color:#343434; font-size:12px; padding-bottom:31px; background:url(/images/banneradvertising/quote2.gif) no-repeat right bottom; line-height:22px}
.article .right a.testimonials{background:url(/images/banneradvertising/arrow.gif) no-repeat 0 0; display:block; font-size:12px; color:#4f7b10; text-decoration:none; height:20px; line-height:20px; padding-left:39px; font-weight:bold} 
a.banner{background:url(/images/banneradvertising/a-banner.gif) no-repeat 0 0; width:533px; height:162px; margin-left:58px; margin-bottom:24px; margin-top:-5px}
.example{padding:22px 14px 34px 14px; overflow:hidden}

.second {background:url(/images/banneradvertising/second.gif) repeat-y 0 0 !important;}
.second h2{text-align:center; font-size:26px; line-height:29px; margin-bottom:17px}
.second h3{text-align:center; margin-bottom:33px}
.second h3.offer{font-size:26px; letter-spacing:-2px; line-height:36px}
.second h3.offer span{font-size:24px;}
.second h3.offer strong{font-family:arial black, sans-serif; }
.second .gray-top{background:url(/images/banneradvertising/second-top.gif) no-repeat 0 0 !important;}
.second .gray-bottom{background:url(/images/banneradvertising/second-bottom.gif) no-repeat 0 bottom !important;}