body {
    background: #ebefde url(../sourceImages/bodyBG.png) no-repeat;
    background-position: center 80px;
    min-width: 950px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    font-family:"Trebuchet MS", "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
/*Header*/
#headerWrap {
    background: #a5cd39 url(../sourceImages/headerBg.png) top center no-repeat;
    height: 80px;
}
#header {
    margin: 0px auto;
    width: 952px;
    height: 80px;
    text-align: left;
}
#logo {
    background: url(../sourceImages/logo.png) top left no-repeat;
    width: 254px;
    height: 80px;
    display: block;
    float: left;
    outline: none;
}
/*End Header */
/*Navigation*/
#navWrap {
    background: url(../sourceImages/navSpan.png) repeat-x;
    height: 40px;
}
#nav {
    margin: 0px auto;
    width: 952px;
    height: 40px;
    text-align: center;
    background: url(../sourceImages/navLeft.png) top left no-repeat;
}
#navLinks {
    margin: 0px auto;
    width: 950px;
    text-align: left;
}
#nav a {
    height: 39px;
    display: inline-block;
    outline: none;
}
#features {
    float: left;
    width: 99px;
    background: url(../sourceImages/features.png);
}
#pricing {
    float: left;
    width: 98px;
    background: url(../sourceImages/pricing.png);
}
#designs {
    float: left;
    width: 99px;
    background: url(../sourceImages/designs.png);
}
#customers {
    float: left;
    width: 98px;
    background: url(../sourceImages/customers.png);
}
#about {
    float: left;
    width: 99px;
    background: url(../sourceImages/about.png);
}
#contact {
    float: left;
    width: 98px;
    background: url(../sourceImages/contact.png);
}
#blog {
    float: left;
    width: 99px;
    background: url(../sourceImages/blog.png);
}
#developers {
    float: right;
    width: 134px;
    background: url(../sourceImages/developers.png);
    position: relative;
    left: 1px;
}
#nav a#features:hover, #nav a#features.active {
    background: url(../sourceImages/features_over.png);
}
#nav a#pricing:hover, #nav a#pricing.active {
    background: url(../sourceImages/pricing_over.png);
}
#nav a#designs:hover, #nav a#designs.active {
    background: url(../sourceImages/designs_over.png);
}
#nav a#customers:hover, #nav a#customers.active {
    background: url(../sourceImages/customers_over.png);
}
#nav a#about:hover, #nav a#about.active {
    background: url(../sourceImages/about_over.png);
}
#nav a#contact:hover, #nav a#contact.active {
    background: url(../sourceImages/contact_over.png);
}
#nav a#blog:hover, #nav a#blog.active {
    background: url(../sourceImages/blog_over.png);
}
#nav a#developers:hover, #nav a#developers.active {
    background: url(../sourceImages/developers_over.png);
}
/*End Navigation*/
#mainWrap {
    margin: 0px auto;
    width: 950px;
    background: #fff url(../sourceImages/mainSpan.png) top left repeat-y;
    text-align: center;
}
/*Checkout Top Bar*/
#topBar {
    width: 700px;
    min-height: 90px;
    float: left;
    background: #e5e9d8;
}
/* Steps */
#one.active {
    background: url(../sourceImages/one_active.png) top left no-repeat;
}
#two.active {
    background: url(../sourceImages/two_active.png) top left no-repeat;
}
#three.active {
    background: url(../sourceImages/three_active.png) top left no-repeat;
}
#four.active {
    background: url(../sourceImages/four_active.png) top left no-repeat;
}
#five.active {
    background: url(../sourceImages/five_active.png) top left no-repeat;
}
#one.pending {
    background: url(../sourceImages/one_pending.png) top left no-repeat;
}
#two.pending {
    background: url(../sourceImages/two_pending.png) top left no-repeat;
}
#three.pending {
    background: url(../sourceImages/three_pending.png) top left no-repeat;
}
#four.pending {
    background: url(../sourceImages/four_pending.png) top left no-repeat;
}
#five.pending {
    background: url(../sourceImages/five_pending.png) top left no-repeat;
}
#one.completed {
    background: url(../sourceImages/one_completed.png) top left no-repeat;
}
#two.completed {
    background: url(../sourceImages/two_completed.png) top left no-repeat;
}
#three.completed {
    background: url(../sourceImages/three_completed.png) top left no-repeat;
}
#four.completed {
    background: url(../sourceImages/four_completed.png) top left no-repeat;
}
#five.completed {
    background: url(../sourceImages/five_completed.png) top left no-repeat;
}
.checkoutSteps {
    width: 140px;
    height: 90px;
    float: left;
    /*background: url(../sourceImages/pending.png) top left no-repeat;*/
}
/*End Checkout Steps*/
/*End Checkout Top Bar*/
/*Checkout Side Bar*/
#sideBar {
    width: 250px;
    min-height: 1100px;
    float: right;
    background: #ebeee0;
    color: #222234;
}
.orderSummary {
    width: 250px;
    margin: 0px;
    padding: 0px;
}
.orderSummaryHeader {
    width: 250px;
    font-size: 16px;
    font-weight: bolder;
    margin: 5px 0px;
    height: auto !important;
    height: 30px;
    min-height: 30px;
}
.orderSummaryOneHeader, .orderSummaryPerMonthHeader, .chosenTemplateHeader {
    width: 250px;
    font-size: 14px;
    font-weight: bolder;
    margin: 5px 0px;
    height: auto !important;
    height: 30px;
    min-height: 30px;
}
.orderSummaryItems {
    width: 244px;
    font-size: 14px;
    margin: 5px 3px;
    height: auto !important;
    min-height: 22px;
}
.orderSummaryItem {
    width: 197px;
    float: left;
    text-align: left;
}
.orderSummaryPrice {
    width: 42px;
    float: right;
    text-align: right;
}
.orderSummaryTotal {
    width: 244px;
    margin: 5px 3px;
    font-size: 16px;
    font-weight: bolder;
    height: auto !important;
    height: 30px;
    min-height: 30px;
}
.orderSummaryTotalText {
    width: 147px;
    float: left;
    text-align: left;
}
.orderSummaryTotalPrice {
    width: 92px;
    float: right;
    text-align: right;
}
.orderSummaryPerMonthItems {
    width: 244px;
    font-size: 12px;
    margin: 5px 3px;
    height: auto !important;
    min-height: 20px;
}
.orderSummaryPerMonthItem {
    width: 197px;
    float: left;
    text-align: left;
}
.orderSummaryPerMonthPrice {
    width: 42px;
    float: right;
    text-align: right;
}
.orderSummaryTotalPerMonthText {
    width: 147px;
    float: left;
    text-align: left;
    font-size: 14px;
}
.orderSummaryTotalPerMonthPrice {
    width: 92px;
    float: right;
    text-align: right;
    font-size: 14px;
}
.chosenTemplateName {

}
#mainArea {
    width: 700px;
    min-height: 1010px;
    float: left;
    background: #ffffff;
    text-align: left;
}
/*Checkout Page Steps*/
.stepsWrapper {
    height: 40px;
    margin: 0px 10px 0px 10px;
}
.steps {
    width: 400px;
    overflow: hidden;
    font-weight: bold;
    font-size: 18px;
    color: #222234;
    float: left;
}
.stepsText {
    margin-left: 65px;
}
/*End Checkout Page Steps*/
/*Checkout Step 1*/
.domainSearch {
    height: 50px;
    margin: 10px 20px 0px 20px;
}
.domainSearchForm label {
    margin-right: 15px;
}
.domainSearchForm .input {
    float: left;
}
.domainSearchForm .submit {
    float: right;
}
.domainSelect {
    margin: 10px 20px 0px 20px;
    border-top: 2px solid;
    border-bottom:  2px solid;
}
.domainSubmit {
    float: right;
    margin-top: 10px;
}
.domainSelect .submit {
    float: right;
    margin-top: 10px;
}
.domainSelectForm input {
    margin-right: 15px;
}
.domainName {
    width: 520px;
    text-align: left;
}
.transferable .domainType {
    text-align: center;
    color: blue;
    width: 100px;
}
.available .domainType {
    text-align: center;
    color: green;
    width: 100px;
}
.oddRow {
    background: #ebebeb none repeat scroll 0 0;
}
.window2 {
    position: absolute;
    display: none;
    z-index: 9999;
    width: 450px;
    height: 175px;
    background: #EBEFDE;
}
#confirmHeader {
    border: none;
    color: #222234;
    margin: 0px 10px 10px 10px;
    font-size: 18px;
    font-weight: bolder;
    border-bottom: 1px solid black;
}
/*Checkout End Step 1*/
/*Checkout Step 2*/
.navHeader {
    text-align: center;
    float: right;
    width: 525px;
    margin-right: 10px;
    margin-bottom: 10px;
    min-height: 60px;
    color: #222234;
}
.navHeaderText {
    width: 325px;
    border: 1px solid #d2e69c;
    color: #222234;
    float: left;
    font-size: 14px;
    height: 60px;
}
.navHeaderButton {
    width: 180px;
    height: 60px;
    float: right;
}
#ThemeAddCustomTemplateForm {
    margin-top: 17.5px;
}
#displayOptions {
    width: 525px;
    height: 30px;
    float: right;
    margin-right: 10px;
    text-align: right;
    font-size: 14px;
}
#sortOrder {
    display:  none;
    float: left;
}
#displayPerPage {
    float: right;
}
.templateChoices ul {
    list-style-type: none;
    width: 175px;
    height: 125px;
    margin: 5px 0px 5px 175px;
    padding: 0px;
    float: left;
    text-align: center;
}
.leftTemplate {
    float: left;
    width: 150px;
    min-height: 525px;
}
#rightTemplate {
    float: right;
}
.templateOptionTitle {
    font-size: 16px;
    list-style-type: none;
    text-indent: -30px;
    color: #222234;
}
.templateOptionAll {
    font-size: 16px;
    list-style-type: none;
    text-indent: -30px;
    color: #a0a0a0;
    cursor: pointer;
    text-decoration: none;
}
.templateOptionAll.active {
    font-weight: bolder;
    color: #686868;
    text-decoration: none;

}
.templateTheme, .templateColor {
    font-size: 14px;
    text-indent: -20px;
    list-style-type: none;
    cursor: pointer;
    color: #a0a0a0;
    text-decoration: none;
}
.templateTheme.active, .templateColor.active {
    font-weight: bolder;
    color: #686868;
    text-decoration: none;
}
#paging {
    width: 525px;
    margin-right: 10px;
}
#paging #pageNumbers {
    float: left;
    width: 230px;
}
#paging #resultsPerPage {
    float: right;
    width: 290px;
}
.container {
    float: right;
    width: 525px;
    background: #ebefde;
    margin-right: 10px;
}
.container a {
    float: left;
    display: block;
    width: 175px;
    height: 175px;
    text-align: center;
    text-decoration: none;
}
.container a:hover {
    background-color: #d8decb;
}
.container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Modal */
#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000000;
    display: none;
}
.window {
    position: absolute;
    display: none;
    z-index: 9999;
    width: 400px;
    height: 500px;
    background: #EBEFDE;
}
#dialogHeader {
    background: url(../sourceImages/dialogHeader.png);
    border: none;
    color: #FFFFFF;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bolder;
}
#dialogContent {
    height: 350px;
}
#dialogButtons {
    height: 50px;
}
/* End Modal */
/*End Checkout Step 2*/
/*Checkout Step 3*/
.orderSummaryButton{
    float: right;
    margin-right: 10px;
}
.extras {
    width: 600px;
    margin-left: 30px;
    font-weight: bolder;
    font-size: 16px;
}
.optionName {
    color: #222234;
}
.optionDesc {
    font-size: 12px;
    color: #555555;
}
/*End Checkout Step 3*/
/*Checkout Step 4*/
#RestaurantAddForm {
    margin-left: 20px;
    width: 400px;
}
.Restaurant label {
    position: absolute;
    width: 150px;
    text-align: right;
}
.Restaurant input, select {
    margin-left: 160px;
}
.restaurantForm .error-message {
    margin-left: 160px;
    font-size: 12px;
    padding: 3px;
    width: 500px;
    height: 30px;
}
.cardError {
    background: #f5f5f5 url(../sourceImages/errorMessageSmall.png) top left no-repeat;
    background-position: 4px 4px;
    border-top: 2px solid #f1b247;
    border-bottom:  2px solid #f1b247;
    padding: 2px 2px 2px 60px;
    min-height: 38px;
    margin: 0px 0px 10px 0px;
    height: auto !important;
    height: 38px;
    font-size: 14px;
}
/*Step 4 Loading */
.window3 {
     position: absolute;
    display: none;
    z-index: 9999;
    width: 500px;
    height: 175px;
    background: #EBEFDE;
}
#loadingHeader {
    border: none;
    color: #222234;
    margin: 0px 10px 10px 10px;
    font-size: 18px;
    font-weight: bolder;
    border-bottom: 1px solid black;
}

/* End Step 4 Loading */
/*End Checkout Step 4*/
/*Checkout Step 5*/
.confirmation {
    width: 600px;
    overflow: hidden;
    font-size: 14px;
    color: #222234;
    float: left;
    margin-left: 20px;
}
#chosenDomain,#chosenTemplate, #chosenOptions, #amountCharged, #emailSent {
    font-size: 12px;
    margin-left: 20px;
}
#chosenTemplate img {
    margin-left: 40px;
}
#sessionLink a:link, #sessionLink a:visited {
    color: #a0a0a0;
    text-decoration: none;
}
#sessionLink a:hover {
    color: #686868;
    text-decoration: none;
}
/*End Checkout Step 5*/
#flashMessage {
    background: #f5f5f5 url(../sourceImages/errorMessage.png) top left no-repeat;
    background-position: 4px 4px;
    border-top: 2px solid #f1b247;
    border-bottom:  2px solid #f1b247;
    padding: 4px 4px 4px 60px;
    min-height: 40px;
    margin: 0px;
    height: auto !important;
    height: 40px;
    font-size: 16px;
}
.input .text .error {
    height: 100px;
}
.error-message {
    margin-left: 135px;
    font-size: 12px;
    padding-top: 5px;
    width: 360px;
    height: 45px;
}

/*Footer */
#footer {
    background: url(../sourceImages/footerTop.png) top left no-repeat;
    margin: 0px auto;
    width: 952px;
    text-align: left;
    clear: both;
}
#footerLeft ul {
    list-style-type: none;
    width: 150px;
    margin: 0px;
    padding: 10px;
    float: left;
}
#footerLeft li {
    color: #777777;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0px;
    line-height: 11px;
}
#footerLeft .title {
    font-size: 13px;
    color: #666666;
    font-weight: bold;
}
#footerLeft a {
    text-decoration: none;
    color: #999999;
    font-size: 11px;
}
#footerLeft a:hover {
    color: #555;
}
#newsletter {
    float: left;
    width: 300px;
    font-size: 13px;
    color: #70A128;
    font-weight: bold;
    line-height: 11px;
    padding-top: 10px;
}
#newsletter span {
    color: #999999;
    font-size: 11px;
    display: block;
    font-weight: normal;
    line-height: 13px;
    margin: 6px 0px;
    width: 200px;
}
#newsletter .textBox {
    width: 120px;
    padding: 3px;
    font-size: 10px;
    margin-right: 6px;
}
#newsletter .submit {
    position: absolute;
}
#newsletter form {
    margin-top: 0px;
}
#twitter_div {
    width: 257px;
    float: right;
    margin-bottom: 20px;
    background: url(../sourceImages/twitterBg.png) top left no-repeat;
    min-height: 150px;
    background-position: 0px 1px;
    padding-right: 10px;
}
#twitter_update_list {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    text-align: left;
    margin-top: 80px;
    margin-left: 30px;
    margin-bottom: 10px;
    color: #999999;
}
#twitter_update_list span {
    display: block;
}
#twitter_update_list li {
    font-size: 12px;
    font-style: italic;
}
#twitter_update_list li a {
    margin-top: 8px;
}
#twitter-link {
    text-align: left;
    font-size: 14px;
    display: block;
    margin-left: 30px;
}
/*End Footer*/