body {
background: #E9EFFF url('images/bg.jpg') repeat-x;
color: #222;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12pt;
margin: 0;
}

strong {
color: #111;
}

strong.red {
color: #cc0000;
}

strong.green {
color: #05bd00;
}

strong.blue {
color: #0000ff;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.tinfo {
font-size: 11px;
}

.message {
background: #e1fbdb url('images/p-box4-bg.jpg') repeat-x;
border: 1px solid #ddd;
padding: 5px;
}

h1 {
color: #4fbadb;
font-family: "Times New Roman", Times, serif;
font-size: 28px;
text-align: center;
text-transform: capitalize;
padding-top: 0px;
margin-top: 0px;
}

h2 {
color: #4fbadb;
font-family: times;
font-size: 27px;
font-weight: bold;
margin-top: -10px;
text-align: center;
text-decoration: none;
}

h3 {
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
text-align: center;
text-transform: capitalize;
margin-top: 0px;
}

/* Main Divs */

#container {
margin: 0 auto;
width: 650px;
}

#top {
background: transparent;
font-size: 10px;
margin-top: 6px;
padding: 1px;
}

#top-text {
color: #000;
font-size: 12px;
font-weight: bold;
position: relative;
top: -4px;
left: 10px;
}

#sidebar {
background: #fff;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
clear: right;
float: right;
padding: 7px;
width: 258px;
}

#content {
background: transparent;
border-top: 0px solid #aaa;
border-left: 0px solid #ccc;
border-right: 0px solid #ccc;
border-bottom: 0px solid #ccc;
}

#intro {
background: transparent url('images/intro-bg.png') no-repeat;
height: 320px;
margin-top: 0px;
margin-bottom: 20px;
padding: 3px;
}

#text {
width: 650px;
}

#footer-bg {
background: #d4d8ff url('images/p-box7-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
clear: both;
margin-top: 20px;
}

#footer-container {
background: #fff;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 0 auto;
padding: 5px;
width: 650px;
}

#footer {
padding: 10px;
text-align: center;
}

#bottom-nav-top {
background: transparent url('images/sidebar-top.png') no-repeat;
height: 15px;
width: 274px;
}

#bottom-nav {
background: #fff;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
font-size: 11px;
padding-left: 7px;
padding-right: 7px;
width: 258px;
}

#bottom-nav-bottom {
background: transparent url('images/sidebar-bottom.png') no-repeat;
height: 20px;
width: 274px;
}

#package-box {
background: #ffe699 url('images/p-box1-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box2 {
background: #ffd6d6 url('images/p-box2-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box3 {
background: #e4ffff url('images/p-box3-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box4 {
background: #e1fbdb url('images/p-box4-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box5 {
background: #fde4d7 url('images/p-box5-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box6 {
background: #f2ffc4 url('images/p-box6-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box7 {
background: #d4d8ff url('images/p-box7-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box8 {
background: #e4e4e4 url('images/p-box8-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#package-box9 {
background: #e4e4e4 url('images/p-box8-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

#search-box {
background: #f2ffc4 url('images/p-box6-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

/* Divs */

.post-top {
background: transparent url('images/post-top.png') no-repeat;
height: 20px;
width: 650px;
}

.post {
background: #fff;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 8px;
}

.post-bottom {
background: transparent url('images/post-bottom.png') no-repeat;
height: 20px;
margin-bottom: 9px;
width: 650px;
}

.feed {
background: #e4ffff url('images/p-box3-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -7px;
margin-bottom: 10px;
padding: 5px;
width: 262px;
}

.breadcrumb {
font-size: 11px;
margin-top: -10px;
}

.audio-box {
background: #e4ffff url('images/p-box3-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
margin-left: -8px;
padding: 5px;
width: 350px;
}

.ie {
margin-top: -13px;
}

.box-form {
background: #f5f5d5 url('images/box-form-bg.png') repeat-x;
border: 1px solid #ddd;
margin-bottom: 10px;
padding: 5px;
}

.box-form h3 {
color: #555;
font-size: 18px;
}

.errmsg {
background: #ffd6d6 url('images/p-box2-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin-left: -8px;
margin-right: -8px;
padding: 3px 3px 3px 20px;
}

.adminReplyInfoCell {
background: #f2ffc4 url('images/p-box6-bg.jpg') repeat-x;
border: 1px solid #ddd;
margin-bottom: 10px;
padding: 5px;	
}

.visitorReplyInfoCell {
background: #ffe699 url('images/p-box1-bg.jpg') repeat-x;
border: 1px solid #ddd;
margin-bottom: 10px;
padding: 5px;
}

.original-message {
background: #e4ffff url('images/p-box3-bg.jpg') repeat-x;
border: 1px solid #ddd;
margin-bottom: 10px;
padding: 5px;
}

.dhtmlgoodies_question {
background: #ffe699 url('images/p-box1-bg.jpg') repeat-x;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
cursor: pointer;
overflow: hidden;
margin-top: 10px;
padding: 4px;
}

.dhtmlgoodies_answer {
background-color: #ebf6fd;
border: 1px solid #dae8f0;
height: 0px;
overflow: hidden;
margin-bottom: 10px;
padding: 3px 0px 3px 2px;
position: relative;
visibility: hidden;
}

/* Links */

input[type="submit"] {
cursor: pointer;
}

#top-text a:link, #top-text a:visited {
color: #000;
font-weight: bold;
text-decoration: none;
}

#top-text a:hover, #top-text a:active {
color: #777;
text-decoration: none;
}

#navbar a:link, #navbar a:visited {
color: #444;
font-weight: bold;
padding-right: 10px;
text-decoration: none;
}

#navbar a:hover, #navbar a:active {
color: #777;
text-decoration: none;
}

a.top:link, a.top:visited {
background: url('images/top.png') no-repeat;
font-size: 11px;
font-weight: bold;
padding: 0px 0px 4px 13px;
}

a.top:hover, a.top:active {
background: url('images/top.png') no-repeat;
text-decoration: none;
}

/* Sales Page Elements */

/* Structure Divs */

#margin {
margin-top: 30px;
}

#content-sales-top {
background: transparent url('images/content-sales-top.png') no-repeat;
height: 30px;
margin-left: -1px;
width: 650px;
}

#content-sales {
background: #fff;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
padding: 23px;
padding-top: 0px;
margin-top: 0px;
width: 600px;
}

#content-sales-bottom {
background: transparent url('images/content-sales-bottom.png') no-repeat;
height: 30px;
margin-left: -1px;
width: 650px;
}

#text-sales {
background: #fff;
margin: 0 auto;
}


/* Divs */

.clear {
clear: both;
}

.sales-video {
background: #fff;
float: left;
height: 290px;
margin-right: 10px;
margin-left: -10px;
width: 328px;
}

.salesbox-top {
background: transparent url('images/sales-box-top.png') no-repeat;
height: 20px;
}

.sales-box {
background: #eee;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 5px;
width: 588px;
}

.salesbox-bottom {
background: transparent url('images/sales-box-bottom.png') no-repeat;
height: 20px;
margin-bottom: 10px;
}

.buy-button-top {
background: transparent url('images/buy-button-top.png') no-repeat;
height: 20px;
}

.buy-button {
background: #f5f5d5;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 5px;
width: 600px;
}

.buy-button-bottom {
background: transparent url('images/buy-button-bottom.png') no-repeat;
height: 20px;
margin-bottom: 10px;
}

/* HTML */

#content-sales h1 {
color: #003366;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 23px;
text-align: center;
}

#content-sales h2 {
color: #dd0000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 27px;
text-align: center;
}

h2.b {
color: #333;
font-family: Times;
font-size: 17px;
text-align: center;
text-transform: capitalize;
}

h2.b2 {
color: #333;
font-family: Times;
font-size: 17px;
text-align: center;
text-transform: capitalize;
}

h3.red {
color: #dd0000;
font-family: Times;
font-size: 22px;
margin: 30px 10px 30px 10px;
text-align: center;
text-transform: capitalize;
}

.blue {
color: #003366;
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
margin: 30px 10px 30px 10px;
text-align: center;
font-weight:bold;
}

/* Tabs Css */

#tabbed_box {
margin: 10px auto 0px auto;
width:650px;
}

.tabbed_box h4 {
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#fff;
letter-spacing:-1px;
margin-bottom:10px;
}

.tabbed_box h4 small {
color:#fff;
font-weight:normal;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
position:relative;
top:-4px;
left:6px;
letter-spacing:0px;
}

.tabbed_area {
background:transparent;
margin-top: 40px;
}

ul.tabs {
margin:0px; padding:0px;
margin-top:5px;
margin-bottom:6px;
margin-left: 8px;
}

ul.tabs li {
list-style:none;
display:inline;
}

ul.tabs li a {
background: transparent url('images/tab-bg1.png') repeat-x;
color:#fff;
padding:8px 14px 8px 14px;
text-decoration:none;
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
border:1px solid #ccc; 
}

ul.tabs li a:hover {
background: transparent url('images/tab-bg3.png') repeat-x;
border-color: #ccc;
}

ul.tabs li a.active {
background: transparent url('images/tab-bg2.png') repeat-x;
color:#000;
border:1px solid #ccc; 
border-bottom: 1px solid #ccc;
}

.content {
background-color:transparent;	
}

#content_2, #content_3 {
display:none;
}