html,
body {
  text-align: center;
  margin: 0px auto;
  background: #cbe961;
}
form {
  margin: 0;
  padding: 0; 
}
div#wrapper {
  text-align: left;
  margin: 0px auto;
  padding: 10px;
  width: 617px; /* required width for verification screen not to be broken */
  background: #cbe961;
}

div#cwebdes,
div#cwebdes a {
  text-align: center;
  color: #B6E11F;
  font-size: 0.8em;
}

div#cwebdes a:hover {
  color: #E5F4AE;
}

.message {
  color: #900;
  background: #fcf0a1;
  border: 2px solid #c00;
  padding: 5px;
}

a img {
  border: 0; 
}

div#order {
  font: 12px Arial; 
  text-align: left;
  padding: 0;
}

div#order div.destroyer {
  clear: both; 
}

.destroyeright {
  clear: right; 
}

ul#breadcrumbs {
  list-style: none;
  margin: 0; 
  padding: 0;
  color: #ffa9d4;
}

ul#breadcrumbs li {
  float: left; 
  padding: 5px 5px 5px 19px;
  background: #604b2e url(../images/order/breadcrumbs_bg.gif) top left no-repeat;
  border: 1px solid #3e2a0e;
  height: 14px;
  line-height: 14px;
  margin-left: -1px;
  margin-bottom: 5px;
}

/* needed to add specificity so the storefront css didn't override */
#order ul#breadcrumbs li a {
  color: #ffa9d4;
  text-decoration: none;
}

#order ul#breadcrumbs li.current a {
  color: #ffa9d4; 
}

ul#breadcrumbs li.next {
  background: #4e4e4e url(../images/order/breadcrumbs_current_bg.gif) top left no-repeat;
  border-left: 0px;
  padding-left: 28px;
}

ul#breadcrumbs li.future {
  background: #4e4e4e;
  padding-left: 5px;
  border-color: #2d2d2d;
}

#order ul#breadcrumbs li.future a,
#order ul#breadcrumbs li.next a {
  color: #c8c8c8;
}

div.step_info,
div#order div.step_info {
  position: relative;
  clear: left;
  background: #b2b2b2;
  width: 430px;
  margin: 0;
  padding: 7px 5px;
}

div.step_info div.top {
  background: transparent url(../images/order/step_info_top.gif) top center no-repeat; 
  height: 6px;
  width: 440px;
  position: absolute;
  top: 0;
  left: 0;
}

div.step_info div.bot {
  background: transparent url(../images/order/step_info_bot.gif) bottom center no-repeat; 
  height: 6px;
  width: 440px;
  position: absolute;
  bottom: 0;
  left: 0;
}

div#order div.show_stamps {
  width: 215px;
  height: 40px;
  padding-top: 23px;
  background: transparent url(../images/order/show_stamps_bg.gif) top center no-repeat;
  text-align: center;
  float: left;
  margin-top: 15px;
  
  font-size: 14px;
  color: #ffa9d4;
  cursor: pointer;
}

div#order div.quick_stamp form{
  padding: 15px 0 0 225px; 
}

div#order div.quick_stamp form input#form_submit {
  margin: 5px 0 0 250px; 
}

div#order div.quick_stamp form select#prod {
  margin: 5px 10px 0 0; 
}

div#order div.quick_stamps {
  float: left;
  background: transparent url(../images/order/quick_stamps_bg.gif) top center no-repeat;
  padding: 5px;
  width: 209px;
  height: 84px; 
  margin: 5px 0 0 10px;
}

div#order div.quick_stamps select {
  width: 160px;
  margin-top: 5px;
  background: #e3f1b1; 
  border: 1px solid #5d6934;
}

div#order div.quick_stamps input {
  margin: 5px 0 0 115px;
} 


div#styles {
  clear: left;
  background: #cbe961 url(../images/order/styles_bg.gif) top left no-repeat; 
  margin-top: 10px;
  padding: 18px 0 0 10px;
  text-align: center;
}

div#order div.sample {
  width: 106px;
  background: #abc160;
  border: 1px solid #748341;
  margin-right: 9px;
  margin-bottom: 10px;
  float: left;
}

div#order div.sample img.preview {
  width: 106px;
  height: 106px;
}

div#order div.variation_select img.preview {
  width: 70px;
  height: 70px;
}

.warning {
  margin: 5px 0;
  padding: 7px 5px;
  border: 2px solid #d44;
  color: #911;
  background: #ff8;
}

div.section div.middle div.warning,
div.warning {
  position: relative;
  clear: left;
  width: 390px;
  font-size: 10px;
  /*top: -10px;*/
}

.rounded {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

div#order div.sample div.top {
  background: #abc160 url(../images/order/sample_top.gif) top left repeat-x;
  height: 20px; 
  text-align: center;
  color: #707e3f;
  font-weight: 700;
  font-size: 16px;
}

div#order div.sample img {
  border-top: 1px solid #748341;
  border-bottom: 1px solid #748341;
}

div#order div.sample img.icon {
  border-bottom: 0; 
}

div#order div.sample div.desc {
  padding: 2px; 
}

div#variations {
  background: #adc361;
  margin-top: 5px;
  width: 600px;
  margin: 5px 0 0 0;
  padding: 12px 5px 2px 5px; 
  position: relative;
}

div#variations img {
  margin-left: 11px; 
  border: 1px solid #7c8c46;
}

div#variations a:hover img {
  margin-left: 11px; 
  border: 1px solid #ffa9d4;
}

div#variations span {
  margin-left: 10px; 
}

div#variations div.top {
  height: 10px;
  width: 610px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/order/variations_top.gif) top center no-repeat;
}

div#order div.variation_select {
  float: left;
  text-align: center;
}

div#order div.variation_select a {
  text-decoration: none;
  border: none;
}

div#order div.middle img.active {
  border: 2px solid red;
}

div#order div.variations_bot {
  height: 15px;
  background: transparent url(../images/order/variations_bot.gif) top left no-repeat;
}

div#order div.variations_brown {
  margin-top: 5px; 
  background: #604b2e;
  width: 274px;
  color: #ffa9d4;
  
}

div#order div.variations_brown div {
  padding: 0 5px; 
}

div.variations_brown div.top {
  background: transparent url(../images/order/variations_brown_top.gif) top left no-repeat;
  height: 5px;
}

div#order div.brown_bot {
  background: transparent url(../images/order/variations_brown_bot.gif) top left no-repeat;
  height: 9px;
  margin-bottom: 5px;
}

div#order div.variations_brown span{
  margin-left: 5px;
}

div.variations_brown input.next {
  margin:  0 0 0 210px;
}

div#single_letter,
div#double_letter,
div#monogram,
div#single_line,
div#double_line,
div#triple_line,
div#icon {
  display: none; 
}

select.brown,
input.brown {
  width: 15px;
  border: 1px solid #382811;
  background: #d9bc92;
}

input.big {
  margin-top: 2px;
  height: 20px; 
  font-size: 18px;
  font-weight: 700;
}

input.wide {
  width: 180px; 
}

select.wide {
  width: 190px; 
}

div#order div.view_icons {
  width: 191px;
  height: 30px;
  background: transparent url(../images/order/view_icons.gif) top center no-repeat;
  text-align: center;
  line-height: 30px;
  margin-top: 5px;
}

div#order div.view_icons a {
  text-decoration: none;
  color: #382811;
}

div#order div.shipping {
  width: 341px; 
  background: #adc361;
  margin-top: 5px;
}

div.shipping div.top {
  height: 9px;
  background: transparent url(../images/order/shipping_top.gif) top center no-repeat; 
}

div.shipping form {
  margin: 0; 
  padding: 0;
}

div#store {
  padding: 5px;
}

div#ship input.text {
  background: #e3f1b1;
  border: 1px solid #5d6934; 
  width: 250px;
}

div#ship input.medium {
  width: 160px;
}

div#ship span {
  display: block;
  margin: 10px 0;  
}

div#ship input.small {
  width: 23px; 
  margin-right: 45px;
} 

div#ship input.zip {
  width: 50px; 
} 

div#ship {
  padding: 5px 5px 5px 10px; 
}

div.shipping input.next {
  margin-left: 280px;
} 

div#order div.shipping_bot {
  height: 7px;
  background: transparent url(../images/order/shipping_bot.gif) top left no-repeat;  
}

div#order div.verify_info {
  width: 341px; 
  background: #adc361;
  margin-top: 5px;
  float: left;
  
  padding-bottom: 7px;
  background: #adc361 url(../images/order/shipping_bot.gif) bottom left no-repeat;  
}

div.verify_info div.top {
  height: 9px;
  background: transparent url(../images/order/shipping_top.gif) top center no-repeat; 
}

div.verify_info div.bot {
  height: 7px;
  clear: left;
  background: #cbe961 url(../images/order/shipping_bot.gif) top left no-repeat;  
}

div.verify_info div.stamp {
  width: 150px;
  text-align: center;
  float: left; 
}

/*
div.verify_info div.stamp img {
  width: 106px;
  height: 106px; 
}*/

div.verify_info div.customs {
  width: 190px; 
  float: left;
}

div.verify_info div.customs h1 {
  margin: 3px 0 0 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  display: block;
  color: #707e3f;
  background: transparent;
}

div.verify_info div.customs span {
  float: right;
  margin: -15px 50px 0 0;
  color: #d7e998;
}

div.verify_info div.customs a,
div.verify_info div.customs span a{
  color: #444d27;  
  text-decoration: none;
}

div.verify_info div.customs a:hover,
div.verify_info div.customs span a:hover{
  text-decoration: underline;
}

div#order div.supply_request {
  width: 251px;
  float: left; 
  margin: 5px 0 0 5px;
  background: #adc361;
  
  padding: 0 5px;
}

div#order div.next {
  height: 180px; 
}

div.supply_request div.top {
  height: 11px;
  width: 251px;
  margin: 0 -5px;
  padding: 0 5px; 
  background: transparent url(../images/order/supply_request_top.gif) top left no-repeat; 
}

div.supply_request div.bot {
  height: 9px;
  width: 251px;
  margin: 0 -5px;
  padding: 0 5px; 
  background: #cbe961 url(../images/order/supply_request_bot.gif) top left no-repeat; 
}

div.supply_request b {
  color: #707e3f; 
  margin-left: 5px;
}

div.supply_request textarea.request {
  width: 230px; 
  height: 200px;
  margin-left: 5px;
  overflow: auto;
  background: #e3f1b1;
  border: 1px solid #5d6934;
}

div.brown_round,
div#order div.final_ship {
/*  width: 610px; */
  margin-top: 5px;
  background: #604b2e;
  color: #d9bc92;
}

div.brown_round div.top,
div.final_ship div.top {
  height: 8px;
  background: transparent url(../images/order/final_ship_top.gif) top left no-repeat; 
}

div.brown_round div.bot,
div.final_ship div.bot {
  height: 9px;
  background: #cbe961 url(../images/order/final_ship_bot.gif) top left no-repeat;
}

body div.brown_round h1 {
  color: #cbe961;
  font-size: 22px;
  padding: 5px;
  padding: 0px;
  font-weight: bolder;
}



div.final_ship div.left {
  float: left;
  margin-left: 10px;
  width: 300px;
}

div.final_ship div.left span {
  float: right; 
  margin: -14px 50px 0 0;
}

div.final_ship div.left span a {
  color: #aa8551;
  text-decoration: none;
}

div.final_ship div.left span a:hover {
  text-decoration: underline; 
}

div.final_ship div.right {
  float: left;
  width: 250px; 
}

div.final_ship div.right input.text {
  width: 150px;
  background: #d9bc92;
  border: 1px solid #382811; 
}

div.attached_note {
  margin: 5px 0 0 0;
  float: left;
  width: 210px;
  color: #474747;
  height: 130px; 
  border: 1px solid #696969;
  background: #e3f1b1;
}

div.attached_note h2 {
  padding: 4px;
  background: #604b2e;
  color: #d9bc92;
  font-weight: bold;
  font-size: 14px;
  margin: 0px;
}

div.attached_note div.note {
  padding: 4px;
}

div#order div.legal {
  float: right;
  width: 370px;
  margin: 5px 0 0 0;
  padding-bottom: 10px;
}

div.legal div.agreement {
  color: #474747;
  width: 370px;
  height: 130px; 
  border: 1px solid #696969;
  padding: 4px;
  background: #e3f1b1;
  overflow: auto;
  font-family: courier;
}

div.legal div.left {
  float: left; 
  margin-top: 5px;
}

input.initials,
div.legal div.left input.initials {
  width: 50px; 
}

div.legal div.right {
  float: right;
  width: 190px; 
  margin-top: 7px;
}

a.finalize,
div.legal div.right a.finalize {
  display: block;
  height: 24px;
  text-align: center;
  background: #43311b url(../images/order/finalize_bg.gif) top center repeat-x; 
  color: #ffa9d4;
  font-weight: 700;
  text-decoration: none;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #463513;
  clear: left;
  margin-top: 5px;
}

div#order div.section {
  margin-top: 5px;
}

div.section div.left_edge {
  background: url(../images/order/section_left_edge.gif) top left no-repeat;
  width: 16px;
  height: 129px;
  float: left;  
}

div.section div.middle {
  position: relative;
  overflow: hidden;
  width: 410px;
  height: 129px;
  float: left;
  background: #adc361 url(../images/order/section_bg.gif) bottom left repeat-x;
}

div.section div.middle img {
  position: absolute;
  top: 10px;
  right: 0px;
  border: 1px solid #5d6934;
}

div.section div.middle div.h2_left {
  width:  6px;
  height: 25px;
  float: left;
  background: url(../images/order/h2_left.gif) top left no-repeat; 
}

div.section div.middle div.h2_right {
  width:  6px;
  height: 25px;
  float: left;
  background: url(../images/order/h2_right.gif) top left no-repeat; 
}

div.section div.middle h2 {
  font-size: 12px;
  line-height: 22px;
  height: 23px;
  color: #ffa9d4; 
  font-weight: 400;
  background: #604b2e;
  display: inline;
  padding: 0 5px;
  margin: 1px 0 20px 0;
  float: left;
}

div.section div.middle input {
  margin: 5px 0 0 0; 
}

div.section div.middle select.green,
div.section div.middle input.green {
  background: #e3f1b1;
  border: 1px solid #5d6934; 
}

div.section div.middle select.medium,
div.section div.middle input.medium {
  width: 150px; 
}

div.section div.middle input.large {
  width: 290px;
  height: 16px;
  font-size: 10px; 
}

div.section div.right_edge {
  background: url(../images/order/section_right_edge.gif) top right no-repeat;
  width: 17px;
  height: 129px;
  float: left;  
}

div#order input.customize_next {
  margin: 5px 0 0 370px; 
}

div.main_menu,
div.register,
div.login {
  text-align: center; 
}

div.main_menu h1,
div.register h1,
div.login h1 {
  color: #475b00; 
  font:  20px arial;
  font-weight: 700;
}

/*
font.designing {
  color: #ff96e5; 
}
*/

div.olive {
  color: #293400;
  background: #a8b96b; 
  border: 1px solid #475b00;
  padding: 10px;
  margin: 0 auto 10px auto;
}

input.loginput {
  width: 150px; 
  color: #293400;
  border: 1px solid #293400;
  background: #deeab5;
  padding: 2px;
}

input.wider {
  width: 250px; 
}

input.login {
  margin-left: 165px; 
  color: #293400;
  border: 1px solid #293400;
  padding: 2px;
  cursor: pointer;
  background: #deeab5 url(../images/order/login_bg.gif) bottom left repeat-x;
}

input:hover.login {
  background: #f7ffdd; 
}

div.tips {
  color: #ffa9d4;
  border: 1px solid #3e2a0e;
  background: #604b2e url(../images/order/brown_bg.gif) top left repeat;
  padding: 10px;
  text-align: left;
  margin: 10px 0 10px 0;
}

div.tips h1 {
  color: #ffa9d4;
  background: transparent; 
  font-family: arial;
  padding-top: 0;
}

div.tips ol li{
  margin-left: 20px; 
}
div.tips ol {
  padding: 0; 
  margin: 0;
}

input.next,
input.main,
a.main,
a.back_button {
  color: #293400;
  border: 1px solid #293400;
  padding: 2px;
  background: #deeab5 url(../images/order/login_bg.gif) bottom left repeat-x;
  text-decoration: none;
  cursor: pointer;
}

div.actions a.main {
  display: block;
  float: left; 
}

input.left {
  float: left; 
  margin: 15px 0 5px 0;
}

a.back_button {
  margin: 0 5px;
}

body div#pcMain table.pcMainTable div.nav a:hover.page,
body div#pcMain table.pcMainTable a:hover.menu,
body div#pcMain table.pcMainTable div.main_menu div.olive a:hover.main {
  background: #f7ffdd; 
  color: #293400;
}

div.listing {
 /* width: 500px; */
  margin: 0px;
  padding: 0px;
}

div.listing div.left {
  float: left;
  border-right: 1px solid #475b00;  
  width: 50%;
  padding: 10px;
}

div.listing div.right {
  padding: 10px;
  border-left: 1px solid #475b00;
  margin-left: -1px;
  float: left;
}

div.destroyer {
  clear: both; 
}

div.pages_nav a.current,
div.status {
  padding: 2px;
  border: 1px solid #475b00;
  color: #f2ffc2;
  width: 85px;
  text-align: center;
  background: #828f53 url(../images/order/status_bg.gif) bottom left repeat-x;
  font-weight: 700;
}

div.status {
  margin-top: 10px;
  border-bottom: 0;
}

div.status.bottom_right {
  margin: 0px 0px 10px 0px;
  float: right;
  border-bottom: 1px;
  border-top: 0;
}

div.order_details {
  font-family: fixed;
  padding: 10px;
}

div.alert {
  background: #a90000;
  color: #fff;
  padding: 2px;
}

div.listing h1 {
  color: #f2ffc2;
  background: #828f53;
  font-weight: 300;
  font-size: 16px;
  padding: 2px 5px;
  margin: 0px;
}

div.nav {
  margin-bottom: 10px; 
}

div.nav div.right {
  float: right; 
}

a.menu {
  color: #293400;
  border: 1px solid #293400;
  padding: 2px;
  background: #deeab5 url(../images/order/login_bg.gif) bottom left repeat-x;
  text-decoration: none;
  float: left;
}

a.two {
  margin-left: -1px; 
}

div.pages_nav a,
div.pages_nav span {
  color: #293400;
  border: 1px solid #293400;
  float: left;
  margin-left: -1px;
  line-height: 17px;
  padding: 2px;
  background: #deeab5 url(../images/order/login_bg.gif) bottom left repeat-x;
  text-decoration: none;
}

div.pages_nav {
  margin: 10px 0;
  clear: both;
}


span.quantity {
  text-align: right;
  width: 15px;
  font-weight: bold;
  display: block;
  float: left;
  padding: 0 4px 0 0;
}









/* phase 2 */

body {
  font: 12px arial; 
}

div.olive_round {
  width: 590px;
  background: #adc361;
  position: relative; 
  padding: 10px 10px 15px 10px;
  margin-top: 5px;
}

div.olive_round div.top,
div.olive_round div.bottom {
  position: absolute;
  left: 0;
  width: 610px;
}

div.olive_round div.top {
  top: 0px;
  height: 10px;
  background: transparent url(../images/order/variations_top.gif) top left no-repeat;
}

div.olive_round div.bottom {
  bottom: 0px;
  height: 15px;
  background: #cbe961 url(../images/order/variations_bot.gif) top left no-repeat;
}

div.olive_round div.right {
  float: left;
  width: 235px;
}

div.olive_round div.left {
  float: left;
  width: 340px;
  margin-right: 10px;
}

div.step_info {
  margin-top: 5px; 
}

div.brown_round {
  width: 600px;
  margin-top: 5px;
  background: #604b2e;
  color: #d9bc92;
  position: relative;
  padding: 8px 5px 9px 5px;
}

div.brown_round div.top {
  height: 8px;
  width: 610px;
  position: absolute;
  top: 0;
  left: 0;
  background: transparent url(../images/order/final_ship_top.gif) top left no-repeat; 
}

div.brown_round div.bot {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 9px;
  width: 610px;
  background: #cbe961 url(../images/order/final_ship_bot.gif) top left no-repeat;
}

input.extra,
a.right,
a.extra {
  float: left;
  display: block;
  height: 15px; 
  margin-right: 5px;
}
input.right,
a.right {
  float: right;
  position: absolute;
  top: 6px;
  right: 6px;
}
select.extra { float: left; margin: -1px 0 0 90px; }

div.grey_rounder {
  position: relative;
  clear: left;
  background: #b2b2b2;
  width: 600px;
  margin: 5px 0 5px 0;
  padding: 10px 5px; 
}

div.grey_rounder div.top {
  background: transparent url(../images/order/grey_rounder_top.gif) top center no-repeat; 
  height: 6px;
  width: 610px;
  position: absolute;
  top: 0;
  left: 0;
}

div.grey_rounder div.bot {
  background: transparent url(../images/order/grey_rounder_bot.gif) bottom center no-repeat; 
  height: 6px;
  width: 610px;
  position: absolute;
  bottom: 0;
  left: 0;
}

div.yellow_message div.middle,
div.grey_rounder div.middle {
  width: 170px;
  float: left;
  margin-left: 20px;
}
div.yellow_message div.middle {
  width: 390px;
  margin-left: 0;
  padding-left: 10px;
}

div.yellow_message div.left,
div.grey_rounder div.left {
  width: 160px;
  float: left;
  top: 0;
}

div.grey_rounder div.right {
  width: 200px;
  float: left;
  margin-top: 0px;
  border-left: 1px solid #737373;
  padding-left: 15px;
}


div.yellow_message h1,
div.grey_rounder h1 {
  color: #737373;
  margin: 0;
  font-size: 28px;
}
div.yellow_message h1 {
  color: #6e7339; 
}

div.yellow_message input.text {
  width: 175px; 
}

div.yellow_message div.panel {
  float: left;
  width: 190px;
  padding: 2px 2px 10px 2px;
}
div.yellow_message div.panel.leader  {
  margin-left: 175px;
}

div.item {
  padding: 5px;
  clear: left;
  border-bottom: 1px solid #76873d;
}

div.item div.category {
  height: 15px;
  padding: 2px 0;
  text-indent: 5px;
  background: #76873d;
  margin: 0 0 5px 0;
  color: #dbe9aa;
}

div.note {
  background: #fff; 
  color: #000;
  padding: 0 5px;
}

div.item div.thumb {
  width: 70px;
  height: 70px;
  float: left; 
  text-align: center;
  /*background: #fff;*/
}

div.item div.quantity {
  float: left;
  margin-left: 10px;
  padding-top: 20px;
  width: 50px; 
  height: 50px;
}
div.item div.quantity input { width: 30px; text-align: center; }

div.item div.descript {
  float: left;
  width: 280px;
  margin-right: 10px;
  margin-left: 10px;
}

div.item div.total {
  width: 75px;
  height: 50px;
  float: left;
  text-align: right;
  padding: 20px 10px 0 10px; 
  font-weight: 700;
}

div.item div.actions {
  float: left;
  padding: 10px 0 0 0;
  text-align: center;
  height: 60px;
}

div.item h2 {
  font-size: 14px;
  margin: 0;
  display: inline;
  color: #3e4c0f;
}

div.bar {
   text-align: right;
   padding: 3px 0 5px 0;
}

div.bright {
  background: #d3e1a3; 
}

div.cart_message {
  background: #3e4c0f; 
  padding: 5px;
  margin: 5px;
  text-align: center;
  color: #adc361;
}

div.cart_message h1 {
  margin: 0; 
}

div.add {
  width: 300px;
  padding: 0 145px; 
  background: transparent url(../images/order/add_bg.gif) top center no-repeat;
}

div.add_item {
  width: 500px;
  margin: 0 45px;
  background: transparent url(../images/order/add_items.gif) top center no-repeat;
}

select.categories {
  width: 300px;
}

select.add_item {
  width: 500px; 
}

input.add {
  width: 300px;
  border-top: 0;
}

input.add_item {
  width: 500px;
  border-top: 0; 
}

div.proof {
  clear: left;
  margin: 0 20px;
  padding: 5px 10px;
  border-top: 1px solid #76873d;
}

div.completed {
  text-align: center; 
  padding: 15px 30px;
  background: transparent url(../images/order/add_item_bg.gif) center center no-repeat;
}

div.completed h1 {
  color: #3e4c0f;
  font-weight: 700;
  font-size: 30px;
}

img.cart_image {
  height: 70px;
  width: 70px;
}

img.selected_orentation {
  border: 2px solid red;
}

div.retailer_message {
  text-align: left;
}

span.formatting_guide {
  float: right;
  display: block;
  height: 45px;
}

span.formatting_guide a span {
  display: none; 
}

span.formatting_guide a {
  display: block;
  width: 210px;
  height: 45px; 
  background: transparent url(../images/order/formatting_guidebg.gif) top left no-repeat;
}

div.edit_faq {
  padding: 5px 5px;
  width: 600px;
  border-top: 2px solid #76873d;
}

div.edit_faq textarea {
  width: 100%;
}

div.edit_faq input.position {
  width: 20px;
  text-align: right;
}

a.reset {
  float: right;
  font-weight: bolder;
  color: #f00;
  padding: 1px 3px;
  text-decoration: none;
  background: #ddd;
  border: 1px solid #fff;
}

a.reset:hover {
  color: #f33;
  background: #fff;
}

ul.faq,
ul.faq_questions {
  margin: 10px 0 0 0;
  padding: 0 0 10px 20px;
  color: #424c20;
}

ul.faq_questions {
  border-bottom: 1px solid #424c20; 
}

ul.faq li,
ul.faq_questions li {
  margin: 0 0 10px 0;
}

ul.faq li a,
ul.faq_questions li a {
  font-weight: 700;
  color: #424c20;
  font-size: 14px;
}

ul.faq_questions li a:hover {
  text-decoration: none; 
}

ul.faq li a {
  font-size: 12px; 
}

div.answer {
  margin-left: 10px; 
}
div.yellow_message {
  border-bottom: 2px solid #bfc764;
  background: #f5ff80;
  padding: 10px;
  position: relative;
  margin-top: 10px;
}
div.yellow_message div.price {
  text-align: right;
}
div.yellow_message img.corner {
  position: absolute; 
  width: 10px;
  height: 10px;
}
div.yellow_message img.tl {
  top: 0px;
  left: 0px; 
}
div.yellow_message img.tr {
  top: 0px;
  right: 0px; 
}
div.yellow_message img.bl {
  bottom: -2px;
  left: 0px; 
  width: 12px;
  height: 12px;
}
div.yellow_message img.br {
  bottom: -2px;
  right: 0px; 
  width: 12px;
  height: 12px;
}




div.add_item {
  background-image: url(../images/add_items.jpg); 
  padding-top: 40px;
}
span.cat_name {
  display: block;    
  font-size: 18px;
  font-weight: 700;
  color: #ffdd8a;
}
span.description {
  color: #4e533d; 
  display: block;
  font-size: 14px;
  font-weight: 700;
}
div.add_item div.item {
  background-color: #e0ba5f;
  border: 1px solid #6c4d00;
}
div.add_item div.bright {
  background-color: #ffdd8a; 
}
div.add_item div.item div.descript h2 {
  color: #6c4d00;
}
div.add_item div.descript {
  width:250px;
  padding-top:10px;
}
div.add_item div.total {
  width: auto;
  height: auto;
  padding-top: 30px;
}
div.cat_name {
  background: #b2b2b2;
  padding: 2px 5px;
  font-weight: bold;
  border-bottom: 1px solid #000;
}
/*
div.actions a.main {
  margin-left: 90px;
}
*/

.rep_row {
  cursor: pointer;
}

tr.rep_row.over {
  background-color: #e2f3a6;
}

div#portal {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  height: 110px;
  line-height: 20px;
  margin: 10px;
  padding: 0px 5px;
  text-align: center;
  border: 3px double black;
  background: #fff;
  z-index: 2;
}

textarea.green_wide {
  background: #eeffb3;
  border: 1px solid #78805a;
  padding: 2px;
  width: 586px;
  height: 100px;
  font-family: arial, helvetica;
  font-size: 12px;
}

div.brown_box {
  background: #52660c;
  color: #e2ff80;
  border: 1px solid #1b2300;
  font-size: 12px;
  margin: 10px;
  padding: 5px;
}

div.brown_box h1 {
  color: #e2ff80; 
  padding: 0;
  margin: 0;
  font-size: 14px;
  cursor: pointer;
}

div#boxers {
  margin-top: 5px;
  padding-top: 3px;
  border-top: 1px solid #1b2300; 
  overflow: hidden;
  height: 0px;
}

div.hold_me {
  float: left;
  width: 195px;
}

div:hover.hold_me {
  background: #1b2300; 
}

div.hold_me input.checkbox {
  float: left;
  cursor: pointer;
}

div.hold_me label {
  width: 175px;
  display: block;
  float: left;
  padding-top: 2px;
  cursor: pointer;
}

.instructions {
  color: #fff;
}

div.cvc_instruction {
  height: 0;
  overflow: hidden;
  background: transparent url(../images/cvc_instruction.jpg) 30px 0 no-repeat; 
}

span.link {
  color: #444d27;  
  text-decoration: underline;
  cursor: pointer;
}

.clickable {
  cursor: pointer;
}

input#name,
input#email,
input#phone,
input#address,
input#address2,
input#city,
input#state,
input#zip {
  margin: 0 0 10px 0; 
  background: #faffe7;
  border: 1px solid #293400;
  padding: 2px;
}

input#zip { width: 50px; }
input#state { width: 25px; }

div.variation_select {
  margin: 0 2px;
}

div.variation_select a {
  color: #293400;
  padding: 3px; 
  display: block;
}

div.variation_select a:hover {
  background: #b2cc55; 
}

div.supply_request a {
  color: #293400;
}