/*general*/
.vsClear { clear: both }
img.vsImage { border: 0 }
.vsBlock { display: block; margin-top: 12px }

/*headers and paragraphs, vertical baseline*/
div.vs-h1, div.vs-h2, div.vs-h3, div.vs-p { margin-bottom: 20px; clear: both }

/*account links and modal area*/
#vsAccountLinks { position: fixed; right: 0; top: 0; padding: 0px; z-index: 1000; }
#vsAccountLinks > div { float: left; padding: 4px }
#vsModal { display: none; position: fixed; right: 0px; top: 50px; padding: 10px; min-width: 300px}
#vsModalClose { float: right }
#vsAccountNav { width:200px; float: left }
#vsAccountMain { width:760px; float: left }
#vsFacebookLoginLink { background: url(https://facebook.com/favicon.ico) no-repeat 2px; padding-left: 25px }

/*mini cart*/
#vsMiniCart { width: 100%; padding: 0 10px 10px 10px; border-collapse: collapse }
#vsMiniCart th, #vsMiniCart td { padding: 8px }
#vsMiniCart td { text-align: center }
#vsMiniCart td.vsLeft { text-align: left; white-space: nowrap }
#vsMiniCart input { text-align: center; width: 45px; padding: 5px }
#vsMiniCart select { padding: 4px; width: 60px }
#vsCartButtons { padding: 20px 0 0 0 }
#vsWishListText { display: block }
#vsMiniCartHeader { font-size: 24px }
.vsMiniCartQuantityBox { display: block }

/*general forms*/
.vsForm { width: 492px }
.vsForm label { display: block; margin-top: 8px }
input.vsText { width: 400px }
input.vsText, .vsForm button, button.vsButton { padding: 5px }
.vsForm button { margin: 0 }
.vsForm label.error { color: Red; margin-bottom: 15px }
.vsForm input.error { border: 1px solid Red }
.vsError { color: Red; border: 1px solid silver; background: #efefef; padding: 8px }
select.vsSelect { padding: 4px }
input.vsSmall { width: 30px; text-align: center }
/*.vsForm input, .vsForm select, input.vsText { border-top: 1px solid #7C7C7C; border-left: 1px solid #C3C3C3; border-right: 1px solid #C3C3C3; 
                                                        border-bottom: 1px solid #DDD; background: #fff url(/content/images/fieldbg.gif) repeat-x top; }*/
.vsText, .vsForm select { padding: 5px }
.vsForm label { margin: 0; display: block }
.vsFull, .vsHalf, .vsThird { margin-bottom: 8px }
.vsFull { width: 492px }
.vsFull input { width: 478px }
.vsFull select { width: 488px }
.vsHalf { width: 244px; float: left }
.vsHalf input { width: 230px }
.vsHalf select { width: 242px }
.vsRight { float: right }
.vsThird { width: 164px; float: left }
.vsThird input { width: 149px }
.vsThird select { width: 157px; padding: 4px }
.vsMiddle { margin: 0 2px 8px 2px; width: 160px }
.vsExtraBottom { margin-bottom: 30px }
input.error, select.error { background: #fff0f0 }
label.error { color: red }

/*order process*/
#vsOrderForm { width: 800px; margin: 0 auto; color: #222 }
#vsOrderFormContent { padding: 10px 28px }
#vsOrderFormLeft { width: 240px; float: left; min-height: 400px; margin-top: 0 }
#vsOrderFormRight { width: 548px; float: left; min-height: 400px }
#vsOrderFormLeft div { padding: 5px; height: 20px }
#vsOrderFormLeft div.vsActive { background: url(/content/images/arrow.gif) right; color: white }
.vsOrderFormButtons { padding: 20px 0; clear: both }
.vsOrderFormButtons button { padding: 5px; min-width: 100px; margin-right: 5px }
#vsOrderForm .vsRadio { display: inline; width: 20px }
ul.vsDisplayList { list-style: none }
#vsOrderItems { width: 100%; border-collapse: collapse; margin: 0; padding: 0 }
#vsOrderItems td { padding: 5px }
.vsOrderFormHeader { padding: 5px }
button#vsPlaceOrder { padding: 8px }
.vsOrderReviewBlock { margin-bottom: 15px } 
.vsIndent { padding: 5px }
#vsOrderForm h3 { clear: both }

/*allocations*/
div.vsAllocations > div { clear: both }
div.vsAllocationImage { float: left }
div.vsAllocationDetail { float: left }