/****************
* GENRAL STYLES *
****************/

html {
    background-color: #F6F6F6;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    margin: 0;
    padding: 0;
    min-width: 1250px;
}

img {
    border: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Droid Serif', Georgia, serif;
    font-weight: normal;
}

a {
    color: #BC2222;
}

a:hover {
    color: #DD3F3F;
    text-decoration: none;
}

/******************
* TOP / MAIN MENU *
******************/

#top {
    background: url('/media/images/top.png') repeat-x;
    height: 130px;
}
#top h1 {
    margin: 0;
    padding: 0;
    display: inline;
    width: 150px;
    height: 120px;
    float: left;
}
#top h1 a {
    background: url('/media/images/logo.png') no-repeat center top;
    height: 120px;
    display: block;
    text-indent: -9999px;
    outline: none;
    position: relative;
}
#topRight {
    margin-left: -150px;
    width: 100%;
    float: left;
}
#menu {
    margin: 0;
    padding: 0;
    margin-left: 150px;
    font-family: 'Droid Serif', Georgia, serif;
    font-size: 150%;
    text-align: right;
}
#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 20%;
}
#menu li a {
    padding: 0;
    width: 100%;
    height: 120px;
    margin: 0;
    line-height: 120px;
    color: #BD0000;
    text-decoration: none;
    display: block;
    text-align: center;
    text-shadow: 0px 1px 5px #26221F;
}
#menu li a:hover {
    background: url('/media/images/hover.png') no-repeat center top;
    color: #FF5353;
}

#menu li small {
    padding: 10px;
    color: #7E5D42;
    display: none;
    text-align: center;
    font-size: 50%;
    text-transform: uppercase;
    margin-top: -110px;
    height: 0;
}
#menu li a:hover small {
    display: block;
}

/******************
* NEEDS SOME WORK *
******************/

.message {
    background-color: #FDFECD;
    width: 1246px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 20px;
    border: 1px solid #EBEDC2;
    color: #848241;
    font-size: 12px;
    
    opacity: 0.8;
    
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;

    box-shadow: 0 1px 3px #000;
    -moz-box-shadow: 0 1px 3px #000;
    -webkit-box-shadow: 0 1px 3px #000;
}

.message:hover {
    opacity: 1.0;
}

.message h3 {
    font-size: 20px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    color: #844A41;
}

.message p {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}

h2 img {
    vertical-align: middle;
    margin-right: 15px;
}

#content {
    min-height: 350px;
    margin: 10px;
    min-width: 1230px;
}

#packageButtons {
    margin: 0;
    padding: 0;
    padding-right: 2px;
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    margin-bottom: 25px;
}

#packageButtons li {
    margin: 0;
    padding: 10px 3px;
    float: right;
    list-style: none;
}

#packageButtons li a {
    font-weight: bold;
    text-decoration: none;
    color: #c42a2a;
    padding: 5px 10px;
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#packageButtons li a:hover {
    background-color: #c42a2a;
    color: #fff;
}

h2.search {
    width: 500px;
    float: left;
}
h2.search span {
    color: #fff;
}
div.cse-branding-right {
    width: 420px;
    padding: 15px 5px;
    float: right;
    text-align: right;
}

table.wide {
    width: 100%;
    border-spacing: 0px;
    margin-top: 10px;
    padding: 2px;
    padding-bottom: 10px;
    background: url('/media/images/table.jpg') repeat-x #4e4036;
    border: 1px solid #C5C1BE;
    border-top: 0;
    border-radius: 2px;
}
table.wide .price {
    background-color: #E4E4E4;
    font-size: 16px;
    padding: 5px 10px;
    margin-right: -10px;
    text-align: right;
    border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

table.wide .oldPrice {
    font-size: 10px;
    width: 150px;
    float: right;
    margin-top: 10px;
    color: #999;
}


table.wide > thead td {
    padding: 10px 15px;
    color: #D40000;
    margin: 0;
    font-size: 15px;
    min-width: 75px;
    font-family: 'Droid Serif', Georgia, serif;
    text-shadow: 0px 1px 1px #7E604E;
}

table.wide > thead td a {
    background: url('/media/images/arrow.png') no-repeat center left;
    padding-left: 20px;
    text-decoration: none;
    color: #D40000;
    display: block;
}
table.wide > thead td a:hover {
    color: #F46562;
}

table.wide > thead td a.up {
    background-image: url('/media/images/arrowUp.png');
}

table.wide > thead td a.down {
    background-image: url('/media/images/arrowDown.png');
}

table.wide > thead td.rRight {
    width: 150px;
}

table.wide > tbody tr td {
    padding: 5px 10px;
    font-size: 13px;
    border-top: 1px solid #D6C8BD;
    background-color: #fff;
}

table.wide > tbody tr td a {
    font-family: 'Droid Serif', arial, serif;
    font-size: 130%;
    text-decoration: none;
    color: #000;
}

table.wide > tbody tr td p.costPer{
    font-size: 85%;
    color: #999;
    padding: 5px 0;
    padding-left: 5px;
    margin: 0;
    margin-top: 5px;
    margin-left: -5px;
}

table.wide .row1 {
    background-color: #FAFAFA;
}

table.wide .row2 {
    background-color: #EFEFEF;
}

table.wide .aRight {
    text-align: right;
    vertical-align: top;
}

table.wide td.logo {
    width: 150px;
    padding: 10px;
    border: 1px solid #D6C8BD;
    border-bottom-color: #fff;
    border-right: 0;
    background: url('/media/images/logobg.jpg') no-repeat left #fff;
}

/* HOVER */
table.wide .rowHover td.logo {
    background: url('/media/images/logobgh.jpg') no-repeat left #fff;
}

table.wide .rowHover td {
    border-top-color: #DFD9AC;
}

table.wide td.managed {
    background: #fff url('/media/images/managed.png') no-repeat 10px 45px;
    padding-bottom: 10px !important;
}

table.wide .pointer {
    cursor: pointer;
}

p#pages {
    margin: 0;
    padding: 10px;
    font-size: 12px;
}

p#pages a {
    padding: 3px 8px;
    background-color: #eee;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    font-weight: bold;
    margin: 2px;
    color: #AC9A2B;
}

p#pages a:hover {
    background-color: #f2f2f2;
    color: #4AA9CC;
}

p#pages span {
    padding: 3px 8px;
    background-color: #f5f5f5;
    border: 1px solid #efefef;
    color: #4AA9CC;
}

/* Plan pages */

ul#bars, ul#toolbox, h3#price, div#reviews {
    margin: 5px;
    padding: 10px 0;
    background-color: #fafafa;
    border: 1px solid #eee;
    border-left: 5px solid #DD3F3F;
    float: left;
    font-size: 90%;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    
    box-shadow: 0 1px 2px #aaa;
    -moz-box-shadow: 0 1px 2px #aaa;
    -webkit-box-shadow: 0 1px 2px #aaa;
}
ul#bars li h2, ul#toolbox li h2, div#reviews h2 {
    color: #DD3F3F;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 10px 15px !important;
    padding-top: 0 !important;
    
}
ul#bars {
    width: 241px;
}
ul#bars li {
    list-style: none;
    margin: 0;
    padding: 0;
    min-height: 40px;
}
ul#bars li > strong {
    line-height: 40px;
    display: block;
    width: 115px;
    float: left;
    font-family: Cantarell,Arial,sans-serif;
    font-weight: normal;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: 0 10px;
    background-color: #fff;
}
ul#bars li span {
    border-bottom: 1px solid #eee;
    color: #333;
    display: block;
    width: 85px;
    padding: 0 10px;
    line-height: 40px;
    float: left;
    text-align: right;
    font-weight: bold;
}
div#planTop {
    height: 95px;
    width: 100%;
    float: left;
}
div#planTopLeft {
    width: 100%;
    float: left;
    margin-right: -728px;
}
h3#price {
    height: 48px;
    margin-top: 0;
    margin-right: 10px;
    padding: 20px;
    text-align: right;
    line-height: 170%;
    float: none;
    margin-right: 738px;
}
h3#price span {
    font-size: 200%;
    display: block;
}
h3#price small {
    float: right;
    font-size: 150%;
    color: #DD3F3F;
}
div#toolboxWrapper {
    width: 100%;
    float: left;
    margin-left: -260px;
}
ul#toolbox {
    float: none;
    margin-left: 265px;
    border-left: 1px solid #eee;
}

ul#toolbox li h2 {
    border: 0;
    margin: 0;
    margin-right: -10px;
}

ul#toolbox li {
    list-style: none;
}

ul#toolbox > li {
    border-bottom: 1px solid #eee;
    min-height: 40px;
}
ul#toolbox > li > h4 {
    background-color: #fff;
    border-right: 1px solid #eee;
    width: 150px;
    height: 40px;
    line-height: 40px;
    float: left;
    padding: 0 10px;
    margin: 0;
}
ul#toolbox > li > ul {
    margin: 0;
    padding: 0;
}
ul#toolbox > li > ul > li.tag {
    padding: 0 5px;
    height: 26px;
    line-height: 26px;
    margin: 5px;
    margin-right: 0;
    float: left;
    background-color: #0a0;
    color: #cfc;
    border: 2px solid #090;
    font-size: 85%;
    
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
ul#toolbox > li > ul > li.tag p {
    display: none;
    position: absolute;
    background: #fff;
    color: #555;
    margin: 0;
    margin-left: -4px;
    padding: 5px 10px;
    opacity: 0.9;
    border-top: 2px solid #090;
    font-size: 90%;
    max-width: 600px;
    line-height: 175%;
    
    -webkit-border-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius: 5px;
    -moz-border-radius-topleft: 0;
    border-radius: 5px;
    border-top-left-radius: 0;

    box-shadow: 0 1px 2px #aaa;
    -moz-box-shadow: 0 1px 2px #aaa;
    -webkit-box-shadow: 0 1px 2px #aaa;
}
ul#toolbox > li > ul > li.hidden a {
    font-size: 75%;
    text-decoration: none;
    color: #777;
    font-weight: bold;
    letter-spacing: 1px;
    background-color: #fff;
    padding: 4px 6px;
    margin: 8px;
    border: 1px solid #eee;
    float: right;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
ul#toolbox > li > ul > li.hidden a:hover {
    background-color: #eee;
    border-color: #c9c9c9;
    color: #DD3F3F;
}
div#reviews {
    width: 100%;
    background-color: #fff;
}
div#reviews ol {
    margin: 0;
    padding: 0;
}

div#reviews ol li {
    margin: 0;
    padding: 0;
    border-bottom: #eee;
    list-style: none;
}
div#reviews ul#tomatoes {
    width: 265px;
    margin: 0;
    margin-right: 10px;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #eee;
    border-left: 0;
    float: right;

    box-shadow: 0 1px 2px #aaa;
    -moz-box-shadow: 0 1px 2px #aaa;
    -webkit-box-shadow: 0 1px 2px #aaa;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
div#reviews h3 {
    width: 690px;
    float: left;
    padding: 20px;
    padding-bottom: 0;
    margin: 0;
    font-size: 135%;
}
div#reviews ul#tomatoes li {
    border-bottom: 1px solid #eee;
}
div#reviews ul#tomatoes li h4 {
    font-size: 130%;
    margin: 0;
    padding: 5px;
    padding-bottom: 0;
    color: #333;
}
div#reviews ul#tomatoes li span {
    float: right;
    color: #DD3F3F;
    font-size: 70%;
}
div#reviews ul#tomatoes li span.rating {
    width: 250px;
    padding: 10px;
    background-color: #fff;
}
div#reviews .reviewText {
    float: left;
    width: 715px;
    margin: 10px;
    border-bottom: 1px dashed #ddd;
}
div#reviews .reviewText p {
    padding: 10px;
    padding-top: 0;
    color: #333;
    line-height: 160%;
    font-size: 95%;
}
div#reviews .reviewText p.byline {
    font-size: 80%;
    color: #888;
    border-bottom: 1px solid #f8f8f8;
}

/* Review */

.bigForm table {
    padding: 5px;
    width: 693px;
    float: left;
    border: 1px solid #e5e5e5;
    padding: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.bigForm table th {
    text-align: right;
    width: 125px;
    font-weight: normal;
    padding-right: 10px;
    border-bottom: 1px solid #eee;
    font-size: 80%;
    font-family: Cantarell, Arial, sans-serif;
}

.bigForm table td {
    background-color: #fafafa;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: 10px;
    margin-bottom: 10px;
    text-align: right;
    font-size: 70%;
    font-weight: bold;
    color: #aaa;
}

.bigForm table td:hover {
    background-color: #fff;
    color: #b00;
}

.bigForm table input, .bigForm table textarea, .bigForm table select {
    background-color: #fff;
    color: #333;
    width: 516px;
    margin-bottom: 10px;
    padding: 2px 4px;
    border: 0;
    border: 1px solid #eee;
    float: left;

    box-shadow: 0 1px 2px #eee;
    -moz-box-shadow: 0 1px 3px #eee;
    -webkit-box-shadow: 0 1px 3px #eee;
    
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.bigForm table input[type='submit'] {
    background-color: #E83C3C;
    color: #fcc;
    width: 50%;
    margin-left: 50%;
    float: right;
    border-color: #DC3C3C;

    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    box-shadow: 0 1px 2px #fbb;
    -moz-box-shadow: 0 1px 3px #fbb;
    -webkit-box-shadow: 0 1px 3px #fbb;
}

.bigForm ul {
    width: 335px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    float: right;
}

.bigForm ul li {
    padding: 15px;
    margin: 0;
    margin-bottom: 15px;
    list-style: none;
    color: #655A1E;
    background-color: #FFF0AB;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 80%;
    line-height: 170%;
    
    box-shadow: 0 1px 3px #ccc;
    -moz-box-shadow: 0 1px 3px #ccc;
    -webkit-box-shadow: 0 1px 3px #ccc;
}

.bigForm ul li h4 {
    margin: 0;
    padding: 0;
    padding: 5px;
    padding-top: 0;
    margin-bottom: 5px;
    font-size: 120%;
    border-bottom: 1px solid #E8D994;
}

.bigForm ul li p {
    padding: 0 5px;
    margin: 0;
}

/*************
* FRONT PAGE *
*************/

div#container {
    float: left;
    width: 100%;
    min-width: 1190px;
    margin-right: -240px;
}

div#left {
    margin-right: 240px;
    padding: 15px;
}
div#left h2 {
    font-size: 150%;
    margin: 0;
    letter-spacing: 1px;
    margin: 0;
    padding: 20px 15px;
}

div#left h2 a {
    color: #B40505;
    text-decoration: none;
    font-size: 125%;
}

div#left h2 a:hover {
    text-decoration: underline;
    color: #E84545;
}

/* Left clases */

.center728 {
    margin: 20px auto;
    width: 728px;
}

.post {
    border-bottom: 3px double #eee;
    padding: 10px;
    padding-bottom: 10px;
    line-height: 170%;
    font-size: 95%;
}

.post p {
    padding: 10px;
    margin: 0;
    color: #202020;
    word-spacing: 2px;
    font-family: Tahoma, Geneva, sans-serif;
}

div.postLeft > a > img {
    padding: 10px;
    border-bottom: 1px solid #e0e0e0;
}

span.rating {
    width: 126px;
    background-color: #eee;
    height: 25px;
    display: block;
    padding: 10px 22px;
    border-top: 1px solid #f9f9f9;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

div.postLeft {
    width: 170px;
    float: left;
    margin-right: 15px;
}

p.meta {
    margin: 0;
    padding: 0;
    clear: both;
    text-align: right;
    font-size: 80%;
    color: #aaa;
    font-family: Cantarell, Arial, sans-serif;
}

p.meta a {
    text-decoration: none;
    color: #C31919;
    padding: 10px;
}

/***************
* RIGHT SIDEBAR *
***************/

#rightSidebar {
    width: 200px;
    border: 1px solid #eee;
    background-color: #fff;
    float: right;
    padding: 10px;
    margin-bottom: 18px;
    margin-right: 6px;
}

#rightSidebar h4 {
    background-color: #fff;
    padding: 10px 15px;
    margin: 0;
    margin-top: 10px;
    color: #D40000;
    font-size: 95%;
}

#rightSidebar h4 a {
    float: right;
    padding: 3px;
}

#rightSidebar ul {
    padding: 5px;
    margin: 0;
    background-color: #fff;
}

#rightSidebar ul li {
    list-style: none;
    padding: 4px;
    margin: 0;
    font-size: 85%;
    border-top: 1px solid #eee;
}

#rightSidebar ul li a {
    padding: 5px;
    text-decoration: none;
    color: #087E08;
}

#rightSidebar ul li small {
    display: block;
    text-align: right;
    padding: 0 5px;
}

#rightSidebar ul li small a {
    font-weight: normal;
    font-style: oblique;
    color: #89BA89;
}


/*********
* FOOTER *
*********/

#footer {
    background-color: #2A2521;
    border-top: 2px solid #3C2C1F;
    clear: both;
    padding: 20px;
    text-align: center;
    color: #553F2D;
    font-family: 'Droid Serif', Georgia, serif;
}
#footer a {
    color: #815A3A;
    text-decoration: none;
}
#footer a:hover {
    text-decoration: underline;
}
#footer ul {
    margin: 20px 0;
    padding: 20px;
    border-top: 1px solid #553F2D;
    font-size: 85%;
}
#footer ul li {
    display: inline;
    list-style: none;
    margin: 0 10px;
}

/**************
* OTHER STUFF *
**************/

.clear {
    clear: both;
}

hr.float {
    float: left;
    width: 728px;
    margin-bottom: 20px;
}

.floatRight {
    float: right;
}