/* CSS Document */

body 		{ font: 12px Arial, Helvetica, sans-serif; background: #180a02 url(http://coolcribslifestyles.com/images/bg.gif); margin: 0; padding: 0; text-align: center; color: #180a02; min-width: 850px; }
#page 		{ width: 850px; margin: 0 auto; }
#header 	{ padding: 15px 0; }
#nav		{ background: #ffffff url(http://coolcribslifestyles.com/images/nav-bg.gif) repeat-x; height: 36px; }
#main 		{ padding: 10px; background: #ffffff; text-align: left; }
#footer 	{ padding: 10px 0; background: #ffffff; }
#footer p 	{ margin: 0; padding: 10px 0; }

.fltleft	{ float: left; }
.fltright	{ float: right; }

#nav ul 	{ padding: 0; margin: 0; list-style: none; }
#nav li 	{ float: left; position: relative; }
#nav li ul 	{ display: none; position: absolute; top: 37px; left: -20px; font-size: 11px; width: 130px; }
#nav li li 	{ width: 100%; display: block; border: 1px dotted #cdaa06; background-color: #ffffff; border-top: 0; padding: 5px; text-align: left; }
#nav li:hover ul, li.over ul { display: block; }

a:link		{ text-decoration: none; font-weight: bold; color: #d962a4; }
a:visited 	{ text-decoration: none; font-weight: bold; color: #ec89c0; }
a:hover 	{ text-decoration: none; font-weight: bold; color: #ec89c0; }
hr 			{ color: #fff; background-color: #fff; border: 1px dotted #ec89c0; border-style: none none dotted; }
dl 			{ margin: 10px 0 0 0; }
dt 			{ width: 125px; float: left; padding-top: 5px; clear: left; }
dd 			{ margin-bottom: 0;  }
dd label 	{ font-weight: bold; padding-top: 2px; }

/* Cat & Product Pages */
.cat-thumb	{ width: 165px; float: left; text-align: center; height: 185px; font-size: 10px; overflow: hidden; }
.col1 		{ width: 400px; float: left; text-align: center; }
.col2 		{ margin-left: 410px; }
.small 		{ font: 9px/12px Arial, Helvetica, sans-serif;}
.pagination { padding-top: 10px; text-align: right; }
.thumbsImg	{ padding-right: 5px; }
.lbl		{ width: 100px; float: left; font-weight: bold; }
.txtOldPrice	{ color: #CC0000; text-decoration: line-through; }

.cat-thumb a:link, .cat-thumb a:visited, .cat-thumb a:hover	{ color: #180a02; }
.imgpad		{ margin: 10px 14px 0 14px; width: 135px; height: 135px; background-color: #ffffff; }
#cat0		{ background-color: #f38db6 }
#cat1		{ background-color: #ae2055 }
#cat2		{ background-color: #ed085e }
#cat3		{ background-color: #ea444c }
#cat4		{ background-color: #e775be }
#cat5		{ background-color: #c22087 }
#cat6		{ background-color: #e45286 }
#cat7		{ background-color: #f156b1 }
#cat8		{ background-color: #c5165b }
#cat9		{ background-color: #d33742 }

/* Cart */
.pad 		{ padding: 10px; }
.halfsies 	{ width: 50%; float: left; }
p.cart-progress 				{ padding: 0; margin-top: -2px; color: #180a02; }
p.cart-progress .current-step 	{ font-weight: bold; color: #cdaa06; font-size: 13px; }
table 		{ margin-top: 10px; }
.tdcartOdd 	{ padding: 3px; border-bottom: 1px solid #180a02; }
.tdcartEven { padding: 3px; border-bottom: 1px solid #180a02; }
.cart-title { font-weight: bold; color: #180a02; background-color: #d962a4; padding: 3px; }
.first-title 					{ padding-left: 10px; }
.cart-name .price-old 			{ text-decoration: line-through; color: #C00; }
.cart-left,  .cart-right 		{ padding: 3px; }
.cart-left 	{ padding-left: 3px; }
.cart-right { padding-right: 3px; }

 .cart-bottom {
  padding: 3px;
  background-color: #E9F9DC;
}

 .cart-total {
  padding: 3px;
  background-color: #E9F9DC;
}

 .cart-checkout {
  padding-top: 10px;
}
 ul.error {
  margin-left: 20px;
  padding: 10px;
  list-style-type: square;
  border: 4px solid #C00;
  background-color: #FCC;
}

 ul.error li {
  margin: 0 300px 5px 20px;
  color: #C00;
}

 table.order-info td {
  padding: .75em 0;
}

 table.order-info td.cart-title {
  border-bottom: 1px dotted #CCC;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 14px;
  font-weight: normal;
  color: #3A3A3A;
  background-color: #F1F1F1;
}

 table.order-summary {
  margin: 10px 0 0 0;
}

 table.order-summary td {
  padding: .75em 0;
  border-bottom: 1px solid #CCC;
}

 td.paypal a {
  border: none;
}

/* --------------------------------------------------------------------------------------------- 

login/account styles
 
--------------------------------------------------------------------------------------------- */
fieldset {
  margin: 15px 20px 15px 13px;
  padding: 5px 10px 10px 10px;
  border: 0; 
}

legend {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1.2em;
  font-weight: bold;
  color: #cdaa06;
  letter-spacing: 0;
}

#store-data.step1 div {
  margin: 0 20px 15px 13px;
  padding: 15px 10px 10px 10px;
}

#store-data.step1 div h3 {
  margin: 0 0 10px 0;
  font-size: 1.8em;
  color: #333;
}

#store-data.step1 div p {
  margin-left: 0;
}

#store-data.account h3 {
  font-size: 1.8em;
  color: #333;
}

ul.account {
  margin: 5px 20px 25px 1.5em;
  list-style-type: square;
}

ul.account li {
  margin-left: .75em;
}

a#update-account {
  width: 130px;
  height: 28px;
  display: block;
  background: url(../images/store/btn_update-account.gif) no-repeat;
  border: none;
}