@charset "utf-8";
/* CSS Document */
*  { margin:0; padding:0; border-collapse:collapse; }
option  { padding: 0px 5px 0px 5px; }
body  { background:url(/templates/ranchoutlet/images/grad_bg.jpg) center repeat-y; background-color:#51574B; font-size:14px; font-family:Georgia, Verdana; }
#marginWrap  { margin:0 auto; width:903px; }
#floatWrap  { float:left; display:inline;  background:url(/templates/ranchoutlet/images/bg_repeat.jpg) repeat-y; width:903px; margin: 0 0 10px 0}
.invis { visibility:hidden;}

.muttonpics {margin-left:25px;}

/*************** FORMATTING ********************/

#frmurl {display: none;}

/************** HEADER *************************/
.article-content p {
display:block;width:640px;
}

#top_image { background:url(/templates/ranchoutlet/images/top_image.jpg) no-repeat; width:903px; height:32px; }
#header { background:url(/templates/ranchoutlet/images/header.jpg) no-repeat; width:892px; height:129px; position:relative; margin-left:11px; }
#header span { visibility:hidden; }
#header a  { text-decoration:none;  }
#nav_home { position:absolute; top:100px; left:15px; width:45px; height:20px; }
#nav_about { position:absolute; top:103px; left:100px; width:67px; }
#nav_news { position:absolute; top:103px; left:195px; width:46px; }
#nav_shopping { position:absolute; top:103px; left:416px; width:100px; }
#nav_register { position:absolute; top:103px; left:280px; width:100px; }
#nav_account { position:absolute; top:103px; left:545px; width:80px; }
#searchBox { position:absolute; top:104px; left:628px; }
#search { width:138px; height:12px; border-top:1px solid black; border-left:1px solid black; margin-right:5px; font-size:8pt; margin-bottom:3px; }

/******************* MAIN ***********************/

#main { float:left;display:inline; margin-left:11px; }

/******************** LEFT *********************/

#left { width:181px; float:left; display:inline;}
#left H1 { font-family:Georgia, Verdana; font-size:12pt; color:#6C6F68; margin:10px 0px 0px 10px;font-size:11pt; }
#left_nav_featured { margin: 0 0 0 11px; }
#left_nav { background:url(/templates/ranchoutlet/images/leftbg_top.jpg) top left no-repeat #F2F2E8; float:left; display:inline; }
#left_nav label { font-weight:bold; font-family:Georgia, Verdana; font-size:10pt; margin-left:0px; display:block; width:130px; margin-bottom:5px; }
#left_nav_attn { background:url(/templates/ranchoutlet/images/leftbg_bottom.jpg) bottom left no-repeat #F2F2E8; float:left;display:inline; font-family:Georgia; color:#7d3e18; font-size:7pt; display:block; height: 120px; width:153px;padding: 20px 15px 0 13px; }
#left_logos { float:left; display:inline; width:181px; padding: 10px 0 10px 0; height:73px; background:url(/templates/ranchoutlet/images/security.gif) 25px 10px no-repeat; }

/******************** CONTENT ***************************/

#content_wrap { float:left;display:inline; width:691px; margin-left:8px; background:url(/templates/ranchoutlet/images/content_top.jpg) no-repeat; }
#content { float:left;display:inline; width:691px; background:url(/templates/ranchoutlet/images/content_repeat.gif) repeat-y; margin-top:4px; }

/***************** HOME CONTENT ****************/

.homefeature { display:block;height:300px;width:415px;background:url(/templates/ranchoutlet/images/trailers_feat-OLD.jpg) top left no-repeat;}
.homefeature a {display:none;}
#whats_hot { width:418px;background:url(/templates/ranchoutlet/images/bg_homefeature.jpg) repeat-y; margin:0px 0px 10px 3px;padding:20px 0 10px 5px; }
#whats_hot p { font-size:9pt;font-style:oblique; }
.huntersnight { display:block;height:450px;width:415px;background:url(/templates/ranchoutlet/images/wecom_sp_everything.gif) top left no-repeat;}
.huntersnight a {text-decoration:none;float:left;display:Inline;margin:230px 0 0 90px;width:240px;height:30px;}
.huntersnight span {visibility:hidden;}
.trailers_feature { padding-top:20px;width:415px;height:481px;background:url(/templates/ranchoutlet/images/mutton.jpg) top left no-repeat; }
.trailers_feature a { display:none !important;display:block;text-decoration:none;width:415px;height:245px;}
.trailers_feature a span { visibility: hidden; }

.homecontent { display:block;margin-top:10px;width:400px;padding-bottom:15px; }
.banner_home {}
.banner_home1 {}

div.banner_wrangler a {
display: block;
width:414px;
height:275px;
cursor:pointer;
text-decoration:none;
background-image:url(http://www.ranchoutlet.com/images/wranglerbanner.jpg);
}
div.banner_wrangler a span {
visibility:hidden;
}
div.r2w a {
display: block;
width:414px;
height:188px;
cursor:pointer;
text-decoration:none;
background-image:url(http://www.ranchoutlet.com/images/2height.jpg);
}

#whats_hot .books { margin-left:60px;margin-top:5px; }
#whats_hot .boots { text-decoration:underline; }
#home_content_btm a { float:left;display:inline;height:120px;width:220px;margin-left:230px;text-decoration:none;  }

/*rodeo page*/
#slideright { margin-left:100px; }
#rodeolist { font-style:oblique;font-size:9pt;width:300px;margin-left:30px;  }

#top_sellers { width:250px; float:right; display:inline; margin:5px 10px 0px 0px; overflow: hidden; }
#wrangler_patriot { width:208px; float:right; display:inline; margin:5px 10px 0px 0px; overflow: hidden; }



/* not used anymore */
#featured_item_1, #featured_item_2 { float:left;display:inline; width:190px; text-align:center; }
#featured_item_1 span, #featured_item_2 span { color:red; font-family:Georgia, Verdana; font-size:9pt; width:120px; margin:0 auto; display:block; text-align:left; }
#featured_item_1 p, #featured_item_2 p { font-family:Georgia; font-size:10pt; margin:0px; padding:0px; text-align:left; width:120px; margin: 0 auto; }
.featured_items { color:#000; width:120px; height:20px; margin:0px auto; text-align:left; display:block; padding:0px; background:url(/templates/ranchoutlet/images/left_listStyle.jpg) 0px 0px no-repeat; padding-left:17px; }
#featured_items { float:left;display:inline; margin-left:16px; }
.featured_items a { color:red; font-family:Georgia, Verdana; font-size:9pt; width:120px; margin:0 auto; display:block; text-align:left; }

#home_content_btm { float:left; clear:both; width:681px; height:142px; background:url(/templates/ranchoutlet/images/home_content_btm.jpg) no-repeat; 
}

/***************** FOOTER **********************/

#footer { width:894px; float:left; display:inline; }
#footertop { width: 894px; height: 5px;   float:left; display:inline; background:url(/templates/ranchoutlet/images/footer.png) repeat-x; }
#footerbtm { width: 894px; height: 5px;    float:left; display:inline; background:url(/templates/ranchoutlet/images/footer.png) repeat-x;}
.footer_brands { width:893px;height:112px;background:url(/templates/ranchoutlet/images/footer_brands.jpg) 20px 10px no-repeat;background-color:#f2f2e8; }
#footer ul { float:left;display:inline; }
#footer ul li { float:left;display:inline;width:135px;height:25px;text-align:center;margin:20px 0 0 13px;font-size:12px; }
#footer ul li a { float:left;display:inline;width:135px;height:15px;padding-top:50px;color:#640616;  }

/* not being used */ 
#shopbyMfn { width: 885px; height: 145px;   float:left; display:inline; background:url(/templates/ranchoutlet/images/footer-repeat.gif) repeat-y;}
#shopbyMfn li { float:left; display:inline; padding: 10px 8px 0px 8px; margin: 10px 0; text-align: center; height:80px; width: 130px; }
#shopbyMfn li a img  { border: 0; height: 50px; max-width: 125px; margin: 0 0 10px 0;}
#shopbyMfn label { font-size:12pt; margin:5px 0 0 10px; line-height:12px; display:block; color:#868F7D; font-family:Georgia, Verdana; }

#bottom { width:895px; height:53px; background:url(/templates/ranchoutlet/images/bottom.jpg) no-repeat; float:left;display:inline; }
#bottom_links { font-family:Georgia, Verdana; color:#fff; width:450px; margin:15px auto 0px auto;text-align:center; }
#bottom_links a { color:#Fff; margin:0px 10px; font-size:9pt; text-decoration:none; }
#bottom_copyright { font-family:Georgia, Verdana; font-size:8pt; color:#000; width:605px; margin:3px auto 0px auto;text-align:center; }	
#bottom_copyright a { color:#fff; }
#smartTree { font-family:Georgia, Verdana; width:165px; }
#smartTree, .mktree { list-style:none; margin: 0 0 0 10px; }
#smartTree li { margin: 5px 0 5px 0; float:left;display:inline; width: 100%; }
#smartTree li a { margin: 2px 0 0 0; width: 80%; float:left;display:inline; font-size: 12px; }
#smartTree li span { padding:0; }
#smartTree li a:link { color: #006258; }
#smartTree li a:visited { color: #545651; }
#smartTree li a:hover { color: #EC1A24; }
#smartTree ul  { padding:0px; }
.treeIcon { font-size: 1px; line-height: 1px; margin: 2px 3px 0 0; width: 16px; height: 16px; display: block; cursor: pointer; float:left;display:inline; }
.treeClose { background: url(/templates/ranchoutlet/images/bullet_static.gif); }
.treeOpen { background: url(/templates/ranchoutlet/images/bullet_static.gif); }
.treeEmpty { background: url(/templates/ranchoutlet/images/bullet_static.gif); }
.treeLoading { background: url(/templates/ranchoutlet/images/bullet_loading.gif); }
.treeClosing { background: url(/templates/ranchoutlet/images/bullet_closing.gif); }
.highlight { background-color: #EED88D; }

/* ##### PRODUCT DETAIL ##### */

.product,.products { font-family:Georgia, Verdana; padding: 0 20px 0 20px; }
#content h1 { font-weight: normal; font-family:Georgia, Verdana; font-size: 20px; margin: 0 20px 10px 20px; color: #373F2F; padding: 0; }
.breadcrumb { padding: 5px; margin: 10px 20px 10px 20px; background-color: #868F7D; color: #545651; }
.breadcrumb a, .breadcrumb { color: #FFFFFF; font-family:Georgia, Verdana; font-size: 12px; }
.breadcrumb a:link { color: #FFFFFF; }
.breadcrumb a:visited { color: #CFCFCF; }
.prodimages { width: 300px; float: left;display:inline; }
.prodimages img { border: 1px dotted #545651; }
.producthead { width: 650px; float:left;display:inline; }
.prodinfo { width: 350px; float: left; display: inline; }
.prodimages_other { width: 250px; float: left; display: inline; overflow: auto; }
.prodimages_other ul  { float: left; display: inline; overflow: auto; list-style: none; white-space: nowrap; }
.prodimages_other ul li { margin: 0 10px 0 0; display: inline; }
.prodops { background-color: #FFF3CF; padding: 5px; margin: 10px 0 0px 0; border: 1px solid #E2BF59; }
.prodname { font-size: 14px; font-weight: bold; }
.prodprices { padding: 10px 0 10px 0; }
.prodprices span  { display: block; }
.list_price  { font-size: 11px; }
.our_price { display: block; font-size: 13px; color:#6F1B1B;font-weight: bold; }
.you_save { color: red; font-size: 13px; }
.prod_SKU  { font-size: 11px; }
.prodshipping { color: red; text-transform: uppercase; padding: 0 0 10px 0; }
.proddesc { margin: 10px 0 0 0; float: left; display: inline; }
.proddesc p { margin: 0 0 15px 0; }
.proddetails, .prodfeatures, .weight-dimensions,
.mfgdetails, .finaladdtocart, .prodreviews, .aralogo,
.prodrelated { width: 638px; border-top: 1px solid #b3b3b3; padding: 0 0 10px 10px;font-size:13px; }
.proddetails, .weight-dimensions { background: #E7EFE0; }
.proddesc div h3 { color: #51574B; font-size: 14px; margin: 5px 0 10px 0px; }
h2.blogtitle { color: #51574B; font-size: 16px; margin: 0 0 10px 0; }
.blogpost { padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #51574B; }
.proddesc div ul { margin: 0 0 0 20px; }
.prodrelated { float:left;display:inline; }
.prodrelated .product { width: 129px; padding: 0 5px 0 5px; float:left;display:inline; }
.prodrelated .product img { border: 0; }
.prodrelated h3 { margin-left:5px; }
.prodrelated a:link, a:visited { color:#183287;  }

/**** PRODUCT DETAIL ****/

.narrowby h6 { color: #555752; margin: 0 0 5px 0; padding: 0;font-size: 12px; }
.narrowby { width: 639px; font-size: 12px; border: 1px dotted #545651; margin: 0 20px 10px 20px; float:left;display: inline; padding: 5px 5px 5px 5px; }
.narrowopt { width: 650px; float:left;display:inline; }
.narrowopt ul { margin: 0 0 5px 0; padding:0; list-style:none; }
.narrowopt ul li { float: left; margin: 0 5px 0 0; }
.narrowopt ul li a { font-size: 12px; }
.narrowopt h6 { float: left;display:inline; margin: 0 5px 0 0; }
.narrowopt a:link { color: #006258; }
.narrowopt a:visited { color: #545651; }
.narrowopt a:hover { color: #EC1A24; }
.deselect:hover { text-decoration: line-through; }
#top_sellers .prodlist_prod { width: 210px; text-align: center; float:left;display:inline; }
#top_sellers .prodlist_prod_desc,#top_sellers .prodlist_prod_details { width: 190px; padding: 5px 10px;font-size:9pt; }
#top_sellers .prodlist_prod_img { max-width: 100px; max-height: 100px; text-align: center; padding: 5px 60px; }
#top_sellers .prodlist_prod_name a { color:#3E4F2C; }
.prodlist_prod { clear:both; background-color: #E7EFE0; width: 639px; margin: 0 0 10px 0; float:left;display:inline;padding-bottom:7px; }
.prodlist_prod_img { padding: 0px 10px; text-align: center; width: 130px; float:left;display:inline; }
.prodlist_prod_desc { padding: 10px; width: 230px; float:left;display:inline; }
.prodlist_prod_our  { padding-bottom: 5px; }
.prodlist_prod_details { width: 219px; float:left;display:inline; padding: 10px; }
.prodlist_prod_details img { margin: 0 0 15px 0; }
.prodlist_options { background-color: #EED88D; padding: 5px; text-align: left; margin: 0 0 15px 0; }
.prodlist_options h3 { font-size: 12px; margin: 0 0 5px 0; }
.prodlist_prod img { border: 0; }
.prodlist_prod a:link { color: #006258; }
.prodlist_prod a:visited { color: #545651; }
.prodlist_prod a:hover { color: #EC1A24; }
.prodlist_prod .product-image { margin-top:15px;  }
.clearboth { display: block; clear: both; margin: 0 0 0px 0; }
.pagenums { width: 650px; float:left;display:inline; margin: 5px 0 15px 20px; clear: both; padding: 10px 0 10px 0; }
.pagenums span, .pagenums a { font-size: 11px; display: block; float: left;display:inline; padding: 2px 6px 2px 6px; border: 1px solid #b0b2c9; margin: 0px 3px 0px 0; text-decoration: none; color: #006258; }
.pagenums a:hover { border: 1px solid red; }
span.prev, span.next  { color: #b0b2c9; }
span.current  { background-color: #51574B; color: white; }
.content_text { padding: 0 30px 20px 20px; line-height: 22px; }
.content_text ul { margin: 15px 0 0 30px; }
.center { text-align: center; }

/* ############### VIEW CART ############### */

.viewCart { padding: 0 0 20px 40px; }
.viewCart, .viewCart .summary, .viewCart .summary .row { width: 605px; float:left;display: inline; }
.viewCart .summary { margin: 10px 0 0 0; }
.viewCart .summary .row { background: url(/templates/ranchoutlet/images/viewcart-bg.gif) top left repeat-y; }
.viewCart .summary .row .head { background-color: #868F7D; font-weight: bold; font-size: 11px; }
.viewCart .summary .row div { float: left; display: inline; }
.viewCart .summary .row .item { width: 60px; padding-left: 5px; padding-right: 5px; }
.viewCart .summary .row .quantity { width: 50px; padding-left: 5px; padding-right: 5px; }
.viewCart .summary .row .sku  { border-left: 1px solid #868F7D; width: 64px; padding-left: 5px; padding-right: 5px; overflow: hidden; min-height: 5px; }
.viewCart .summary .row .prodDesc { width: 230px; padding-left: 5px; padding-right: 5px; }
.viewCart .summary .row .salePrice { width: 70px; padding-left: 5px; padding-right: 5px; }
.viewCart .summary .row .subTotal { width: 70px; padding-left: 5px; padding-right: 5px; }
.viewCart .summary .prodrow  { border-bottom: 1px solid #868F7D; }
.viewCart .summary .controls { border-bottom: 0px; height: 120px; width: 359px; float: left; display: inline; background-color: #F4F2EA; }
.viewCart .summary .controls .shipping { padding: 8px; height: 23px; width: 343px; border-left: 1px solid #868F7D; border-bottom: 1px solid #868F7D; background-color: white; }
.viewCart .summary .controls .shipping input { vertical-align: top; margin: 0 10px 0 0; }
.viewCart .summary .controls .update input { margin: 20px 5px 0 0; }
.viewCart .summary .totals { border-left: 1px solid #868F7D; width: 243px; float: left; display: inline; }
.viewCart .summary .totals div .label { font-weight: bold; height: 29px; width: 75px; padding: 5px; font-size: 11px; float:left;display: inline; border-bottom: 1px solid #868F7D; }
.viewCart .summary .totals div .blank { border-bottom: 1px solid #868F7D; height: 39px; width: 80px; float:left;display:inline; }
.viewCart .summary .totals div .amount { border-bottom: 1px solid #868F7D; height: 29px; float:left;display:inline; overflow:hidden; width: 68px; padding: 5px; }
.viewCart .actions { width: 500px; margin: 0 auto 0 auto; }
.viewCart .actions .nologin,.viewCart .actions .login { border-top: 1px solid #868F7D; margin-top: 20px; width: 230px; float:left; display: inline; padding-top: 20px; line-height: 22px; }
.viewCart .actions .nologin h2,.viewCart .actions .login h2 { color: #373F2F; font-weight: normal; margin: 0 0 10px 0; }
.viewCart .actions .nologin { padding-right: 19px; border-right: 1px solid #868F7D; }
.viewCart .actions .login { padding-left: 20px; }
.viewCart .suggestions  { padding: 0 0 20px 0; width: 603px; float:left;display: inline; margin-top: 20px; background-color: #fffcf9; border-left: 1px solid #868F7D; border-right: 1px solid #868F7D; border-bottom: 1px solid #868F7D; }
.viewCart .suggestions .head { float: left;display:inline; width: 630px; margin: 20px 0 0 0; background-color: #868F7D; padding: 2px 10px 2px 10px; font-weight: bold; }
.viewCart .shipping input.imageToAction { position: relative; top: -3px; left: 0px; }
.login .imageToAction, .nologin .imageToAction { margin: 10px 0 0px 0; }
.prodrelated { padding: 0px; }
.viewCart .suggestions .product, .prodrelated .product { padding: 10px; width: 180px; float:left;display:inline; text-align: center; }
.viewCart .suggestions .product img { border: 0; }
.viewCart .empty { margin: 20px 0 0 0; line-height: 45px; text-align: center; }

/* ############### CHECKOUT ############### */

/* ##### CHECKOUT ala STEVE */

label.error { display: block; color: red; padding: 2px; font-style: italic; }
#checkout_billing table tr td,
#checkout_shipping table tr td { vertical-align: top; }
#shipAddress table tr td label,
#checkout_billing table tr td label { width: 105px; display: block; font-size: 12px; }
#shipAddress table tr td input,
#shipAddress table tr td select,
#checkout_billing table tr td input,
#checkout_billing table tr td select { width: 165px; font-size: 12px; }
.blue_inputs input, select, textarea { background:#fff; border:1px solid #9FBDFF; color:#685e4c; }
.blue_inputs option { background:#fff; }
.blue_inputs select option { border:0; }
.blue_inputs input:focus { border:1px solid #6e9fb9; }
#Checkout h2 { font-family:Arial; font-size:10pt; color:#685e4c; }
#Checkout { font-size: 13px; width:645px; margin: 15px 0 0 0; }
#checkout_billing { width:290px; float:left;display:inline; padding: 0 0 15px 0; }
#billing_text { width:100px; text-align:right; float:left;display:inline; margin:0 10px 0 0; }
#checkout_shipping { float:left;display:inline; width:300px; }
#checkout_divider-x { width:1px; background:#000; height:240px; float:left;display:inline; margin: 0 20px 0 20px; }
#shipping_text { width:100px; float:left;display:inline; text-align:right; margin: 0 10px 0 0; }
#shipping_input { }
#shipping_info { margin: 0 0 10px 33px; }
.clear { clear:both; }
.checkout_divider-y { clear: both; font-size: 0; line-height: 0; background:#000; height:1px; width:640px; margin: 0px 0 5px 0; }
#checkout_registration { width:645px; padding:5px 0 0 0; height:140px; }
#checkout_shipmethod, #checkout_payment { width: 645px; float:left;display: inline; }
#registration_text { width:140px; float:left;display:inline; text-align:right; margin: 20px 10px 0 0; }
#registration_wrap { margin: 0 auto 15px auto; height:100px; width:640px; }
#registration_input { width:145px; float:left;display:inline; margin:20px 0 0 0; }
#registration_benefits { width:170px; float:left;display:inline; margin:0 0 0 20px; }
#registration_benefits ul { margin: 0 0 0 15px; }
#shipping_wrap { width:620px; margin:0 auto; float:left;display:inline; }
#shippingOptions,#shippingOptionsLoading { width:300px; float:left;display:inline; margin:0 0px 0 0px; }
#totals { width:250px; float:left;display:inline; margin: 0 0 10px 20px; }
#shippingOptionsLoading { background-color: #FFE4CF; display: none; text-align: center; }
#shippingQuotesTable { border: 2px solid #a9b5d0; padding: 3px; margin: 0 0 5px 0; border-collapse: collapse; }
#shippingQuotesTable tr td { padding: 2px; vertical-align:top; border-top: 1px dotted #a9b5d0; }
#shippingQuotesTable tr:hover { background-color:white; }
.shippingQuoteCost {background-color:#EEF5FF; font-weight: bold; text-align: right; }
.shippingQuoteRadio {border-top: 1px dotted #ffffff; width: 18px; background-color:#a9b5d0; }
.shippingQuoteRadio input { margin:3px auto 0 auto; padding:0; }
.shippingQuoteName { background-color:#EEF5FF; padding: 0 5px 0 0; }
.shippingQuoteEstimate { font-size: 10px; }
#shippingError { border: 2px solid red; padding: 5px; margin: 0 0 5px 0; background-color: pink; text-align: center; }
#taxAMT { border-bottom:1px solid; }
#payment_wrap { float:left; display:inline; width:500px; padding: 0 0 0 10px; }
#payment_wrap table tr td { vertical-align: top; text-align: left; padding: 0px 5px 0px 0; }
#checkout_submit { margin: 20px 0 20px 0; width: 650px; float:left;display:inline; text-align: center; clear: both; }
#checkout_submit input { border:0px; background:transparent; cursor:pointer; }
.shipping_choices { background-color: #BCCEFE; width:276px; margin: 0 0 5px 0; }
.shipping_choices tr td label { font-weight: bold; }

/* CSS Document */

#top_sellers { }
#top_sellers .prodlist_prod { margin: 0 0 0 20px; }
#top_sellers h4 { margin: 15px 0 0 0; }
#top_sellers .recent_blogs  {margin: 0 20px 0 20px; list-style:none; text-align: left; }
#top_sellers .recent_blogs a { color:#51574b; }
#top_sellers .recent_blogs li { margin: 0 0 10px 0; }
#content p, #content h2 { margin: 0 0 15px 20px; }
#error_message { margin: 0 0 15px 0; font-weight: bold; color: #7F2727; font-size: 12px; line-height: 18px; }

/* product list */

.above_text, .below_text { float:left;display:inline; width: 650px; padding: 0 0 0 20px; margin: 0 0 15px 0; }
.discontinued { color: #ff8c00; font-weight: bold; }


/* product list */

.above_text, .below_text { float:left;display:inline; width: 650px; padding: 0 0 0 20px; margin: 0 0 15px 0; }
.discontinued { color: #ff8c00; font-weight: bold; }

/* Search Results Page */
.productscontainer { display:block; }
.productscontainer .product { border-bottom: thin dotted #000; margin:15px 0;}
.productscontainer .product-image { float:left; width:50px; border:none;outline:1px solid red; margin:15px 0 5px 0;}
.productscontainer .productName { float:left; padding: 15px 0 20px 20px; max-width:300px;}
.productscontainer .productPrice { float:right; padding: 15px 5px; font-weight:bold; }
.productscontainer .orderbttn { float:right; border:none; max-height:25px; padding:15px 5px;}

.error{ clear:both; font-size: 18px; text-align:center; background:#FF0; border:thin solid red; padding: 5px; width:97%;}