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

body { 
background:url(images/bg.png) #F9F9F9 repeat-x;
color:#333;
font:12px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
line-height:19px;
margin:30px 0;
}

.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.bold { font-weight:bold; }

img { border:0; }
a { color:#246F83; }

p { margin:1.5em 0 0; }
p.top { margin:0; }
h1, h2, h3, h4 { margin:0; }
h3 { font-size:135%; line-height:21px; }
h4 { font-size:115%; line-height:18px; margin-top:1.5em; }

hr { margin:20px 0; border-bottom:2px solid #eee; border-top:0; }

#wrapper { 
margin:auto;
width:982px;
}

.container {
background:#fff;
border:1px solid #ddd;
margin-bottom:20px;
padding:20px;
-moz-border-radius:5px;
border-radius:5px;
}

.container .title {
background:#25a2c3;
border:1px solid #14758f;
color:#fff;
font-size:140%;
margin-bottom:10px;
padding:10px;
-moz-border-radius:5px;
border-radius:5px;
}

.container .subcontent {
background:#c5ebf5;
padding:8px 10px;
margin-bottom:20px;
-moz-border-radius:5px;
border-radius:5px;
}

.container .subcontent a { color:#000; }
.container .subcontent a:hover { text-decoration:none; }
.container .subcontent a.subactive {
font-weight:bold;
}

a.moreinfo, a.ordernow {
background:#25a2c3;
color:#fff;
display:block;
font-size:90%;
font-weight:bold;
padding:4px 10px;
text-decoration:none;
text-align:center;
width:87px;
-moz-border-radius:5px;
border-radius:5px;
}
a:hover.moreinfo, a:hover.ordernow {
background:#abdb73;
color:#000;
}

/* Header */

#header { margin-bottom:30px; }

#logo a {
color:#f9f9f9;
position:relative;
display:block;
height:49px;
width:189px;
}

#logo a span {
display:block;
position:absolute;
width:189px;
height:49px;
background:url(images/logo.png) no-repeat top left;
z-index:100;
}

#nav { margin-top:8px; }

a.nav, a.active {
color:#666;
font-size:110%;
margin-left:10px;
padding:8px 10px;
text-decoration:none;
-moz-border-radius:5px;
border-radius:5px;
cursor:pointer;
}

a.active { 
background:#25a2c3;
color:#fff;
}

a:hover.nav {
color:#25a2c3;
}

a.order {
border:2px solid #abdb73;
padding:6px 8px;
}
a:hover.order, a.orderactive { 
background:#abdb73;
color:#000;
}

/* Banner */

#banner { 
background:#eff9e4 url(images/bannerbg.png) repeat-x;
border:1px solid #99cc66;
color:#669966;
font-size:120%;
margin-bottom:20px;
padding:12px 15px;
text-align:center;
-moz-border-radius:5px;
border-radius:5px;
}

/* Products */

#products { }

.products4 { width:748px; }
.products3 { width:558px; }
.products2 { width:369px; }
.products1 { width:178px; }

.productbox {
border:1px solid #c5ebf5;
-moz-border-radius:5px;
border-radius:5px;
}

.productbox a {
color:#333;
font-size:120%;
text-decoration:none;
}

.productbox a.moreinfo {
color:#fff;
font-size:90%;
}

.productbox .head {
background:#e1f4f8;
font-size:115%;
font-weight:bold;
padding:7px 10px;
}

/* Homepage - Content */

.contentbox {
border:1px solid #ddd;
width:298px;
height:285px;
-moz-border-radius:5px;
border-radius:5px;
}

.contentbox .head {
background:#eee url(images/contentboxheadbg.png) repeat-x;
font-size:140%;
padding:10px;
}

.contentbox .content {
padding:15px;
}

.contentbox .content p {
margin:15px 0 19px;
}

.whychoose ul { 
margin:0 0 0 15px;
padding:0;
}

.whychoose ul li { padding-bottom:13px; }
.whychoose ul li strong { color:#246F83; }

.testimonials p { margin:0; }

/* Product Page Tabs */

.tabdiv { margin-top:20px; }

.messagesactive, .messagesinactive {
float:left; 
position:relative;
margin-right:3px;
padding:9px 13px;
font-size:13px;
border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}

.messagesactive {
background:#c5ebf5;
font-weight:bold;
}

.messagesinactive { background:#e1f4f8; color:#333; }
.messagesinactive:hover { background:#c5ebf5; cursor:pointer; }

#intOverview, #intFeatures, #intFaq, #intSupport { border:1px solid #c5ebf5;-moz-border-radius:5px;-moz-border-radius-topleft:0;border-radius:5px;border-top-left-radius:0; margin-bottom:20px; padding:20px; }

#intOverview ul, #intFeatures ul, #intFaq ul { padding-left:30px; margin-bottom:0; }
#intOverview ul { list-style-image:url(images/icon_tick.gif); }
#intOverview li, #intFeatures li, #intFaq li { padding-left:5px; }

/* Tables */

.table {
border:1px solid #c5ebf5;
margin-top:20px;
-moz-border-radius:5px;
border-radius:5px;
}

.table th {
background:#e1f4f8;
border-bottom:1px solid #c5ebf5;
}

.table td {
border-bottom:1px dotted #ddd;
}

.table tr.order td {
background:#f9f9f9;
border-bottom:0;
}

.line { text-decoration:line-through; line-height:24px; }
.price { color:#339900; font-weight:bold; line-height:20px; }
.large { font-size:16px; line-height:32px; }

/* Footer */

#footer {
border-top:2px solid #eee;
margin-top:30px;
padding-top:25px;
}

#footer a { color:#666; }
#footer a:hover { color:#000; }


/* Twitter */

#twitter_update_list { }
#twitter_div { line-height:19px; }
ul#twitter_update_list { font-size:90%; list-style:none; margin:0; margin-bottom:-1.5em; padding:0; }
#twitter_update_list li { margin-bottom:1.5em; }
#twitter_update_list li span { }
#twitter_update_list li span a { background:none; border:0; padding:0; font-weight:normal; }
#twitter_update_list li a {  }

.message {

}

.message p { }

.time {
background:#e1f4f8;
border:1px solid #c5ebf5;
padding:5px 10px;
margin-bottom:1em;
font-weight:bold;
-moz-border-radius:5px;
border-radius:5px;
}