/* This is Yobbo 
 * $Id: yobbo.css 45 2008-11-10 00:49:09Z thsutton $
 */
.yobbo_checkout ul, .yobbo_checkout li { list-style: none; margin: 0; padding: 0;}
.yobbo_checkout label { display:block; width: 10em; float: left; } 
.addtobag { float:right; }

#bag { color:#0c488d; }
body#bag .con .breadcrumbs ul li { float: left; list-style: none; margin-right: 5px; margin-left:0; }

#bag ul li { list-style:none; margin-left:0; }

/* SHOPPING BAG PAGE */
body#bag #con { clear: both; width: 915px; margin-top: 20px; }
body#bag #con #errors { width: 330px; margin: 0 0 15px 200px; border: 1px dotted #502231; padding: 15px; font-size: 14px; color: #0c488d; font-family: Georgia, sans-serif; }
body#bag #con #errors li { list-style: none; color: #0c488d; font-size: 11px; font-family: Helvetica, sans-serif; }
body#bag #con .empty_cart { font-family: Georgia, sans-serif; font-size: 15px; margin: 50px auto; width: 300px; text-align: center; line-height: 2; }
body#bag #con .empty_cart a, body#bag #con .breadcrumbs li a { color:#0c488d; text-decoration: none; }
body#bag #con .empty_cart a:hover, body#bag #con .breadcrumbs li a:hover { border-bottom:1px solid #0c488d; text-decoration: none; }
body#bag #con .breadcrumbs { margin: 0 0 20px 20px; font-family: Georgia, sans-serif; font-size: 13px; overflow: auto; float:left; }
body#bag #con .breadcrumbs li { margin-right: 5px; color:#0c488d; font-size:14px; margin-bottom:20px; }
body#bag #con .breadcrumbs li.sep {  }
body#bag #con .breadcrumbs li strong { font-weight: normal; color:#502231; font-size:18px; }
body#bag #con .cart_info { width:690px; float:left; }
body#bag #con table { width: 650px; border-collapse: collapse; margin-left: 20px; clear: both; }
body#bag #con thead th { font-size: 12px; padding: 4px 6px; border-top:solid 1px #ccc; }
body#bag #con thead th.yobbo_cart_price, body#bag #con thead th.yobbo_cart_total { text-align: right; }
body#bag #con tbody tr.yobbo_cart_item { font-size: 12px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
body#bag #con td { padding: 6px; font-size: 11px; border: none; }
body#bag #con td.yobbo_cart_quantity { width: 49px; text-align: center; vertical-align: top; }
body#bag #con td.yobbo_cart_product { width: 374px; text-align: left; }
body#bag #con td.yobbo_cart_product label { vertical-align: top; }
body#bag #con td.yobbo_cart_product label span { display: block; float: left; width: 5em; }
body#bag #con td.yobbo_cart_product textarea { padding: 3px; width: 225px; }
body#bag #con td.yobbo_cart_price { width: 132px; text-align: right; vertical-align: top; }
body#bag #con td.yobbo_cart_total { width: 83px; text-align: right; vertical-align: top; }
body#bag #con td.totals { text-align: right; font-weight: bold; padding: 6px; border-top:solid 1px #ccc; }
body#bag #con #cart_buttons { width: 516px; margin: 20px auto; overflow:auto; clear: both; }
body#bag #con #cart_buttons li input, body#bag #con #cart_buttons p { list-style: none; float: left; margin: 0; padding: 0; }
body#bag #con #cart_buttons li .button_left, body#bag #con #cart_buttons .yobbo_button p.button_left { display: block; width: 6px; height: 16px; background: url(images/cart_button_left.gif) no-repeat left top; cursor: pointer; }
body#bag #con #cart_buttons li { overflow: auto; width: 147px; float: left; list-style: none; }
body#bag #con #cart_buttons input:hover {  }
body#bag #con #cart_buttons li input { width:147px; height:21px; display:block; background-image:url(images/cart_sprite.gif); background-color:#fff; background-position:top left; border:none; cursor: pointer; color:#fff; }
body#bag #con #cart_buttons li input:hover { background-position:0 21px; }
body#bag #con #cart_buttons li .button_right, body#bag #con #cart_buttons .yobbo_button p.button_right { }
body#bag #con .yobbo_button input { width:147px; height:21px; display:block; background-image:url(images/cart_sprite.gif); background-color:#fff; background-position:top left; border:none; cursor: pointer; color:#fff; }
body#bag #con .yobbo_button input:hover { background-position:0 21px; }
body#bag #con #cart_buttons #next_button { float: right; }
body#bag #con #shop_selection { text-align: left; width: 200px; margin: 0 0 10px 200px; overflow: auto; }
body#bag #con #shop_selection label, body#bag #con #shop_selection .shop_label { float: left; margin-right: 5px; }
body#bag #con #shop_selection select { float: left; }
body#bag #con #shop_selection .shop_name { float: left; }

#bag #enterdetails { overflow:auto; margin-left:22px; padding-bottom:30px; width:650px; }
#bag #invoice { float:left; padding-right:35px; }
#bag #invoice h3 { float:left; padding-bottom:20px; width:auto; }
#bag #shipping { float:left; padding-left:35px; width: 235px; }
#bag #shipping h3 { float:left; padding-bottom:20px; width:auto; }
#bag #enterdetails ul li { list-style:none; margin-left:0; }
#bag #enterdetails ul { clear:both; }

#bag #copybutton { float:left; padding-top:60px; }
#bag #copybutton button { width:82px; height:21px; color:#fff; background-image:url(images/cart_sprite_small.gif); background-color:#fff; border:none; background-position:top left; cursor:pointer; }
#bag #copybutton button:hover { background-position:0 21px; }
#bag #invoice .label { width:105px; float:left; }
#bag #shipping .label { width:70px; float:left; }

#bag #creditcard { width:390px; margin:0 auto; overflow:auto; }
#bag .enter_card { float:left; width:240px; }
#bag .card_type { float:left; padding-right:50px; }
#bag .card_label { width:90px; float:left; }
#bag .card_name { clear:both; overflow:auto; }
#bag .card_number { clear:both; overflow:auto; }
#bag .card_cvc2 { clear:both; overflow:auto; }
#bag .card_expiry { clear:both; overflow:auto; }
#bag #order_buttons { clear:both; overflow:auto; margin-left:22px; }
#bag #order-button1 { float:left; }
#bag #order-button2 { float:right; }

#bag #prev_button { float:left; }
#bag #next_button { float:right; }

#bag label { font-weight:bold; }
#bag #thankyou { padding-bottom:30px; }

#bag #creditcard h3 { padding-bottom:20px; width:auto; }
#bag #creditcard .label { width:130px; float:left; font-weight:bold; }

.button_add_cart { width:147px; height:17px; padding-top:4px; display:block; background-image:url(images/cart_sprite.gif); background-position:top left; border:none; cursor: pointer; color:#fff; text-align:center; }
.button_add_cart:hover { background-position:0 21px; text-decoration:none; }

#bag .con { overflow:auto; }