﻿
/*

   Sterling Forest BVC5 Theme - Version 1.0
   by PromotionSickness.com

*/

/* Resetting Browser Defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

/* Body Styles  
*/
body { background: #FFFFFF; font-family: Arial, Verdana, Sans-Serif; color: #000; font-size: 13px; line-height: 2em; }


#container {margin: 0 auto; width: 932px; background-color: #fff; position: relative;}

/* Shhhh, these are hiding. */
.hide, hr {display: none;}

/* Default Heading Styles */
h1 { font-size: 1.6em; line-height: 1.4em; margin-bottom: .5em; color: #c66; font-weight: bold; }
h2 { font-size: 1.6em; line-height: 1.4em; margin-bottom: .5em; }
h3 { font-size: 1.4em; line-height: 1.6em; margin-bottom: .5em; }
h4 { font-size: 1.1em; line-height: 1.5em; color: #c66; font-weight: bold; border-bottom: 1px solid #eee; }
h4 label { color: #c66; line-height: 1.5em; } /* <(this is for the column search box label) */
 


/* Paragraphs, Etc. */
p, ul, ol, blockquote, pre, td, th, label { margin: 0; font-size: 1em; line-height: 1.5em; margin-bottom: .5em; }
p.small, .BVSmallText, small { margin: 0; font-size: 0.8em; line-height: 1.5em; }
strong { font-weight: bold; }

/* Default Table Styles */
table {border-collapse: separate;border-spacing: 0;width: 100%;}
caption, th, td {text-align: left;font-weight: normal;vertical-align: top;padding: 5px;}

/* Lists */
ol, ul { margin: .5em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; line-height: 1.5em; }

/* Links */
a { text-decoration: underline; }
a:link, a:active, a:focus { color: #191970; }
a:visited { color: #191970; }
a:hover { color: #c66; }

/* - Forms & Form Elements - */
fieldset { border: 1px solid #eee; padding: 10px; }
legend { font-size: 1.2em; line-height: 1em; font-weight: bold; color: #222; margin: 0 5px; padding: 2px; }
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
input { vertical-align: middle; }
.forminput, .FormInput { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #999; background: #fff; }
.forminput { width: 190px; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #222; vertical-align: middle; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }
.Instructions { font-size: 80%; color: #333; }

/* Let's cover the inputs that BVC5 didn't assign a ".forminput" class to. (?)
   You're welcome to fix these in the pages where you find them.
   Note that these won't work in IE6. I've duplicated styles so they don't 
   completely break the others in IE6. */
   input[type=text] { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #999; background: #fff; }
   .mailinglistsignupform input[type=text] { width: 100px; }

/* Signin Page */
fieldset#CurrentUsers { width: 410px; float: left; }
fieldset#NewUsers { width: 440px; float: right; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }

/* Popup Container */
#popup {background-color:#fff;margin:15px;padding:5px;}

/* Admin Panel */
#adminpanel {font-size:85%;background-color:#eee;color:#444;padding:5px;border-bottom: 1px solid #ccc;}
#adminpanel table { margin: 0; }
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#444;border-bottom: 2px solid #ccc;text-decoration: none;}
#adminpanel a:hover {color:#222;border-color:#222;text-decoration:none;}

.ring { width: 63px; height: 90px; position: absolute; top: 64px; left: -20px; background: transparent url(../images/silver-ring.gif) no-repeat top left; }

.content { border: 1px solid #eee; border-top: none; margin-bottom: 50px; width: 100%; }
#page { padding: 0 10px; }

/* --- Header Styles --- */
#header { width: 100%; overflow: hidden;position: relative; }
#brandingarea { width: 100%; height: 87px; position: relative; background: transparent url(../images/header-bg.gif) repeat-x bottom left; }
#header ul { list-style:none; margin:0; padding:0; position: relative; display: block; }
#header li {display:inline;margin:0 5px;padding:0}

/* Logo Replacement */
#header h1 { margin: 0; border: none; position: absolute; top: 20px; left: 40px; background: #fff; z-index: 9999; }
#header h1, #header h1 a { display: block; width: 250px; height: 60px; padding: 0; }
#header h1 a { background: transparent url(../images/logo.gif) no-repeat top left; text-indent: -9999px; }
#header h1 a:hover { background-position: bottom left; }

#headertopmenu { position: absolute; top: 10px; right: 0; font-size: 100%; font-weight: bold; color: #ccc; }

/* Header Category Tabs (Inherits from #header ul & li)   191970 */
#header .categorymenu { text-align:center; padding-left: 40px; overflow: hidden; width: 900px; background: #063055 url(../images/cat-bg.png) repeat-x bottom left; }
#header .categorymenu ul { float: left; }
#header .categorymenu ul li {float:left;margin: 0 1px 0 0; font-size: 90%; }
#header .categorymenu a {line-height: 42px; color:#fff; font-weight: bold; text-transform: uppercase; padding: 0 10px; text-decoration: none;float:left;}
#header .categorymenu a:hover,
#header .categorymenu .activemainmenuitem a,
body#HomePage a.lnkHome { color:#fff; text-decoration: none; background: #004284 url(../images/cat-bg.png) repeat-x top left;}

/* Header Navigational Menu (Inherits from #header ul & li) */
#headernavmenu { overflow: hidden; width: 100%; color: #eee; font-size: 85%; position: absolute; bottom: 0; left: 0; }
#headernavmenu ul { padding: 10px 0 0 0; float: right; }
#headernavmenu li { float: right; margin: 0 0 0 2px; text-align: center; white-space: nowrap; }
#headernavmenu a { float: left; display: block; width: 9.5em; padding: 5px 0; color: #fff; text-decoration: none; background: #87C2C2 url(../images/tab-bg.gif) no-repeat left bottom; }
#headernavmenu a:hover,
body#AccountPages .lnkAccount,
body#ServicePages .lnkService,
body#SearchPage .lnkSearch,
body#CartPage .lnkCart,
body#CheckoutPages .lnkSignIn { color: #fff; text-decoration: none; background: #c66 url(../images/tab-bg.gif) no-repeat right bottom; }

/* SubHeader Content Column  ff9 ff3*/
#subheader { margin-bottom: 10px; }
.ad, #categorybanner { background: #E9F2F3; border-bottom: 1px solid #C6DDDF; text-align: center; width: 100%; }
.strip { background: #c9ffa5; border-bottom: 0px solid #aaa; text-align: center; font-size: 90%; color: #444; line-height: 2em; width: 100%; }

/* - Footer - */
#footer { clear: both; text-align: center; padding: 0 0 15px 0; margin-top: 15px; background: #eee; width: 100%; position: relative; }
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {display:inline;margin:0 5px;padding:0}
#footernavmenu { text-align: center; margin: 0px; padding: 5px 0; border:1px solid #ddd; background: #fff;border-left:none;border-right:none; }
#footernavmenu a { font-weight: bold; text-decoration: none; }
#footercustmenu { font-size: 85%; padding: 5px 0; }
.poweredby { text-align: center; margin: 10px; }

/* - Columns - */
#homepagecolumn1, #navcolumn, #categoryleft, #menucolumn {width:190px;float:left;margin-left:10px;}
#homepagecolumn2, #maincolumn, #categorymain {width:720px; margin-left: 10px; float:left;}
#homepagecolumn3 {display:none;}

/* Fix for IE floating: set floats to display inline */
#homepagecolumn1, #navcolumn, #categoryleft, #menucolumn, #homepagecolumn2, #maincolumn, #categorymain { display: inline; }

/* Column Blocks */
.decoratedblock { position: relative; margin: 0 0 15px 0; padding: 0 0 5px 0; position: relative; }
.blockcontent { padding: 5px; }

/* Home Page Center Column Blocks */
#homepagecolumn2 .blockcontent { padding: 0; }
#homepagecolumn2 .decoratedblock { background: none; }

/* Column Menu Lists */
.sidemenu ul, .categorymenu ul {padding:0 5px;margin:5px;}
.sidemenu li, .categorymenu li {padding: 2px;margin:0; list-style:none;}
.sidemenu li a, .categorymenu li a {text-decoration:none; font-weight: bold;color:#444;}
.sidemenu li li a, .categorymenu li li a {text-decoration:none; font-weight: normal;color: #191970;}
.sidemenu li a:hover, .categorymenu li a:hover { text-decoration:none; color: #c66; }
.categorymenu ul li.current a { color: #c66; }
.categorymenu ul ul { border-left: 3px solid #eee; }
.categorymenu ul li.current ul a { color: #191970; }
.categorymenu ul li.current ul a:hover { color: #c66; }

/* Column Search & Mailing List Inputs */
.searchboxform .forminput { width: 100px; }
.decoratedblock input { vertical-align: middle; }

/* Column Product Grids */
.productgrid { margin: 0 0 10px 0; font-size: 100%; font-weight: bold; clear: both; }
.productgrid td { vertical-align: top; text-align: center; padding: 5px; width: 33%; }
.productgrid a { text-decoration: none; line-height: 1.5em; }
.productgrid a img { border: 5px solid #eee !important; margin: 0 0 5px 0; }
.productgrid a:hover img { border: 5px solid #ddd !important; }

/* Column Product Rotators */
.productrotator .decoratedblock { text-align: center; background: none; }
.productrotator a { text-decoration: none; line-height: 1.5em; }
.productrotator a img { border: 5px solid #eee !important; margin: 0 0 5px 0; }
.productrotator a:hover img { border: 5px solid #ddd !important; }

/* - Bread Crumbs - */
.breadcrumbs {font-size:85%; margin: 0 3px;}

/* - Site Map Page Styles - */
#SiteMapColumns { clear: both; overflow: hidden; width: 100%; }
#SiteMapColumns ul { list-style: none; }
#SiteMapColumns ul ul { border-left: 2px solid #444; }
.ColumnOne { width: 450px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 450px; float: right; margin-bottom: 15px; }

/* ------ Category Styles ------ */

/* Pager Control */
.pager { margin: 10px 0; padding: 5px; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0 2px;padding:0;color:#ddd;font-size:85%;}
.pager a, .pager .disabled { color: #444; padding: 3px 6px; text-decoration: none;background:#E9F1F3; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #fff; font-weight: bold; background: #c66; }
.pager a:hover { background: #c66; color: #fff; }

/* Category Product Display Defaults */
.recordsku a { font-size: 85%; color: #999; text-decoration: none; text-transform: uppercase; }
.recordname { font-size: 100%; font-weight: bold; }
.recordshortdescription a { text-decoration: none; }
.recordshortdescription { margin: 5px; }
.recordprice { font-size: 110%; font-weight: normal; }
.recordprice a { text-decoration: none; }
.recordcontrols { margin: 10px; }
.recordimage {margin:0 auto;width:120px;}

/* Category Grid Layout */
#categorygridtemplaterecords .record {width:165px;margin:5px auto;}
#categorygridtemplaterecords .recordname {text-align:center;font-size: 90%;}
#categorygridtemplaterecords .recordsku {text-align:center;margin: 3px 0;}
#categorygridtemplaterecords .recordprice {text-align:center;border:none;margin:0;padding:0;font-size:100%;line-height:1em;}

/* Sub Home Menu (basically a copy of #subcategorymenu) */
.subhomemenu {margin:20px 0;}
.subhomemenu .record {width:200px;margin:0 auto;text-align:left;}
.subhomemenu .recordname {font-weight:bold;font-size:110%;text-align:center;}
.subhomemenu .recordname a {font-size:inherit;text-decoration: none;}
.subhomemenu ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
.subhomemenu li {padding: 2px;list-style:none;}
.subhomemenu li a {text-decoration:none;font-size:90%;}
.subhomemenu li a:hover {text-decoration:underline;}

/* Sub Category Menu */
#subcategorymenu {margin:20px 0;}
#subcategorymenu .record {width:200px;margin:0 auto;text-align:left;}
#subcategorymenu .recordname {font-weight:bold;font-size:110%;text-align:center;}
#subcategorymenu .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#subcategorymenu li {padding: 2px;list-style:none;}
#subcategorymenu li a {text-decoration:none;font-size:90%;}
#subcategorymenu li a:hover {text-decoration:underline;}

/* Sub Category Menu 2 */
#subcategorymenu2featured {width: 450px; float: left;}
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 450px; float: left;margin: 0 0 0 20px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:200px;margin:0 auto;}
#subcategorymenu2 .recordname {font-weight:bold;font-size:110%;text-align:center;}
#subcategorymenu2 .recordname a {font-size:inherit;text-decoration: none;}
#subcategorymenu2 ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#subcategorymenu2 li {padding: 2px;list-style:none;}
#subcategorymenu2 li a {text-decoration:none;font-size:90%;}
#subcategorymenu2 li a:hover {text-decoration:underline;}

/* Simple & Bulk Order Lists */
#categorysimplelisttemplate, #categorybulkorderlisttemplate {margin:20px 0 0 0;}
#categorysimplelisttemplate .record {padding:2px 5px;float: left;margin: 0 0 20px 5px;}
#categorysimplelisttemplate .recordsku, #categorybulkorderlisttemplate .recordsku {clear:both;}
#categorysimplelisttemplate .recordname, #categorybulkorderlisttemplate .recordname {float:left;width:550px;margin:0 10px 0 0;}
#categorysimplelisttemplate .recordprice, #categorybulkorderlisttemplate .recordprice {font-size:100%;float:left;text-align:right;width:100px;margin:0;border:none;}

#categorybulkorderlisttemplate .record { padding: 0 0 10px 10px; margin: 0 0 8px 0; border-bottom: 1px solid #eee; float: left; }
#categorybulkorderlisttemplate table td { vertical-align: top; }
#categorybulkorderlisttemplate .checkbox { background: #eee; }
#categorybulkorderlisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}

#categorybulkqtylisttemplate .record { padding: 0 0 15px 0; margin: 0 0 10px 5px; border-bottom: 1px solid #eee; float: left; }
#categorybulkqtylisttemplate table td { vertical-align: top; }
#categorybulkqtylisttemplate .addtocartcontrols {margin:20px 0 20px 3px;}
#categorybulkqtylisttemplate .recordname {float:left;width:525px;margin:0 10px 0 0;}
#categorybulkqtylisttemplate .recordprice {font-size:100%;float:left;text-align:right;width:100px;margin:0;border:none;}
#categorybulkqtylisttemplate .qtycell { background: #eee; padding: 5px;}
#categorybulkqtylisttemplate .quantityfield {margin: 0 auto;width:25px;border:1px solid #ccc;text-align: center;font-size: 110%;font-weight: bold; color: #666;}

/* Detailed List */
#categorydetailedlisttemplate {margin:20px 0 0 0;}
#categorydetailedlisttemplate .record {margin:0 0 10px 10px;padding-bottom:10px;width:700px;float:left;border-bottom: 1px solid #ddd;}
#categorydetailedlisttemplate .recordimage {float:right;width:120px;height:120px;margin:0;text-align: center;}

/* ------ Product Pages ------ */

#wait { position: absolute; top: 0; right: 0; font-weight: bold; font-size: 80%; padding: 0 10px; background: #c00; color: #fff; }

/* BVC 2004 Product Page Template */
#bvc2004productpage #menucolumn {float:left;width:200px;}
#bvc2004productpage #imagecolumn {float:left;width:300px;text-align:center;}
#bvc2004productpage #contentcolumn {float:left; width:398px; margin:0 10px;}

/* BVC 5 Product Page Template */
#bvc5productpage #contentcolumn {float:left;width:460px;}
#bvc5productpage #actioncolumn {float:left;width:460px;margin:0 0 0 10px;}
#bvc5productpage #ProductReviews {clear: both;}
.productimage { text-align: center; margin: 10px 0; }

/* Product Controls Box */
#ProductControls { border: 2px solid #C6DDDF; border-left: none; border-right: none; background: #E9F2F3; padding: 10px; margin: 10px 0; position: relative; }
.formlabel { text-align:right; }
.productpropertylabel, .ProductPropertyLabel { padding-right: 5px; text-decoration: none; }
.listprice, .ListPrice {text-decoration: line-through; color:#999;}
.siteprice, .SitePrice {font-weight:bold;font-size: 120%;color:#000;}
.yousave, .YouSave {color:#666;}
#buttons { margin: 5px; }
#buttons input { margin: 5px; }
#wishlist { margin-top: 5px; }

/* Product Reviews & Cross/Up Sells */
.ProductReviews, #CrossSells { clear: both; padding: 10px; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.ProductReviewLinks { font-size: 90%; } 
.ProductReview { margin: 10px; padding: 0 0 0 5px; border-left: 5px solid #eee; }
.ProductReviewKarma { display: block; padding-top: 5px; font-size: 90%; color: #666; }
.WideSingleProductDisplayPanel { position: relative; width: 100%; float: left; border-bottom: 1px solid #eee; }
.SingleProductDisplayImage { float: left; width: 125px; margin: 5px 15px 5px 5px; }
.ProductBadge { position: absolute; top:-5px; left:-20px; }
.SingleProductDisplayName { margin: 10px; font-size: 110%; font-weight: bold; clear: right; }
.SingleProductDisplayDescription {  }
.SingleProductDisplayPrice { font-size: 100%; font-weight: bold; color: #666; }

/* Cart Page */
.cartitemimage {width:140px;float:left; margin: 0 5px 0 0;}
.cartitemimage img {margin: 0 auto; }
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 6px; vertical-align:top;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0;}
td.productquantitycolumn { background: #f5f5f5; }
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;padding:10px;margin: 10px 0;}
.cartsku { font-size: 90%; }
.cartproductname { font-size: 110%; font-weight: bold; }
#googlecheckout { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 10px 0px; padding: 10px 0px; }

/* Checkout */
#checkoutpage3 #printthispage { display: none; }
#checkoutpage3 .shippingstatusfield { display: none; }
#checkoutcontrols { border-bottom: 1px solid #ddd; padding: 10px 0; clear: both; }
.checkoutleft, .checkoutright { width: 380px; }
.checkoutleft { float: left; }
.checkoutright { float: right; }
.creditcardinput { border:solid 1px #eee; background-color:#f5f5f5; padding:10px; margin: 5px 0;}
.checkoutsummary { margin: 20px; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.address { border: 1px solid #eee; padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }

/* Search Page */
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px 0; border: 1px solid #eee; border-left-width: 3px; border-right: none; background-color: #f5f5f5; }

/* Row Elements */
.rowheader, th { background: #87C2C2; color: #fff; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.altrow { background: #f4f4f4; }

/* Affiliate Form */
fieldset#affiliateform table { width: 600px; }
fieldset#affiliateform table table { margin: 0; padding: 0; width: 100%; }
fieldset#affiliateform td.formlabel { width: 150px; }

/* Returns Form */
.returnitems table { width: 100%; }
.returnitem .formlabel, .returnitem .formfield { padding: 3px; }
.returnitem { margin: 5px; }
.returncontrols { margin: 5px 0 0 0; padding: 5px; border: 1px solid #ddd; background: #eee; }
.returnitems td.qtycolumn { vertical-align: top; }
.returnitems .qtyfield { background: #eee; margin: 5px 0; padding: 5px;  }
.returnitems .qtyfield input { width: 25px; text-align: center; border: 1px solid #ccc; }
.rmaform { margin: 20px 0; }
.rmaform table tr td { padding: 3px; }
.rmaform .formtextarea { height: 100px; width: 400px; }

/* Messages */
.AddedToCartMessage, .messagebox { display: block; border: 3px solid #ddd; border-left: none; border-right: none; margin: 5px 0; padding: 0; }
.messagebox ul { margin: 0; padding: 0; }
.messagebox li { margin: 5px 0; padding: 0; overflow: hidden; width: 100%; }
.messagebox .icon { float: left; margin: 0 8px; }
.messagebox .errorline { color: #c00; clear: both; list-style: none; }
.messagebox .message { margin: 8px 5px 0 10px; font-size: 100%; line-height: 1.2em; }
.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
.errormessage li { color: #c00; list-style-type: circle; }
.AddedToCartMessage, .SuccessMessage { color: #0c6; }

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}