/* Default Styles */ * { padding: 0; margin: 0; outline: 0; } body { font: 14px/24px Georgia, Times, serif; color: #6b6b6b; background: url(/images/interface/body-bg.jpg) repeat 0 0; } a { cursor: pointer; color: #696969; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a img { border: 0; } .cl { font-size: 0; line-height: 0; height: 0; clear: both; } .notext { font-size: 0; line-height: 0; text-indent: -4000px; } .hidden { display: none; } .center { margin: 0 auto; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .ac { text-align: center; } .al { text-align: left; } .ar { text-align: right; } .shell { width: 960px; margin: 0 auto; } /* Home Page */ h1#logo { float: left; display: inline; height: 98px; width: 324px; font-size: 0; line-height: 0; } h1#logo a { display: block; height: 98px; background: url(/images/interface/logo.gif) no-repeat 0 0; } #header-cnt { float: left; display: inline; width: 636px; } #navigation { width: 636px; height: 58px; background: url(/images/interface/navigation.jpg) no-repeat 0 0; } #navigation li { float: left; display: inline; width: 125px; margin-right: 1px; position: relative; z-index:500;} #navigation a { float: left; display: inline; width: 125px; height: 58px; text-align: center; font: 20px Georgia, Times, serif; line-height: 50px; color: #33332e; } #navigation a:hover, #navigation .active { background: url(/images/interface/nav-hover2.jpg) no-repeat 0 0; color: #33332e; } #navigation li li .active {background:#D6BC98 none repeat scroll 0 0; } #navigation li ul { display: none; position: absolute; top: 55px; left: -1px; } #navigation li li { float: none; display: block; } #navigation li li a { border: 1px solid #b99d79; border-bottom: 0; background:#d6bc98; float:none; display:block; line-height:50px; font-size: 16px; height:50px;} #navigation li li a:hover { background: #e2bf8f; } #navigation li a.omega { border-bottom: 1px solid #b99d79; } #user-panel { height: 35px; width: 492px; background: url(/images/interface/user-panel.jpg) no-repeat 0 0; margin: 10px 0 0 auto; padding: 0 10px; } #user-panel p { float: left; display: inline; line-height: 35px; color: #33332e; padding-right: 10px; } #user-panel p a { text-decoration: underline; color: #33332e; } #user-panel p a:hover { text-decoration: none; color: #33332e; } #user-panel .field { float: left; display: inline; border: 1px solid #7288e5; background: #fff; color: #707070; padding: 2px 3px; width: 117px; margin: 6px 3px 0 0; font-size:14px; } #user-panel-dash { height: 35px; width: 492px; background: url(/images/interface/user-panel-dash.jpg) no-repeat right; margin: 10px 0 0 auto; padding: 0 10px; } #user-panel-dash .links { float: right; display: inline; } #user-panel-dash .links .omega { background: url(/images/interface/user-panel-border.gif) repeat-y 0 0; height: 29px; margin: 3px 0 0 0; padding: 0 16px; line-height: 29px; text-decoration: underline; } #user-panel-dash .links a { height: 29px; margin: 3px 0 0 0; padding: 0 16px; line-height: 29px; text-decoration: underline; color:#000;} #user-panel-dash a:hover { text-decoration: none; } #user-panel-dash .links a.omega:hover { text-decoration: none; } #user-panel .btn { float: left; display: inline; height: 24px; width: 99px; background: url(/images/interface/user-panel-btn.jpg) no-repeat 0 0; text-align: center; color: #000; margin: 5px 0 0 5px; border:none; cursor:pointer; font-size:15px; } #welcome, #features, #blog { background: url(/images/interface/welcome-bg.jpg) repeat-y 0 0; height: 100%; margin-top: 25px; } #welcome .top, #features .top, #blog .top { background: url(/images/interface/welcome-top.jpg) no-repeat 0 top; height: 100%; min-height: 436px; } #welcome .bot, #features .bot , #blog .bot { background: url(/images/interface/welcome-bot.jpg) no-repeat 0 bottom; height: 100%; } /******************* dash css start **************/ #dash { background: url(/images/interface/welcome-bg-dash.jpg) repeat-y 0 0; height: 100%; margin-top: 25px; } #dash .top { background: url(/images/interface/welcome-top-dash.jpg) no-repeat 0 top; height: 100%; min-height: 436px; padding-bottom:20px; } #dash .bot { background: url(/images/interface/welcome-bot-dash.jpg) no-repeat 0 bottom; height: 100%; } #dash .col-left { float: right; display: inline; width: 313px; margin: 28px 28px 0 5px; } #dash .col-left-bt { float: right; display: inline; width: 318px; margin: 28px 28px 0 5px; } #dash .col-left-feedback { float: right; display: inline; width: 318px; margin: 28px 28px 0 5px; } #dash .col-left .edit_favs {font-size:14px; color:#6c6c6c; margin-top:10px;} #dash .col-left .edit_favs a {color:#07ACFF; text-decoration:underline;} #dash .col-left .edit_favs a:hover {text-decoration:none;} #dash .col-left h3 { font: normal 18px/22px Georgia, Times, serif; color: #616161; margin-top:20px; padding:10px 10px 10px 75px; border:1px solid #dcdcdc; } #dash .col-left h3.trigger a {text-decoration:underline; color:#07ACFF;} #dash .col-left h3.trigger a:hover {text-decoration:none;} #dash .col-left h3.favorites.active {background-position: left bottom;} #dash .col-left h3.download.active {background-position: left bottom;} #dash .col-left h3.email.active {background-position: left bottom;} #dash .col-left h3.organizer.active {background-position: left bottom;} #dash .col-left h3.print.active {background-position: left bottom;} #dash .col-left h3.feedback.active {background-position: left bottom;} #dash .col-left h3.review.active {background-position: left bottom;} #dash .col-left h3.review.survey {background-position: left bottom;} #dash .col-left .toggle_container .block {padding:20px; background:#DCDCDC; } #dash .col-left .toggle_container .block ul li a {color:#07ACFF;} #dash .col-left .toggle_container .block ul li a:hover {color:#000000;} #dash .col-left h3.favorites { background: url(/images/interface/favorites.gif) no-repeat;} #dash .col-left h3.download { background: url(/images/interface/download.gif) no-repeat;} #dash .col-left h3.organizer{ background: url(/images/interface/organizer.gif) no-repeat;} #dash .col-left h3.email{ background: url(/images/interface/email.gif) no-repeat;} #dash .col-left h3.print{ background: url(/images/interface/print.gif) no-repeat;} #dash .col-left h3.feedback{ background: url(/images/interface/feedback.gif) no-repeat;} #dash .col-left h3.review { background: url(/images/interface/review_order.gif) no-repeat;} #dash .col-left h3.survey { background: url(/images/interface/survey.gif) no-repeat;} #dash .col-left h3.review a {color:#fff;} #dash .col-left h3.review a:hover {color:#fff;} #dash .col-left ul {padding:0; margin:0; background:#DCDCDC;} #dash .col-left p {padding:0; margin-bottom:0; background:#DCDCDC;} #dash .col-left p a {color:#07ACFF; text-decoration:underline; font-size:16px; } #dash .col-left p a:hover {text-decoration:none;} #dash .col-left p.casestudy {margin-top:10px; font-size:13px; font-weight:bold; } #dash .col-left textarea {margin-bottom:10px; padding:0; border:1px solid grey; width:275px; height:200px;} #dash .col-left textarea p {float:left; display:block;} #dash .col-left li { padding: 5px 0 0 0; list-style:decimal; font-size:16px; margin-left:20px } /******************* submit button survey - dash *************/ #dash .col-left p a.button_sm { background: #00AAFF; color: #fff; text-decoration: none; font-weight: normal; font-size: 18px; text-transform: lowercase; padding: 4px 13px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #00AAFF; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin-top:4px; font-size:18px;} #dash .col-left p a.button_sm:hover { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } #dash .col-left #container h4 {margin:0px; font-size:16px;} #dash .col-left #container p {font-size:16px;} #dash .col-left ol.forms li {list-style:none; margin-left:0;} #dash .col-left ol.forms li label {float:left; width:62px;} #dash .col-left ol.forms li input {width:195px; font-size:16px; color:grey;} #dash .col-left #container .alert {font-size:12px; font-weight:normal;} #dash .col-right { float: left; display: inline; width: 595px; } #dash .col-right ul {margin-bottom:10px;} #dash .col-right li { background: url(/images/interface/link_bullet.png) no-repeat 10px center; margin-right: 1px; padding-left: 30px; margin-top:3px; list-style:none; font-size:16px; font-weight:normal; } #dash .col-right li a {color:#07ACFF; text-decoration:underline;} #dash .col-right li a.purchasemore {color:#07ACFF; text-decoration:underline;} #dash .col-right li a.purchasemore:hover {text-decoration:none;} #dash .col-right li a:hover {text-decoration:none;} #dash .col-right .cnt { width: 550px; margin-left: 30px; margin-bottom:20px; padding: 10px 0 0 5px; } #dash .col-right .cnt h3 { font: bold 18px/22px Georgia, Times, serif; color: #565656; margin:20px 0 10px 0; } #dash .col-right .cnt h3 strong { font: bold 19px/22px Georgia, Times, serif; color: #313131; } #dash .col-right .cnt p.more-premium {margin-left:29px;} #dash .col-right .cnt p.more-premium a {color:#00aaff; text-decoration:underline; font-size:12px; font-weight:bold;} #dash .col-right .cnt p.more-premium a:hover {text-decoration:none;} #dash .col-right .cnt h4 {background: url(/images/interface/check_bullet.png) no-repeat 0 0; padding-left:20px; line-height:18px; margin:18px 0 8px 0;} /******************* dash css end *************/ #features .col-right #ajax-contact-form .button_sm { background: #00AAFF; color: #fff; text-decoration: none; font-weight: normal; font-size: 18px; text-transform: lowercase; padding: 4px 13px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #00AAFF; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin-top:4px; font-size:18px; width:195px;} #features .col-right #ajax-contact-form .button_sm:hover, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } #features .col-right #ajax-contact-form .button_sm:active, .smallButton:active, #btn_copy.active { color: orange; background-color: #fff; } #features .col-right p.user span{ color:#7f7f7f; font-size:12px; } #features .col-right .loginform{ width:230px; padding:0 20px; margin:20px 0; background:#f2f2f2; border:1px solid #dcdbdb; } /******************* checkout css start **************/ #pieces .top .text_nofavs .col-left { float: right; display: inline; width: 313px; margin: 8px 28px 0 5px; width:310px;} #pieces .top .text_nofavs .col-left-bt { float: right; display: inline; width: 318px; margin: 28px 28px 0 5px; } #pieces .top .text_nofavs .col-left-feedback { float: right; display: inline; width: 318px; margin: 28px 28px 0 5px; } #pieces .top .text_nofavs .col-left h3 { font: normal 18px/22px Georgia, Times, serif; color: #07ACFF; margin-top:20px; padding:10px 10px 10px 75px; border:1px solid #dcdcdc; } #pieces .top .text_nofavs .col-left h3.trigger a {text-decoration:underline; color:#07ACFF;} #pieces .top .text_nofavs .col-left h3.trigger a:hover {text-decoration:none;} #pieces .top .text_nofavs .col-left h3.favorites.active {background-position: left bottom;} #pieces .top .text_nofavs .col-left h3.cd.active {background-position: left bottom;} #pieces .top .text_nofavs .col-left h3.email.active {background-position: left bottom;} #pieces .top .text_nofavs .col-left h3.print.active {background-position: left bottom;} #pieces .top .text_nofavs .col-left h3.print.download{background-position: left bottom;} #pieces .top .text_nofavs .col-left h3.feedback.active {background-position: left bottom;} #pieces .top .text_nofavs .col-left h3.review.active {background-position: left bottom;} #pieces .top .text_nofavs .col-left .toggle_container .block {padding:20px; background:#DCDCDC; } #pieces .top .text_nofavs .col-left h3.favorites { background: url(/images/interface/favorites.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.cd { background: url(/images/interface/cd.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.email{ background: url(/images/interface/email.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.print{ background: url(/images/interface/print.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.download{ background: url(/images/interface/download.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.feedback{ background: url(/images/interface/feedback.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.review { background: url(/images/interface/review_order.gif) no-repeat;} #pieces .top .text_nofavs .col-left h3.review a {color:#fff;} #pieces .top .text_nofavs .col-left h3.review a:hover {color:#fff;} #pieces .top .text_nofavs .col-left h4 {font-size:14px; color:#6B6B6B; padding:0; margin:0;} #pieces .top .text_nofavs .col-left ul {padding:0; margin:0; background:#DCDCDC; color:black;} #pieces .top .text_nofavs .col-left p {padding:0; margin-bottom:0; background:#DCDCDC; font-size:14px; color:#6B6B6B;} #pieces .top .text_nofavs .col-left p.casestudy {margin-top:10px; font-size:13px; font-weight:bold; } #pieces .top .text_nofavs .col-left textarea {margin-bottom:10px; padding:0; border:1px solid grey; width:275px;} #pieces .top .text_nofavs .col-left li { padding: 5px 0 0 0; list-style:decimal; font-size:16px; margin-left:20px } #pieces .top .text_nofavs .col-right { float: left; display: inline; width: 520px; } #pieces .top .text_nofavs .col-right ul {margin-bottom:10px;} #pieces .top .text_nofavs .col-right li { background: url(/images/interface/bullet.png) no-repeat 10px center; padding: 1px 0 0 20px; list-style:none; font-size:14px; font-weight:bold; } #pieces .top .text_nofavs .col-right .cnt { width: 100%; margin-left: 15px; margin-bottom:20px; padding: 10px 0 0 5px; } #pieces .top .text_nofavs .col-right .cnt h3 { font: bold 18px/22px Georgia, Times, serif; color: #565656; margin:20px 0 10px 0; } #pieces .top .text_nofavs .col-right .cnt h3 strong { font: bold 19px/22px Georgia, Times, serif; color: #313131; } #pieces .top .text_nofavs .col-left #container h4 {margin:0px; font-size:14px;} #pieces .top .text_nofavs .col-left ol.forms li {list-style:none; margin-left:0;} #pieces .top .text_nofavs .col-left ol.forms li label {float:left; width:62px;} #pieces .top .text_nofavs .col-left ol.forms li input {width:195px; font-size:14px; color:grey;} #pieces .top .text_nofavs .col-left #container .alert {font-size:12px; font-weight:normal;} #pieces .col-left textarea {margin-bottom:10px; padding:0; border:1px solid grey; width:275px; height:200px;} /******************* dash css end *************/ /******************* Confirm Favorites - css START*************/ #pieces .top .text_nofavs .col-right .confirm {margin-top:15px; margin-bottom:20px; background:#E1E0E0 ; padding:10px 15px;} #pieces .top .text_nofavs .col-right .confirm h3 {margin-top:0px;} #pieces .top .text_nofavs .col-right .confirm_hidden {display:none;} #pieces .top .text_nofavs .col-right .confirm .sm_print {font-size:12px; color:#666; padding-top:7px;} #pieces .top .text_nofavs .col-right .confirm .sm_print input {margin-right: 10px;} #pieces .top .text_nofavs .col-right .confirm li { padding: 1px 0 0 10px; list-style:decimal; font-size:14px; font-weight:bold; background:none; color:#07acff; } #pieces .top .text_nofavs .col-right .cnt .button_sm {margin-left:5px;} /******************* suggestions css start *************/ #sug { background: url(/images/interface/welcome-bg-dash.jpg) repeat-y 0 0; height: 100%; margin-top: 25px; } #sug .top { background: url(/images/interface/welcome-top-dash.jpg) no-repeat 0 top; height: 100%; min-height: 436px; padding-bottom:20px; } #sug .bot { background: url(/images/interface/welcome-bot-dash.jpg) no-repeat 0 bottom; height: 100%; } #sug .col-right { float: left; display: inline; width: 940px; } #sug .col-right ul {margin-bottom:10px;} #sug .col-right li { background: url(/images/interface/bullet.png) no-repeat 10px center; margin-right: 1px; padding: 5px 0 0 40px; list-style:none; font-size:16px; font-weight:bold; } #sug .col-right .cnt { width: 920px; margin-left: 30px; margin-bottom:20px; padding: 10px 0 0 5px; } #sug .col-right .cnt h3 { font: bold 18px/22px Georgia, Times, serif; color: #565656; margin:20px 0 10px 0; } #sug .col-right .cnt h3 strong { font: bold 19px/22px Georgia, Times, serif; color: #313131; } #sug .col-right .cnt label {display:block; padding:15px 0 5px 0; font-size:16px; font-weight:bold;} #sug .col-right .cnt select {border:1px solid grey; display:block; font-size:14px; height:26px; margin-bottom:5px; margin-top:5px; padding-top:2px;} /******************* suggestions css end*************/ #welcome .col-left, #features .col-left, #blog .col-left { float: left; display: inline; width: 318px; margin: 5px 0 0 5px; } #welcome .breadcrumbs, #features .breadcrumbs, #blog .breadcrumbs { height: 57px; line-height: 57px; text-align: left; color: #2b2f2f; font-size: 15px; padding-left:27px; } #welcome .breadcrumbs a, #features .breadcrumbs a, #blog .breadcrumbs a { color: #2b2f2f; text-decoration: underline; } #welcome .breadcrumbs a:hover, #features .breadcrumbs a:hover, #blog .breadcrumbs a:hover { text-decoration: none; } #welcome .col-left ul { list-style: none outside; } #welcome .col-left li { height: 74px;} #welcome .col-left li a { display: block; height: 74px; line-height: 70px; padding-left: 38px; background: url(/images/interface/welcome-nav.gif) no-repeat 0 0; font-size: 26px; color: #3c3636; } #features .col-left .secure {padding:15px;} #features .col-left .secure h3 {border-top:1px solid #DFDFDF; font-size:18px; margin:5px 0; padding-top:5px;} #features .col-left .secure h4 {border-top:1px solid #DFDFDF; font-size:18px; margin:5px 0; padding-top:5px;} #features .col-left .secure p {padding:0; font-size:14px; line-height:24px; margin:5px 0;} #features .col-left .secure img {padding:0; margin:10px 0;} #features .col-right .cnt_join .secure h4 {color:#F49236; margin:0; padding:0; line-height:24px; } #features .col-right .cnt_join .join_testimonials {color:#F49236; margin:20px 50px 5px 5px; padding:8px 15px 8px 45px; font-style:italic; background:#f3f3f0 url(/images/interface/pull_quote.png) no-repeat 8px 8px; } #features .col-right .cnt_join .join_testimonials span {color:#5F5F5F; margin:0; padding:0; font-style:normal; text-align:right; display:block;} #features .col-right .secure {padding:15px; border-toop:1px solid grey;} #features .col-right .secure p {padding:0; font-size:14px; line-height:24px; margin:5px 0;} #features .col-right .secure img {padding:0; margin:0 0 20px 0;} #features .col-right .secure .left {float:left; width:265px; margin:10 15 10 0;} #features .col-right .secure .right {float:left; width:265px; margin:10 15 10 0;} #welcome .col-left li a:hover, #welcome .col-left li a.active, #welcome .col-left li a.jFlowSelected { background-position: 0 bottom; } #welcome .col-left li span { float: left; display: inline; margin-right: 30px; color: #000; } #welcome .col-left .btn { height: 74px; background: url(/images/interface/welcome-nav-bottom-bg.gif) repeat-x 0 0; } #welcome .col-left .btn a:hover { text-decoration: none; } #welcome .active-sign-up a { display: block; height: 71px; width: 317px; background: url(/images/interface/welcome-menu-bot-btn.gif) no-repeat 0 0; margin: 1px 0 0 1px; text-align: center; font: 26px/44px Georgia, Times, serif; color: #000; line-height: 71px; } #welcome .active-sign-up a:hover, #welcome .active-sign-up a.jFlowSelected { background: url(/images/interface/welcome-menu-bot-active.gif) no-repeat 0 0; } #welcome .col-right, #features .col-right, #blog .col-right { float: left; display: inline; width: 633px; padding-bottom:5px;} #player { height: 62px; border-bottom: 1px solid #e5dddd; } #player .box { width: 592px; height: 34px; margin: 18px auto 0; z-index:5; position:relative;} #player .box img { float: left; display: inline; margin: 5px 20px 0 15px; } #player .box p { float: left; display: inline; line-height: 34px; color: #ae9a9a; font-size: 16px; } #player .box p span { padding-left: 10px; } #player .controls { float: left; display: inline; margin-left: 35px; } #player .controls a { float: left; display: inline; margin-right: 5px; width: 21px; } #player .controls a img { float: none; display: block; margin: 5px 0 0 0 !important; } #welcome .about { background: url(/images/interface/welcome-img.jpg) no-repeat 0 0; height: 368px; } #welcome .about p { width: 605px; margin-left: 20px; font: 20px/31px Georgia, Times, serif; color: #282525; padding-top:6px; float:left;} #welcome .about p span { color: #787575; font-weight:bold; font-size:20px; } #welcome .about ul { list-style: none outside; padding: 0 0 0 270px; } #welcome .about li { background: url(/images/interface/link_bullet.png) no-repeat 0 center; padding-left: 30px; color: #787672; margin: 5px 0; } #welcome .about li a { color: #07acff; text-decoration: underline; font-size:16px;} #welcome .about li a:hover { text-decoration: none; } #welcome .features { background: url(/images/interface/welcome-features-bg.gif) no-repeat 0 -2px; height: 300px; } #welcome .features .index { float: left; display: inline; width: 357px; } #welcome .features .index ul { list-style: none outside; padding: 5px 0 0 42px; } #welcome .features .index li a { height: 41px; line-height: 41px; display: block; padding-left: 32px; background: url(/images/interface/bullet.png) no-repeat 0 center; font-size: 18px; color: #000; position: relative; margin-bottom: -5px; } #welcome .features .index li a:hover, #welcome .features .index li a.jFlowSelected3, #welcome .features .index li a.active { background: url(/images/interface/index-hover.gif) no-repeat 0 0; } #welcome .features .index .all-features { color: #07acff; text-decoration: underline; margin-left: 50px; display: inline-block; font-size:14px; background: url(/images/interface/link_bullet.png) no-repeat 0 center; padding-left:25px;} #welcome .features .explaination .details { color: #07acff; text-decoration: underline; marginleft:70px; display: inline-block; font-size:14px; background: url(/images/interface/link_bullet.png) no-repeat 0 center; padding-left:25px;} #welcome .features .index .all-features:hover, #welcome .features .explaination .details:hover { text-decoration: none; } #welcome .features .explaination { float: left; display: inline; width: 233px; height: 350px; overflow: hidden; background: #ece9e9; margin-top: 6px; padding: 0 10px 0; } #welcome .features .explaination p { font: 15px/22px Georgia, Times, serif; color: #000; padding-bottom: 8px; } #welcome .features .explaination .details { position: relative; margin: 0 0 0 70px; } #welcome .features .explaination .image { width: 170px; margin: 10px auto 0; } #welcome .features .explaination .image img { border: 1px solid #cccccc; } #welcome .features .explaination .image span { text-align: right; display: block; } #welcome .features .explaination .image span a { color: #8e8e8e; } #welcome .features .explaination .image span a:hover { color: #000; } #welcome .video { padding-top: 8px; background: url(/images/interface/welcome-features-bg.gif) no-repeat 0 72px; } #welcome .video .player { margin-left:40px; } #welcome .large-/images/interface { height:222px; position:relative; overflow:hidden; } #welcome .large-image { position: relative; } #welcome .large-image .about-them { position: absolute; top: 22px; right: 0; width: 331px; } #welcome .large-image .about-them h2 { background: #f49236; height: 47px; line-height: 47px; font-size: 18px; color: #fff; padding: 0 13px; } #welcome .large-image .about-them .story { background: #fff; height: 100%; padding: 8px; font: 17px/20px "Courier New", Courier, sans-serif; color: #000; } #welcome .large-image .about-them .story a { color: #1800ff; text-decoration: underline; font: 14px Georgia, Times, serif; } #welcome .large-image .about-them .story a:hover{ color: #1800ff; text-decoration: none; } #welcome .thumbs { padding: 1px; } #welcome .thumbs .thumb { float: left; display: inline; margin-right: 1px; height: 94px; } #welcome .thumbs .thumb a img { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #welcome .thumbs .thumb a span { display: none; color: #617079;} #welcome .thumbs .thumb a:hover span, #welcome .thumbs .thumb a.hover span, #welcome .thumbs .thumb a.jFlowSelected2 span { display: block; text-align: center; background: url(/images/interface/thumb-text-bg.gif) repeat-x 0 0; } #welcome .thumbs .thumb a:hover img, #welcome .thumbs .thumb a.jFlowSelected2 img { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } #welcome .testimonials { } #welcome .testimonials h2 { font: 22px/44px Georgia, Times, serif; color: #3b3a39; text-align: center; } #welcome .sign-up { background: url(/images/interface/signup-shadow.gif) no-repeat 0 223px; min-height: 369px; } #welcome .sign-up h3 { font: bold 16px/34px Georgia, Times, serif; color: #f49236; margin-left: 25px; } #welcome .sign-up h4 { font: bold 16px/24px Georgia, Times, serif; color: #000; margin-left: 80px; margin-top:0px; } #welcome .sign-up label { display: block; color: #2a2a2a; line-height: 25px; margin-left: 33px; } #welcome .sign-up input.field { display: block; background: #fff; border: 1px solid #bbb; width: 240px; padding: 2px; margin: 0 0 10px 33px; } #welcome .sign-up input.checkbox { float: left; display: inline; margin: 0 12px 0 33px; } #welcome .sign-up label.terms { float: left; display: inline; line-height: 13px; margin-left: 0; } #welcome .sign-up label.terms a { text-decoration: underline; color: #0107ff; } #welcome .sign-up input.btn { cursor: pointer; display: block; height: auto; background: #F59237; margin: 20px 0 0 33px; padding: 10px 20px; color: #000; font-weight:bold; } #welcome .sign-up .col-left { width: 280px; } /*********** Sign up link Homepage Slide **********/ #welcome .sign-up .col-right { width: 590px; padding-left: 25px; } #welcome .sign-up .col-right h3 { margin-left: 0; font-size: 16px; margin-top: 5px; } #welcome .sign-up ul { list-style: none outside; margin: 5px 0 10px 10px; } #welcome .sign-up li { margin: 4px 0; color: #484848; font-size:16px; padding-left:37px; background:transparent url(/images/interface/check_bullet.png) no-repeat scroll 10px center; } #welcome .sign-up p { color: #484848; padding: 8px 0; font-size:14px; } #welcome .sign-up .price { background:transparent url(/images/interface/price.gif) no-repeat scroll 0 0; color:#484848; float:left; font-size:18px; height:55px; margin-left:122px; margin-right:70px; padding: 8px 0 8px 0; text-indent:-5000px; width:150px; } #welcome .sign-up .joinnow { background:transparent url(/images/interface/joinnow.gif) no-repeat scroll 0 0; float:left; width:153px; height:63px; margin-left: 85px; font-size:24px; font-weight:bold; color:#fff; padding:18px 0 0 18px; } #welcome .sign-up a {text-decoration:underline;} #welcome .sign-up a:hover {text-decoration:none;} #welcome .sign-up #foxycart_186 {margin-bottom:25px;} #welcome .sign-up #foxycart_186 input[type="text"] {display:none;} #welcome .sign-up #foxycart_186 .foxycart_link { background: #00AAFF; color: #fff; text-decoration: none; font-weight: normal; font-size: 20px; text-transform: lowercase; padding: 8px 18px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #00AAFF; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin:0;} #welcome .sign-up #foxycart_186 .foxycart_link:hover, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } #welcome .sign-up #foxycart_186 .foxycart_link:active, .smallButton:active, #btn_copy.active { color: orange; background-color: #fff; } /*********** Sign up link Pricing info Template **********/ #features .col-right .cnt_join #foxycart_186 {margin-bottom:60px; height:20px;} #features .col-right .cnt_join signup_bt_mrg {height:15px;} #features .col-right .cnt_join { width: 600px; margin-left: 30px; padding: 10px 0 0 5px; } #features .col-right .cnt_join h3 { margin-left: 0; font-size: 16px; margin:0; padding:10px 0 5px; color:#F49236; } #features .col-right .cnt_join h3.total {font-size:22px; float:left;} #features .col-right .cnt_join .pricetotal {font-size:22px; color:#00AAFF;} #features .col-right .cnt_join h2.total {font-size:16px; float:left;margin-left:47px; margin-bottom:15px;} #features .col-right .cnt_join a.total_checkout {float:left;} #features .col-right .cnt_join p .member_link {display:block; float:right; font-size:14px; font-weight:normal; margin-bottom:25px; margin-right:40px } #features .col-right .cnt_join h4 { font: bold 16px/34px Georgia, Times, serif; color: #000; margin-left: 80px; margin-top:18px; } #features .col-right .cnt_join ul { list-style: none outside; margin: 10px 0 20px 10px; } #features .col-right .cnt_join li { margin: 4px 0; color: #484848; font-size:16px; padding-left:37px; background:transparent url(/images/interface/check_bullet.png) no-repeat scroll 10px center; } #features .col-right .cnt_join p { color: #484848; padding: 8px 45px 8px 0; font-size:14px; } #features .col-right .cnt_join .price { background:transparent url(/images/interface/price.gif) no-repeat scroll 0 0; color:#484848; float:left; font-size:18px; height:55px; margin-left:122px; padding: 8px 0 8px 0; text-indent:-5000px; width:150px; } #features .col-right .cnt_join .price_top { background:transparent url(/images/interface/price.gif) no-repeat scroll 0 0; color:#484848; float:left; font-size:18px; height:55px; margin-left:22px; padding: 8px 0 8px 0; text-indent:-5000px; width:130px; margin-top:15px; } #features .col-right .cnt_join .joinnow { background:transparent url(/images/interface/joinnow_sm.gif) no-repeat scroll 0 0; float:left; width:153px; height:63px; margin:20px 0 0 5px; font-size:24px; font-weight:bold; color:#fff; padding:18px 0 0 18px; } #features .col-right .cnt_join a {text-decoration:underline;} #features .col-right .cnt_join a:hover {text-decoration:none;} #features .col-right .cnt h2 { display: block; font: 17px/24px Georgia, Times, serif; margin: 0 0 10px; font-weight:bold; } #features .col-right .cnt h2.kit { border-top:1px dashed grey; padding-top:15px; } #features .col-right .cnt h3.kit { border-top:1px dashed grey; padding-top:15px; } .spacer_kit {height:25px;} #features .col-right .cnt_join .add-to-cart input[type="text"] {display:none;} #features .col-right .cnt_join .add-to-cart { background: #00AAFF; color: #fff; text-decoration: none; font-weight: normal; font-size: 20px; text-transform: lowercase; padding: 8px 18px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #00AAFF; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin:7px 0 0 70px;} #features .col-right .cnt_join .add-to-cart:hover, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } #features .col-right .cnt_join .add-to-cart:active, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } .add-to-cart { background: #00AAFF; color: #fff; text-decoration: none; font-weight: normal; font-size: 20px; text-transform: lowercase; padding: 8px 18px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #00AAFF; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin:7px 0 0 70px;} .add-to-cart:hover, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } #features .col-right .cnt_join label {font-size:16px;} #short-boxes { margin-top: 25px; } #short-boxes .short-box { float: left; display: inline; margin-right: 20px; background: url(/images/interface/short-box.jpg) no-repeat 0 0; height: 221px; width: 306px; } #short-boxes .short-box.omega { margin-right: 0 !important; } #short-boxes .short-box .tabs{ height: 49px; padding-left: 4px; } #short-boxes .short-box .tabs ul { list-style: none outside; padding-top: 3px; } #short-boxes .short-box .tabs li { float: left; display: inline; background: url(/images/interface/tabs-border.gif) no-repeat right 0; height: 46px; } #short-boxes .short-box .tabs a { float: left; display: inline; line-height: 46px; margin-right:2px; font-size: 16px; color: #231f1f; } #short-boxes .short-box .tabs .omega { background: none; padding-right: 0; } #short-boxes .short-box .tabs .omega a { background: none; padding-right: 36px; } #short-boxes .short-box .tabs a:hover { background: #fff; } #short-boxes .short-box .tabs .alpha a:hover { background: #fff url(/images/interface/tab-alpha.gif) no-repeat 0 0; } #short-boxes .short-box .tabs .omega a:hover { background: #fff url(/images/interface/tab-omega.gif) no-repeat right 0; } #short-boxes .blog ul { list-style: none outside; padding: 5px 0 0 23px; } #short-boxes .blog li span { float: right; display: inline; width: 30px; } #short-boxes .blog li { padding: 1px 0; } #short-boxes .blog li a { color: #453838; } #short-boxes .blog li a:hover { text-decoration: underline; } #short-boxes .blog .all { display: block; background: url(/images/interface/link_bullet.png) no-repeat 0 center; padding-left: 25px; color: #07acff; text-decoration: underline; margin-left: 20px; margin-top:15px; font-size:16px;} #short-boxes .blog .all:hover { text-decoration: none; } /* Fixed tab width for all browser compability */ #short-boxes #set1 .alpha { width: 100px; } #short-boxes #set1 .alpha a { padding: 0; width: 98px; text-align: center; text-decoration:underline; font-size:16px; color:#07acff; font-weight:bold;} #short-boxes #set1 .alpha a:hover {text-decoration:none;} #short-boxes #set1 .alpha a.selected {text-decoration:none;} #short-boxes #set1 .middle { width: 100px; } #short-boxes #set1 .middle a { width: 98px; text-align: center; text-decoration:underline; font-size:16px; color:#07acff; font-weight:bold; } #short-boxes #set1 .middle a:hover {text-decoration:none;} #short-boxes #set1 .middle a.selected {text-decoration:none;} #short-boxes #set1 .omega { width: 101px; } #short-boxes #set1 .omega a { width: 99px; padding: 0; text-align: center; text-decoration:underline; font-size:16px; color:#07acff; font-weight:bold;} #short-boxes #set1 .omega a:hover {text-decoration:none;} #short-boxes #set1 .omega a.selected {text-decoration:none;} #short-boxes .short-box .tabs .middle a.selected { background: #fff; } #short-boxes .short-box .tabs .alpha a.selected { background: #fff url(/images/interface/tab-alpha.gif) no-repeat 0 0; } #short-boxes .short-box .tabs .omega a.selected { background: #fff url(/images/interface/tab-omega.gif) no-repeat right 0; } /**********************************************/ #short-boxes #set2 .tabs .alpha { width:150px; } #short-boxes #set2 .tabs .alpha a { width:148px; padding:0; text-align: center; text-decoration:underline; font-size:16px; color:#07acff; font-weight:bold; } #short-boxes #set2 .tabs .alpha a:hover {text-decoration:none;} #short-boxes #set2 .tabs .alpha a.selected {text-decoration:none;} #short-boxes #set2 .tabs .omega { width:151px; } #short-boxes #set2 .tabs .omega a { width:149px; padding:0; text-align: center; text-decoration:underline; font-size:16px; color:#07acff; font-weight:bold; } #short-boxes #set2 .tabs .omega a:hover {text-decoration:none;} #short-boxes #set2 .tabs .omega a.selected {text-decoration:none;} #short-boxes #set2 .reviews { padding: 10px 35px 0; } #short-boxes #set2 p { padding: 7px 0 0 20px; font: 16px/24px Georgia, Times, serif; color: #8e8383; } #short-boxes #set2 p.ar { font: 16px/24px Georgia, Times, serif; color: #4c3c3c; padding: 0 !important; } #short-boxes #tab3 h3 { font: 16px/46px Georgia, Times, serif; color: #07acff; text-align: center; font-weight:bold;} #short-boxes .planning-kit { padding: 0 20px 0 20px; } #short-boxes .planning-kit .kit { margin-top:5px; font-size:16px; } #short-boxes .planning-kit .kit a { color:#07acff; text-decoration:underline; background: url(/images/interface/link_bullet.png) no-repeat 0 center; padding-left: 25px; } #short-boxes .planning-kit .kit a:hover { text-decoration:none; } #short-boxes .planning-kit ul { list-style: none outside; padding: 5px 0; } #short-boxes .planning-kit li { background: url(/images/interface/check_bullet.png) no-repeat 0 center; padding-left: 25px; color: #8b7d7d; font-size:16px; } #short-boxes .planning-kit label { float: left; display: inline; width: 60px; color: #2a2a2a; font-size:14px; font-weight:bold; } #short-boxes .planning-kit .field { float: left; display: inline; width: 183px; padding: 3px 5px; background: #fff; border: 1px solid #bebebe; color: #d2c6c6; margin:0 0 7px 0; font-size:12px; } #short-boxes .planning-kit .btn { display: block; margin: 0 12px 0 auto; height: 21px; line-height: 21px; width: 99px; text-align: center; color: #000; background: url(/images/interface/user-panel-btn.jpg) no-repeat 0 0; } #footer { background: url(/images/interface/welcome-bg.jpg) repeat-y 0 0; height: 100%; margin: 20px 0; } #footer .bot { background: url(/images/interface/welcome-bot.jpg) no-repeat 0 bottom; } #footer .top { background: url(/images/interface/welcome-top.jpg) no-repeat 0 top; } #footer .bg { background: #fff; margin: 6px 8px; position: relative; height: 100%; } #footer a:hover { text-decoration: underline; } #footer p { padding: 20px 20px 10px 20px; } #footer .column { float: left; display: inline; border-right: 1px solid #ece9e9; padding: 0 28px; min-height: 130px; margin-top: 6px; } #footer .column.omega { border: 0; } #footer .column h2 a { display: block; font: 14px/20px Georgia, Times, serif; color: #000; padding-top: 10px; font-weight:bold; } #footer .column ul { list-style: none outside; } #footer .column li a { font: 12px/20px Georgia, Times, serif; color: #5c6262; } #footer .subscribe { float: left; display: inline; width: 192px; margin: 10px 0 0 30px; } #footer .subscribe a { display: block; width: 180px; padding-left: 12px; height: 30px; font: 14px/30px Georgia, Times, serif; color: #000; margin-bottom: 8px; } #footer .rss { background: url(/images/interface/subscribe-rss.jpg) no-repeat 0 0; } #footer .facebook { background: url(/images/interface/subscribe-facebook.jpg) no-repeat 0 0; } #footer .twitter { background: url(/images/interface/subscribe-twitter.jpg) no-repeat 0 0; } /* Features Page */ #features .col-left ul, #blog .col-left ul { list-style: none outside; padding:0; margin-bottom:1px; } #features .col-left li { background: url(/images/interface/features-menu-border.gif) repeat-x 0 0; margin-right: 1px; padding-top: 2px; } #features .col-left li a { font-size: 16px; display: block; height: 34px; line-height: 34px; background: url(/images/interface/bullet.png) no-repeat 10px center; padding-left: 41px; color: #000; } #features .col-left li a span { font: bold 17px/34px Georgia, Times, serif; color: #665c5c; } #features .col-left li a:hover { text-decoration: underline; } #features .col-left li a.active { background: #fff; position: relative; margin-right: -10px; } #features .col-left li.last .active { background: #fff url(/images/interface/features-menu-last.gif) no-repeat 0 0; } #features .col-right .cnt { width: 590px; margin-left: 20px; padding: 20px 0 10px 5px; } #features .col-right .cnt h3 { font: bold 16px/22px Georgia, Times, serif; color: #000; } #features .col-right .cnt p { font: 15px/22px Georgia, Times, serif; color: #000; padding: 15px 0; } #features .col-right .cnt .entry p { padding: 5px 0; } #features .col-right .cnt p a {color:#07acff; text-decoration:underline;} #features .col-right .cnt .download a { font-size:14px; font-weight:bold; color:#07acff; text-decoration:underline; background: url(/images/interface/file_bullet.png) no-repeat 10px center; padding:5px 0 5px 45px; margin-top:0; margin-bottom:10px; display:block; } #features .col-right .cnt p a:hover {text-decoration:none;} #features .col-right .cnt ul { list-style: none outside; } #features .col-right .cnt li { font: 16px/30px Georgia, Times, serif; color: #949494; background: url(/images/interface/check_bullet.png) no-repeat 10px center; padding-left: 35px; float:left; width:300px;} #features .col-right .cnt img { margin: 0 20px 20px 0; display:inline; float:left; border:1px solid #ccc; } #features .col-right .cnt .img_contact { margin-left:-5px; display:inline; float:left; border:none; } #features .col-right .cnt img.featured_img { margin: 0 20px 20px 0; display:inline; float:left; border:none; } #features .col-right .cnt .next {float:right; margin-top: -5px; color: #ba6501; } #features .col-right .cnt .next .joinnow {background:transparent url(/images/interface/joinnow.gif) no-repeat scroll 0 0; float:left; width:153px; height:63px; margin-left: 85px; font-size:24px; font-weight:bold; color:#fff; padding:18px 0 0 18px; } #features .col-right .cnt .next a.joinnow {text-decoration:underline;} #features .col-right .cnt .next a.joinnow:hover {text-decoration:none;} #features .col-right .cnt .next a { color: #07acff; text-decoration:none; font-size:16px;} #features .col-right .cnt .next a:hover { text-decoration: underline; } #features .col-right .cnt .prev { float:left; margin-top: -5px; color: #ba6501; } #features .col-right .cnt .prev a { color: #07acff; text-decoration:none; font-size:16px;} #features .col-right .cnt .prev a:hover { text-decoration: underline; } /* Blog2 Page */ #blog .col-left h3.category { background: url(/images/interface/category-bg-fold.png) no-repeat top left; text-shadow: #fff 0 1px 2px; color: #347cb0; padding: 0 0 0 10px; width: 100%; position: relative; margin-left:-10px; height:43px; } #blog .col-left h3.category .ribbon{ background: url(/images/interface/category-bg.png) repeat-x top left; display: block; padding: 5px 0 0 20px; height:43px; } /* Blog Page */ #blog .col-left #feat_a li a {font-size:14px; font-weight:bold; color:grey;} #blog .col-left ul { padding-bottom: 0; } #blog .col-left .asd { background: transparent none repeat scroll 0 0 !important; padding-bottom:9px; } #blog .col-left li {margin-right:1px; } #blog .col-left h2 { font: bold 16px/34px Georgia, times, serif; color: #000; padding-left: 30px; background: url(/images/interface/h2_bg.png) no-repeat 0 0; width:298px; height:42px; margin-top:-2px; float:left; margin-left:-10px;} #blog .col-left li a { background: url(/images/interface/features-menu-border.gif) repeat-x left bottom; font-size: 16px; display: block; height: 100%; line-height: 34px; padding: 0 10px 4px 30px; color: #686868; } #blog .col-left li a:hover { text-decoration: underline; } #blog .col-left li a.active { background: url(/images/interface/sitebar_header_bg.gif) no-repeat 0 0; width:300px; float:left; position: relative; margin-right: -10px; display:block; background-color:#fff: } #blog .col-right .cnt { width: 596px; margin: 10px 0 0 20px; } #blog small { display: inline; height: 35px; width: 107px; text-align: center; color: #000; font: bold 16px/22px Georgia, Times, serif; line-height: 35px; background: url(/images/interface/status-box.gif) no-repeat 0 0; margin-bottom: 10px; } #blog .post { padding-bottom: 25px; } #blog .post h2 { display: block; font: 17px/24px Georgia, Times, serif; margin: 0 0 10px; font-weight:bold; } #blog .post h2 a { display: block; font: 17px/24px Georgia, Times, serif; margin: 0 0 10px 5px; font-weight:bold; color:#07ACFF; } #blog .post h2 a:hover { text-decoration: underline; } #blog .post h3 {display:block; float:left; width:100%; margin:3px 0;} #blog .entry img { margin: 0 15px 10px 0; display:inline; float:left; } #blog .entry img.blog_img_bg { background: url(/images/interface/blog_img_bg.gif) no-repeat 0 0; padding:6px 7px 7px 7px; } #blog .entry p { display:block; font-size:14px, font-weight:bold;} #blog .entry p a {color:#07ACFF;} #blog .entry p a:hover {text-decoration:underline;} #blog .entry p.download a { font-size:16px; font-weight:bold; color:#07acff; text-decoration:underline; background: url(/images/interface/file_bullet.png) no-repeat 10px center; padding:5px 0 5px 45px; margin-top:15px; display:block; } #blog .entry p.download a:hover { text-decoration:none; } #blog .entry .links a { display: block; height: 25px; line-height:20px; text-decoration:underline; color:#07acff; font-size:16px; background: url(/images/interface/link_bullet.png) no-repeat 10px center; margin-top:15px; padding-left:35px; float:left; padding-top:3px; padding-bottom:5px; } #blog .entry .links a:hover { text-decoration:none; } #blog .entry .links a img { margin: 0 5px -2px 0; position: relative; } #blog .entry .postmetadata { height: 30px; background: url(/images/interface/postmetadata-bg.jpg) no-repeat 0 0; line-height: 30px; padding: 0 20px 0 10px; color: #000; margin-top:10px; } #blog .entry .postmetadata .fl {margin-right:20px;} #blog .entry .postmetadata .fr { color: #808080; } #blog .entry .postmetadata a {color:#07acff;} #blog .premium_promo {background:#F8F7F7 url(/images/interface/promo.png) no-repeat scroll 15px 15px; border:1px solid #CBCBCB; padding:5px 10px 5px 130px; margin-top:15px; display:block; position:relative;} #blog .premium_promo h4 {margin:0;} #blog .premium_promo span {display:inline; margin-left:90px;} #blog .premium_promo p {margin:0; padding-bottom:5px;} #blog .premium_promo a {margin:0; display:block; color:#07acff; text-decoration:underline; display:inline;} #blog .premium_promo a:hover {margin:0; text-decoration:none;} #sharethis_0 {clear:both; display:block; padding:20px 0;} #blog .col-right .cnt .stico_default {margin-left:6px; background:transparent url(/images/interface/share-icon-16x16.png?CXNID=1000014.0NXC) no-repeat scroll 5px 4px !important;} #blog .col-right .cnt .dig {display:block; padding:20px; margin-bottom:15px;} #blog .pages { margin-bottom: 25px; height: 25px; display:inline; float:left; } #blog .pages a { float: left; display: inline; border: 1px solid #c7c7c7; padding: 0 10px; height: 23px; line-height: 23px; margin-right: 14px; color: #000; } #blog .pages a:hover { color: #aeaeae; } #blog .pages strong { color: #fff; background: #f59d4a; display:inline; float:left; border: 1px solid #c7c7c7; padding: 0 10px; height: 23px; line-height: 23px; margin-right: 14px; } /***** MUSICIANS ********/ #blog .col-right .cnt ul { list-style: none outside; float:left; display:block; width:100%; margin:3px 0; } #blog .col-right .cnt li { font: 16px/30px Georgia, Times, serif; color: #949494; background: url(/images/interface/check_bullet.png) no-repeat 10px center; padding-left: 35px; float:left; width:300px;} /* Backend Page */ #user-panel .links { float: right; display: inline; } #user-panel .links a { background: url(/images/interface/user-panel-border.gif) repeat-y 0 0; height: 29px; margin: 3px 0 0 0; padding: 0 16px; line-height: 29px; text-decoration: underline; } #user-panel a:hover { text-decoration: none; } #options-panel { background: url(/images/interface/options-bg.gif) repeat-y 0 0; height: 100%; margin: 20px 0 15px 2px; z-index:2; } #options-panel .bot { background: url(/images/interface/options-bot.jpg) no-repeat 0 bottom; } #options-panel .top { background: url(/images/interface/options-top.jpg) no-repeat 0 top; min-height: 116px; _height: 116px; padding: 4px 0 6px 25px; } /* #filter { display: ; } */ #filter div { float: left; display: inline; padding-bottom:6px;} #filter h2 { background: url(/images/interface/options-panel-filter.gif) no-repeat 0 0; font: 20px/30px Georgia, Times, serif; height: 30px; color: #000; padding-left: 10px; margin: 15px 0; } #filter h2 span { float: left; display: inline; padding-right: 20px; line-height: 25px; height: 30px; } #filter select { border:1px solid grey; font-size:13px; height:20px; margin:0 55px 0 0; padding:0; width:265px; } #filter #instrument select { width: 265px; margin-right: 0px; } #filter option {padding:3px; font-size:14px;} #expanded-filter { display:none; position: relative; z-index: 10; margin-left: -10px; } #expanded-filter .box { float: left; display: inline; width: 298px; border: 1px solid #e6e0e0; margin: 5px 14px 5px 0; min-height:360px; background:#f8f4f4; } #expanded-filter .head { height: 26px; border-bottom: 1px solid #e6e0e0; background: #f49236; } #expanded-filter .head h2 { font: 18px/26px "Myriad Pro", Arial, sans-serif; color: #000000; padding-left: 15px; } #expanded-filter ul { list-style: none outside; background: #f8f4f4 url(/images/interface/li-expand-border.gif) repeat-x 0 bottom; padding-bottom:3px; } #expanded-filter ul ul{ background:transparent; padding-bottom:0; } #expanded-filter li { padding-left: 15px; background:url(/images/interface/li-expand-border.gif) repeat-x 0 0; padding-top:4px;} #expanded-filter li.checked { background-color:#f4d8b4;} #expanded-filter li .checkbox { margin: 6px 13px 0 0; width:14px; height:14px; vertical-align:top} #expanded-filter li .checkbox1 { margin: 6px 13px 0 0; width:14px; height:14px; vertical-align:top} #expanded-filter li .checkbox2 { margin: 6px 13px 0 0; width:14px; height:14px; vertical-align:top} #expanded-filter li .checkbox3 { margin: 6px 13px 0 0; width:14px; height:14px; vertical-align:top} #expanded-filter li label { cursor: pointer; color: #2b2f2f; font-size: 15px; } #expanded-filter li li { padding-left: 0; } #expanded-filter .dd { background: #f8f4f4; margin: 2px 0 0 -15px; position:relative; } #expanded-filter .dd ul{ min-height:0 !important; } #expanded-filter .dd label { color: #495656; } #expanded-filter .dd .checkbox { margin: 6px 30px 0 15px; } #expanded-filter .box-short { border-bottom: 1px solid #e6e0e0; } #pieces { background: url(/images/interface/pieces-bg.gif) repeat-y 0 46px; height: 100%; } #pieces .bot { background: url(/images/interface/pieces-bot.gif) no-repeat 0 bottom; } #pieces .top { background: url(/images/interface/pieces-top.gif) no-repeat 0 top; padding:3px 0 10px 3px; } #pieces table { width: 950px; } #pieces th { height:42px; font: 16px/18px "Myriad Pro", Verdana, Arial, sans-serif; color: #000; border-right:solid 1px #b9b8b8; border-bottom:solid 1px #919090; } #pieces th a{ display:block; color:#000; padding:4px; margin:0 10px; background-repeat:no-repeat; background-position:94% 8px;} #pieces th a.active-sort, #pieces th a:hover{ background-color:#f0ebeb; } .asc { background-image:url(/images/interface/asc.gif)} .desc { background-image:url(/images/interface/desc.gif)} #pieces .top .text_nofavs .checkout-radio {margin:10px 20px; padding:5px;} #pieces th.first { border-left:0; } #pieces th.last { border-right:0; } #pieces th select { width: 200px; text-align: center; font: 16px "Myriad Pro", Verdana, Arial, sans-serif; color: #000; } #pieces td { height: 38px; overflow: hidden; } #pieces .top .text_nofavs {padding:4px 15px 15px 15px;} #pieces .top .text_nofavs h4 {margin:6px 0 18px 0; font-size:18px; color:#4F4A4A; } #pieces .top .text_nofavs p {margin:6px 0; font-size:16px; } #pieces .top .text_nofavs a {color:#07ACFF; text-decoration:underline; } #pieces .top .text_nofavs a:hover {text-decoration:none; } #pieces .top .text_nofavs ul {padding:5px 0 10px 35px; font-size:14px; } #pieces td p.text { font: 14px "Myriad Pro", Verdana, Arial, sans-serif; color: #000; padding: 0 10px; } #pieces td ul {padding-left:25px; list-style-type:circle;} #pieces td ul li {line-height:20px;font: 14px "Myriad Pro", Verdana, Arial, sans-serif; color: #000; padding:5px 0;} #pieces td span.text { font: 13px "Myriad Pro", Verdana, Arial, sans-serif; color: #8a8a8a; padding: 0 15px; } #pieces td select { border:1px solid grey; font-size:13px; height:20px; margin:0; padding:0; width:120px; } #pieces div.rating { height: 10px; background: url(/images/interface/rating.gif) repeat-x 0 0; margin: 7px 0 0 10px; font-size: 0; line-height: 0; text-indent: -4000px;} #pieces p.rating { padding: 5px 0 0 10px; font: 12px "Myriad Pro", Verdana, Arial, sans-serif; color: #000; } #pieces td { border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } #pieces td.first { border-left: 0; } #pieces td.last { border-right: 0; } #pieces td.last .buy {background: url(/images/interface/buy.png) no-repeat 0 0; display:inline; padding:5px 4px; font-weight:bold; font-size:12px; } #pieces tr.even { margin-left: 1px;} #pieces tr.even td { background: #e7e1e1;} #pieces tr.saved td { background: #dfe3ed;} #pieces td a.expand {display:block; font-size:11px; color:#00aaff; margin:2px 0 2px 16px; text-decoration:underline; background: url(/images/interface/info_bullet.png) no-repeat center left; padding-left:15px;} #pieces td a.expand:hover {text-decoration:none;} #pieces tr.active-top { background: #f2f2f2; } #pieces tr.active-top td { background: #f2f2f2; border-right-color: #f2f2f2; border-left-color: #f2f2f2; } #pieces tr.active-bot td { background: #f2f2f2; border-right-color: #f2f2f2; border-left-color: #f2f2f2; padding: 10px 40px; font: 14px "Myriad Pro", Verdana, Arial, sans-serif; } #pieces tr.active-bot td p { padding-bottom: 10px; line-height:24px; font-size:15px; } #pieces tr.active-bot td span { font-size: 15px; float: left; display: inline; color: #777; margin-right: 90px; } #pieces tr.last td { border-bottom: 0; } #pieces tr.tr-hover td { background: #f2f2f2 !important; } .navi { background: url(/images/interface/footer-box-bg.gif) repeat-y 0 0; height: 100%; margin: 15px 0; font: 12px/30px Verdana, Arial, sans-serif; } .navi .top { background: url(/images/interface/footer-box-top.gif) no-repeat 0 top; padding: 1px 0; } .navi .bot { background: url(/images/interface/footer-box-bot.gif) no-repeat 0 bottom; } .navi .filtered { float: left; display: inline; width: 60%; } .navi .filtered p { float: left; display: inline; margin-left: 20px; padding-right: 48px; font-size:14px; color:#000; border-right:1px solid #d7d7d7; line-height:31px; } .navi .filtered p span { font: bold 14px/30px Verdana, Arial, sans-serif; text-transform: uppercase; color: #f49236; } .navi .filtered p.last { border: 0; margin-left: 29px; font-size:16px; } .navi .filtered a { display: inline-block; color: #2c22ff; text-decoration: underline; padding: 0 5px;} .navi .filtered a:hover {text-decoration: none;} .navi .filtered a.active{ background: #f0f0f0; color: #000; text-decoration: none; } .navi .pages { float: right; display: inline; width: 35%; color: #000; margin-right: 30px; height: 32px; } .navi .filtered .view p{ border:none; } .navi .total-pages { float: right; display: inline; border-left: line-height: 30px; height: 32px; padding-left: 10px; margin-left: 10px; font-size:14px; } .navi .total-pages strong {background:#F0F0F0; padding:7px; } .navi .view { float: left; display: inline; line-height: 31px; height: 32px; } .navi .pages a { display: inline-block; color: #2c22ff; text-decoration: underline; padding: 0 5px; } .navi .pages a:hover { text-decoration: none; } .navi .pages a.active{ background: #f0f0f0; color: #000; text-decoration: none; } .navi .pages a.nobr { color: #000; text-decoration: none; } .navi .pages a.nobr:hover { text-decoration: underline; } #footer-box { background: url(/images/interface/footer-box-bg.gif) repeat-y 0 0; height: 100%; } #footer-box a { color: #000; } #footer-box a:hover { text-decoration: underline; } #footer-box .top { background: url(/images/interface/footer-box-top.gif) no-repeat 0 top; padding: 10px 15px; } #home-slides { } /*.about, .features, .video { display:none;}*/ .expading-view { text-decoration: underline;color:#7260f8; font-size:15px; font-weight:bold;} .expading-view:hover { text-decoration: none;} .table-tabs { height:39px; overflow:hidden; position:relative; bottom:-2px;} .table-tabs ul{ list-style-type: none; float:left; } .table-tabs li{ float:left; display:inline; } .table-tabs li a, .table-tabs li a span { float:left; height:39px; background:url(/images/interface/table-tab.gif) no-repeat 0 0; padding: 0 0 0 20px; } .table-tabs li a span { background-position:right 0; padding: 0 20px 0 0; } .table-tabs li a { font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif; font-size:18px; color:#fff; line-height:40px; } .table-tabs li a.active, .table-tabs li a:hover { background-position: 0 bottom; } .shell #content .table-tabs li.active { float:left; height:39px; background:url(/images/interface/table-tab.gif) no-repeat right bottom; } .table-tabs li a.active span, .table-tabs li a:hover span{ background-position: right bottom; } .active-bot { display:none; } .table-tab { height:39px; overflow:hidden; position:relative; bottom:-2px; margin-left:1px; } .table-tab ul{ list-style-type: none; } .table-tab li{ float:left; display:inline; } .table-tab li a, .table-tab li a span { float:left; height:39px; background:url(/images/interface/table-tab.gif) no-repeat 0 0; padding: 0 0 0 20px; } .table-tab li a span { background-position:right 0; padding: 0 20px 0 0; } .table-tab li a { font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif; font-size:18px; color:#fff; line-height:40px; } .table-tab li a.active, .table-tab li a:hover { background-position: 0 bottom; } .shell #content .table-tab li.active { float:left; height:39px; background:url(/images/interface/table-tab.gif) no-repeat right bottom; } .table-tab li a.active span, .table-tab li a:hover span{ background-position: right bottom; } .button { background: #0364DD; color: #fff; text-decoration: none; font-weight: bold; font-size: 22px; text-transform: lowercase; padding: 12px 30px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #0364DD; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin-top:25px} .button:hover, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } .button:active, .smallButton:active, #btn_copy.active { color: orange; background-color: #fff; } .button_sm { background: #00AAFF; color: #fff; text-decoration: none; font-weight: normal; font-size: 18px; text-transform: lowercase; padding: 4px 13px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; border: 1px solid #00AAFF; cursor: pointer; border-bottom: 1px solid rgba(0,0,0,0.25); cursor:pointer; display:inline-block; position: relative; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-transform:capitalize; outline: none; -moz-outline-style:none; -webkit-transition-duration:.25s; margin-top:4px;} .button_sm:hover, .smallButton:active, #btn_copy.active { background-color: #ffa500; color: #fff; border: 1px solid #ffa500; } .button_sm:active, .smallButton:active, #btn_copy.active { color: orange; background-color: #fff; } /* jqModal base Styling courtesy of; Brice Burgess */ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (via jqModal.js). */ .jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 600px; background-color: #EEE; color: #333; border: 1px solid black; padding: 12px; } .jqmOverlay { background-color: #000; } /* Background iframe styling for IE6. Prevents ActiveX bleed-through (