body {background:none; padding:25px}


/* buttons
---------------------------------------------------------------- */
/* base button */   
.buttons { margin:0; }
.buttons a, .buttons button {cursor:pointer; text-decoration:none; font-family:'Droid Sans', Arial, Helvetica; font-size: 12px; display: inline-block; text-align: center; padding: 4px 8px 4px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #fff; color: #fff; text-transform: uppercase;}
.buttons button { *margin: 0 1px; *padding: 3px 0 2px 0; }  /* IE7 and below */
.buttons a:hover, .buttons button:hover { text-decoration: none; background-position: 0 -45px !important; }

/* button size */   
.buttons a.standard, .buttons button.standard { border: 1px solid #585049; background: #595959 url("/images/art/bg-btn-std.png") repeat-x 0 0; }      
.buttons a.medium, .buttons button.medium { padding: 7px 6px; font-size: 13px; /*text-transform: uppercase;*/ font-weight: bold; }
.buttons button.medium { *padding: 6px 0;    /* IE7 and below */ }
.buttons a.large, .buttons button.large { padding: 10px; font-size: 22px; /*text-transform: uppercase;*/ font-weight: bold; }

/* button color */
.buttons a.red, .buttons button.red { border: 1px solid #660000; background: #aa0000 url("/images/art/bg-btn-red.png") repeat-x 0 0; }
.buttons a.green, .buttons button.green { border: 1px solid #3A7527; background:#3A7527 /*url("/images/art/bg-btn-green.png") repeat-x 0 0*/; }
.buttons a.green:hover, .buttons button.green:hover { background:#3A7527; }
.buttons a.gray, .buttons button.gray { border: 1px solid #595959; background: url("/images/art/bg-btn-std.png") repeat-x 0 0; }
.buttons a.big-green, .buttons button.big-green { border: 2px solid #5a8e40; background: #3A7527 /*url("/images/art/bg-btn-large.png") repeat-x 0 0*/; }
.buttons a.big-red, .buttons button.big-red { border: 1px solid #C0878E; background: #aa0000 /*url("/images/art/bg-btn-large.png") repeat-x 0 0*/; }
.buttons a.big-red:hover, .buttons button.big-red:hover {background:#800;}
    
/* button icons */ 
.buttons a.arrow-right span,  .buttons button.arrow-right span { padding: 5px 25px 5px 5px; background: url("/images/art/icon-arrow-right.png") no-repeat right center; }  
.buttons a.arrow-left span, .buttons button.arrow-left span { padding: 5px 5px 5px 25px; background: url("/images/art/icon-arrow-left.png") no-repeat left center; }
.buttons a.plus-right span, .buttons button.plus-right span { padding: 5px 25px 5px 5px; background: url("/images/art/icon-add.png") no-repeat right center; }
.buttons a.plus-right span, .buttons button.plus-right span { *padding:0 26px 0 0;} /* IE7 and below */


/* page layout
---------------------------------------------------------------- */
/* layout - page structure */
#content-wrap {background:url("../images/art/JPbg.jpg") no-repeat; margin:0 auto; min-height:200px; overflow:hidden; width:980px;}
#content {background:#fff; margin:0 auto; overflow:hidden; padding:10px; width:960px;}
.page-width {margin:0 auto; width:960px;}
.two-col #center-col {float:left; margin-left:10px; min-height:200px; width:750px;}
.two-col #left-col {float:left; width:200px;}
.two-col #right-col {float:left; width:200px;}

/* layout - breadcrumb */
#breadcrumbs-wrap {background:#fff; margin:0 auto; padding-left:10px; padding-right:10px; width:960px;}
#breadcrumbs {padding:0 0 10px;}
#breadcrumbs a {color:#333; text-decoration:none;}
#breadcrumbs a:hover {color:#000; text-decoration:underline;}
#breadcrumbs li {display:inline; padding-right:15px;}

#page-quickorder #center-col {margin-left:20px; width:740px;}
#page-quickorder #center-col h1 {margin-bottom:20px;}
#page-quickorder #center-col p span {margin-left:10px;}
#page-quickorder #center-col p input {margin-left:5px; width:120px;}
#page-quickorder #center-col p input.qty {width:50px;}
#page-quickorder #center-col .buttons {margin-left:132px; margin-top:14px;}
#page-quickorder #center-col .buttons button {padding:6px 5px;}

#page-quickorderlist #center-col {margin-left:20px; width:740px;}
#page-quickorderlist #center-col h3 {border-bottom:1px solid #ccc; padding:6px 0;}
#page-quickorderlist #center-col a.back-link {cursor:pointer; font-size:11px;}
#page-quickorderlist #center-col .quick-product {border-bottom:1px solid #ccc; margin:10px 0; overflow:hidden; padding:0 0 10px; width:100%;}
#page-quickorderlist #center-col .quick-product img {float:left; height:90px; width:90px;}
#page-quickorderlist #center-col .quick-product p {margin-top:0;}
#page-quickorderlist #center-col .quick-product p.error {color:#ff0000;}
#page-quickorderlist #center-col .quick-product .price-wrap {float:right; text-align:right; width:160px;}
#page-quickorderlist #center-col .quick-product .price-wrap .first-break {font-size:18px; font-weight:700; margin:0 0 8px;}
#page-quickorderlist #center-col .quick-product .price-wrap .now {color:#aa0000;}
#page-quickorderlist #center-col .quick-product .price-wrap .was {text-decoration:line-through;}
#page-quickorderlist #center-col .quick-product .attribute-wrap {margin-left:110px; width:470px;}
#page-quickorderlist #center-col .quick-product .attribute-wrap select {width:180px;}
#page-quickorderlist #center-col .quick-product .attribute-wrap select.error {background:#ffffef; border-color:#ff0000!important;}
#page-quickorderlist #center-col .quick-product .attribute-wrap input {width:172px;}
#page-quickorderlist #center-col .quick-product .attribute-wrap input.qty {width:50px;}
#page-quickorderlist #center-col .quick-product .attribute-wrap input.error {background:#ffffef; border-color:#ff0000!important;}
#page-quickorderlist #center-col .quick-product .attribute-wrap .field label {text-align:left; width:87px;}
#page-quickorderlist #center-col .quick-product .attribute-wrap .field label.error {color:#ff0000; font-size:11px; padding:4px 0 3px 10px; width:180px;}
#page-quickorderlist #center-col .buttons button {padding:6px 5px;}


/* ratings */
.ratings {background:url("../images/art/star-ratings-sprite.png") no-repeat; display:block; height:16px; width:85px;}
.stars-5 {background-position:0 0;}
.stars-4 {background-position:-17px 0;} 
.stars-3 {background-position:-34px 0;}
.stars-2 {background-position:-51px 0;}
.stars-1 {background-position:-68px 0;}
.stars-0 {background-position:-85px 0;}

/* review entry */
#review-submit h1 {font-size:24px;}
#review-submit h2 {font-size:16px; margin:15px 0 0;}
#review-submit h3 {font-size:12px; margin:15px 0 2px;}
#review-submit label {display:block; padding:10px 0 5px; text-align:left;}
#review-submit .field-radio label {display:inline; font-weight:400; padding:0 0 0 3px;}
.star_rating img:focus{border: 2px solid #28650f!important;}


/* my account page
---------------------------------------------------------------- */
/* sign in */
#signinreg-wrap {margin:0; overflow:hidden; width:100%;}
#signinreg-wrap p {font-size:11px;}
#signinreg-register {background:#efefef; float:left; margin:10px; padding:10px 15px; width:515px;}
#signinreg-signin {background:#ccc; float:left; margin:10px; padding:10px 15px; width:340px;}
#signinreg-signin .field {margin-bottom:5px; width:300px;}
#signinreg-registerr label span {color:#666; font-size:11px; padding-left:5px;}
#signinreg-signin label, #signinreg-signin input {margin:0;} 
#createaccount-form .field label {width:130px;}
#createaccount-form .field {margin-left:0;}
#signinreg-wrap .btn-submit {text-align:center;}
#signinreg-signin input[type="text"], #signinreg-signin input[type="password"] {width:190px;}
#signin-form .field label {width:85px;}

/* my account */
#nav-account {background:#efefef; margin-left:20px; min-height:200px; padding:10px;}
#nav-account a {text-decoration:none;}


/* catalog page
---------------------------------------------------------------- */
.catalog-thumb {border:2px solid #fff; float:left; margin:10px 5px 0; padding:5px 5px 0;}
.catalog-thumb a {display:block;}
.catalog-thumb p {font-weight:700; text-align:center;}


/* forms */
label {padding:0 5px 0 0; text-align:right;}
.field {overflow:hidden; width:100%;}
.field label {float:left; font-weight:400; margin:3px 0; padding:3px 10px 3px 0; width:125px;}
.field input, .field select {border:1px solid #ccc; float:left; margin:3px 0; padding:2px; width:150px;}
.field input[type="text"], .field input[type="password"] {padding:2px 3px;}
.field select {padding:2px 2px 2px 0;}
.field span {color:#999; font-size:11px; padding:0 0 0 5px;}
label.error {color: #c00000; font-weight: 600;}
.error ul.messages {float:left; font-size:11px; margin:0 0 0 10px; padding:0;}
.error ul.messages li {color:#c00000; list-style:none; padding:5px 0 5px 10px;}
.error input, .error select {background:#fcfce5; border:1px solid #c00000!important;}
.error label {color:#c00000;}
.success label {color:#666;}
input#qty {width:35px;}
.field-checkbox {margin:10px 0;}
.field {overflow:hidden; width:100%;}
.form-field {overflow:hidden; padding:2px 0; width:100%;}
.form-field span {color:#c00000; float:left; font-weight:700; padding:2px 0 0 5px;}
.form-field span.error {color:#c00000; float:none; font-weight:400; padding:2px 0 0 110px;}
.multi-form-field {overflow:hidden; width:100%;}
.multi-form-field .form-field {float:left; width:345px;}
.form-field label {display:block; padding:4px 0; text-align:left; width:110px;}
.form-field label, .form-field input, .form-field select {float:left;}
p.form-buttons {text-align:center;}
.form-field input {padding:2px; width:175px;}
.form-field select {padding:2px; width:183px;}


/* review */
#review .heading {background:#e0ebcc; border-radius:5px 5px 0 0; font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:18px; margin:0 0 16px; overflow:hidden; padding:6px 8px; width:304px;}
#review .heading span {float:left;}
#review .heading a {float:right; font-family:"Arial",Helvetica,sans-serif; font-size:12px; line-height:18px;}
#review .summary {margin:16px 0;}
#review .summary .title {color:#3a7527; font-size:14px; font-weight:700; margin:0 0 4px;}
#review .summary .ratings {float:left;}
#review .summary span {color:#666666; font-size:11px; line-height:18px; margin:0 0 0 6px;}
#review .summary a {line-height:17px; margin:0 0 0 6px;}
#review .item {margin:16px 0;}
#review .item .title {font-size:14px; font-weight:700; margin:0 0 4px;}
#review .item .meta {color:#666666; font-size:11px; margin:5px 0 3px;}
#review .more {margin:16px 0 6px;}
#page-product .col1 #review {margin:16px 0 20px;}
#page-product .col1 #review .summary {margin-left:8px;}
#page-product .col1 #review .item {margin-left:8px;}
#page-product .col1 #review .more {margin-left:8px;}
#page-product .ui-tabs-panel #review .summary {margin-top:6px;}


/* video */
#video {margin:0 0 20px;}
#video .heading {background:#e0ebcc; border-radius:5px 5px 0 0; font-family:"Droid Sans",Arial,Helvetica,sans-serif; font-size:13px; font-weight:700; line-height:18px; margin:0 0 12px; overflow:hidden; padding:6px 8px;}
#video .items {margin:0 7px;}
#video .items embed {margin:0 0 10px;}


/* growingzonepopup */
#page-growingzonepopup .field {margin:18px 0 12px;}
#page-growingzonepopup .field label {width:auto;}
#page-growingzonepopup .field input {width:126px;}
#page-growingzonepopup .field span {color:#fff; font-size:13px; padding:0;}
#page-growingzonepopup .field .buttons {float:left; margin-left:10px;}
#page-growingzonepopup #GrowingZoneForm .buttons {margin:14px 0 0 -2px;}
#page-growingzonepopup .result.success {color:#3a7527;}
#page-growingzonepopup .result.error {color:#aa0000;}
#page-growingzonepopup .result b {font-size:14px;}


/*carolyn style guide*/
#signin-btn {padding:6px 0 0 96px;}
#create-btn {padding:6px 0 0 140px;}
#signinreg-wrap p a {font-size:11px; padding-left:96px;}
#updateaccount-btn {padding:6px 0 0 320px;}
#signinreg-register {background:#f3f7ec;}
#signinreg-signin {background:#e0ebcc;}
#checkout-btn {float:right;}
#cart-save {border-top:1px solid #999;}
#cart-save a {float:right; text-decoration:underline;}
#cart-buttons {padding-bottom:10px;}
#cart-summary {border-bottom:none;}
#page-checkout h2 {background:#e0ebcc; border-radius:5px; padding:6px 8px;}
#page-checkout #cart-offer {border:2px solid #999; margin:28px 0 0; padding:10px 0 0 10px;}
.msg-alert {background:#e0ebcc; border:1px solid #3a7527; margin:10px 0; padding:10px; text-align:center;}
.msg-error {border:0; color:#c00000; font-weight:700; margin:5px 0; padding:5px;}
table.grid th {background:#3a7527; color:#fff; text-align:left;}
table.grid {border:1px solid #3a7527;}
tr.alt {background:#e0ebcc;}
#page-product .col1 .short-desc {font-weight:700; margin:10px 0; text-align:left;}
#nav-account {background:url("../images/art/header-wrap-bg.png") repeat-x; margin-left:20px; min-height:140px; padding:10px;}
#cart-summary #cart-offer {border:2px solid #999; margin:28px 0 0; padding:10px 0 0 10px;}

.msg-success {
 color: green;
}

:focus{
    outline: 2px solid #28650f!important;
}
#SubmitReviewSubmitBtn:focus{background-color:#fff !important; color: #000 !important;}