﻿body {
}
/* COMMON -------------------------------------------------------------------------- */

.paging {
	float:right;
	font-size:10px;
}
.paging a {
	margin:0 5px;
	font-size:10px;	
	outline:none;
}

table td {
	vertical-align:top;
}

.total-label {
	font-weight:bold;
}
.total-value {
	font-weight:bold;
	font-size:13px;
}

.messagebox {
	padding:10px 15px;
	background-color:#fee;
	border:1px solid #c99;
	color:#900;
	width:300px;
	margin:10px auto;
	text-align:center;
}



/* PRODUCTS - OVERVIEW ------------------------------------------------------------- */

#products .product-box {
  margin:0 0 9px 17px;
  min-height:115px; /* 149|162 */
  overflow:hidden;
  padding:5px;
  /*background:url('/images/products-bg.gif') top left no-repeat;*/
  background:#E7EAEF;
  display:inline;
  border:1px solid #BBC1CD;
}
#products .product-image {
    width:100px;
    /*height: expression( this.scrollHeight > 146 ? "146px" : "auto" );  /* stupid ie6 *//*
    max-height:146px;*/
}
#products .product-image img {
	border:1px solid #BBC1CD;
	padding:2px;
}
#products .product-details {
    margin:4px 0 0 15px;
    width:330px;
}
#products .product-details h2 {
    color:#3C4B64;
    font-weight:bold;
    font-size:14px;
    margin:0 0 10px 0;
}
#products .product-details .label {
    color:#FF9933;
    margin-right:5px;
    font-size:10px;
}
#products .product-details .blurb {
    margin-top:8px;
    color:#7f7f7f;
    font-size:10px;
    height:45px;
    min-height:45px;
    max-height:45px;
    overflow:hidden;
} 
html>body #products .product-details .blurb {height:auto}
#products .button-box {
    float:right;
    margin-bottom:3px;
}
#products .button-box a {
    border:1px solid #BBC1CD;
    /*background:url('/images/products-button.gif') top left no-repeat;*/
    /*height:16px;  19 */
    background:#DBE2E8;
    color:#FF9933;
    font-weight:bold;
    padding:3px 12px 2px 12px;
    width:80px;
    text-decoration:none;
}
#products .button-box a:hover {
    text-decoration:underline
}


/* PRODUCT - DETAILS ------------------------------------------------------------- */
.print {
    float:right;
    margin:9px 5px 0 0;
}
#product .summary{
    padding-top:5px;
    height:150px;
    min-height:150px;
} 
html>body #product .summary{height:auto}
#product .image{
    border:1px solid #BBC1CD;
    padding:5px;
    background:#E7EAEF;
}
#product .image-link {
	/*background:url('/images/product-hgrade.gif') top repeat-x;*/
	/*border-top:1px solid #000;*/
	padding:5px 0 0 0;
	font-size:10px;
}
#product .image-link a {
	/*background:url('/images/zoom.gif') 0px 2px no-repeat;*/
}
#product .left-col {
	width:240px;
	border-right:1px solid #BEBEBE;
}
#product .right-col {
	width:213px;
	margin-left:30px;
}
#product .left-col h1,
#product .right-col h1 {
	margin:10px 0 10px 0;
}
#product .left-col .row {
    width:250px;
	margin-top:5px;
}
#product .right-col .row {
	margin:5px 0;
}
#product .label {
	margin:6px 7px 0 20px;
	width:75px;
	color:#FF9933;
	font-size:12px;
	font-weight:bold;
}
#product .detail {
	margin:6px 0 0 0;
	width:100px;
	color:#FF9933;
	font-size:12px;
	font-weight:bold;
}
#product .detail input {
	width:80px;
}
#product .detail select {
	width:135px;
}
#product .submit {
    padding:10px 0 10px 20px;
}
#product .right-col h4{
    margin: 2px 0;
}

/* CHECKOUT ------------------------------------------------------------- */

.red {
    color: red;
    font-weight: bold;
    font-size: 16px;
}
.whereami {
    width:250px;
	margin:0 auto 10px auto;
	text-align:center;
}    
.iamhere {
    color:#FF6600;
}
.required {
    float:right;
    margin:4px 0 0 0;
}
.hr {
    margin:5px 0;
    padding:0;
}
.other {
    background-color:#F1F4F9;
}
form#create_account,
form#login,
form#shipping_address,
form#billing_address {
	width:345px;
	margin:0 auto;
}
form#carriers {
    width:420px;
	margin:0 auto;
}  
form#shipping_address .address {
	width:300px;
	margin:0;
	padding:0;
}
form#shipping_address .address .row {
    margin:5px;
	padding:10px auto;
}
form#shipping_address .row,
form#billing_address .row,
form#create_account .row,
form#login .row {
	margin-bottom:10px;
}
form#saved_addresses h3,
form#create_account h3,
form#login h3 {
	margin:15px 0 0 0;
}
form#shipping_address .label,
form#billing_address .label,
form#create_account .label,
form#login .label {
	width:140px;
	font-weight:bold;
	margin-right:5px;
}
form#shipping_address .input,
form#billing_address .input,
form#create_account .input,
form#login .input {
    margin:2px 0 0 0;
	width:180px;
}
form#shipping_address input.fullwidth,
form#billing_address input.fullwidth,
form#create_account input.fullwidth,
form#login input.fullwidth {
	width:190px;
}
form#shipping_address select.fullwidth,
form#billing_address select.fullwidth {
	width:194px;
}

/* PAYMENT FORM */
form#payment h3 {
	text-align:center;
}
#a1 {
	margin:20px 0 0 0;
}
#a2, #a3 
{
    width:280px;
	margin:20px auto;
}
form#payment .startmessagebox {
    padding:10px 10px;
	background-color:#F1F4F9;
	border:1px solid #244452;
	color:#244452;
	width:200px;
	margin:22px auto;
	text-align:center;
}
form#payment .method {
	margin-top:5px;
	width:340px;
}
form#payment .costs{
	width:150px;
}
form#payment .costs .col{
	width:75px;
}
form#payment .costs .row {
	padding:5px 0;
	text-align:right;
}
form#payment .costs .button {
    border:1px solid #E2E2E2;
    text-align:center;
	padding:30px 0;
}
form#payment #a2 .row,
form#payment #a3 .row {
	margin-top:5px;
}
form#payment #a2 .label,
form#payment #a3 .label {
	width:100px;
	font-weight:bold;
	margin-right:5px;
}
form#payment #a2 .input,
form#payment #a3 .input {
	width:160px;
}

/* ORDERS ------------------------------------------------------------- */

#order{
 border:1px solid #000;
 margin:0;
 padding:2px;
}

#order .other {
    background-color:#EEE;
}

/* LOGIN - FORGOT ------------------------------------------------------------- */

form#forgot {
	width:300px;
	margin:0 auto;
}
