/* FitandSharp Theme Styles For BV Commerce 5 */

* { margin: 0; padding: 0; border: none;} /* global reset of all elements */

body {
	background:#b1bdd1 url('../images/new/bg_body.gif') repeat left top;
	margin: 0;
	padding: 0;
	border-top: 1px solid #404040;
	font-size: small;
	font-family: "trebuchet ms","lucida grande",arial,helvetica,sans-serif;
	color: #747678;
	letter-spacing: normal;
	text-align: center;
	}
table { width: 100%;}

/* Misc */
img { border: none;}
.hide, hr { display: none;}
input { vertical-align: middle; border: 1px solid #ccc; padding: 3px; margin: 3px;}

/* Headings */
h1 {font-size:150%;line-height:normal;margin:0 15px 10px;padding:0;color:#747678;}
h2 {font-size:130%;margin:10px 0 5px 0;padding:0;}
h3 {font-size:110%;line-height: normal;margin:0;padding:0;}
h4 {font-size:100%;margin:0;padding:0;}
h5 {font-size:90%;margin:0;padding:0;}
h6 {font-size:80%;margin:0;padding:0;}

/* Paragraphs */
p { padding: .2em; margin: 0 0 .5em 0; line-height: 1.4em; }

/* Lists */
ol, ul { margin: .5em 1em; padding: 0; }
li { margin: 0 0 0 1em; padding: .2em 0; }

/* Links */
a { text-decoration: underline; }
a:link { color: #658aa3; }
a:visited { color: #777; }
a:hover { color: #B73D18; }
a:active, a:focus { outline: 0;}

/* Clearing Floats */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-table; }
* html .clear { height: 1%; }
.clear { display: block; overflow: hidden; }

/* Content */
#maincontent { margin:0 auto; width:800px; background: url('../images/new/bg_content.gif') repeat-y top left; text-align: left;}
.maincontentwrapper {margin:0 18px 0 10px;padding:5px;background-color:#fff;}
#ctl00_MainContentHolder_lblName { margin-left: 15px;}
#ctl00_MainContentHolder_lblContent { margin: 0 30px 15px; display: block;}
#ctl00_MainContentHolder_lblContent table {}
.widecontentwrapper {width:800px;margin:0;padding:0;}
#bvc5productpage { padding: 20px 15px; position: relative;}

input#ctl00_MainContentHolder_btnCheckout { margin-right: 10px;}
#ctl00_MainContentHolder_PaypalExpressCheckoutButton1_PaypalExpress { margin-top: 20px; display: none;}
/* This will hide the gold Paypal button from the 'View Cart' page to force people to fill out their info -- including their phone number -- on the 'Checkout' page. Customers can choose to pay via Paypal by clicking the Paypal radio button on the 'Checkout' page. This was done to ensure that customer's phone number shows up in the 'View Order' page. */

#popup {background-color:#fff;margin:5px;padding:5px;}
#popup ul { list-style: none;}

/* Admin Panel */
#adminpanel {font-size:85%;background-color:#444;color:#fff;border-bottom: 1px solid #000;padding:5px;}
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#fff;border-bottom: 2px solid #666;text-decoration: none;}
#adminpanel a:hover {color:#fff;text-decoration:none;background: #666;}

/* Header */

#header {margin:0; padding:0; position: relative; height: 179px; z-index: 30;}
#header h2 { color: #e39d24; font-weight: normal; font-style: italic; font-size: 18px; padding: 10px 0 0 112px; margin: 0;}
#header a { text-decoration: none;}
#header ul, #footer ul {list-style:none;margin:0;padding:0;}
#header ul li, #footer ul li {display:inline;margin:0;padding:0 6px;}
#header img.logo { position: absolute; top: 0px; left: 6px;}
#header img.buttonPromo { position: absolute; top: 84px; right: 20px;}
#headernavmenu {margin:0; padding: 0; /*background: url('../images/new/bg_nav.gif') repeat-x 0 0;*/ text-align:left;font-size: 90%;}
#headernavmenu ul { position: absolute; top: 10px; right: 100px;}
#headermainmenu {font-weight:bold;text-align:center;line-height: 2.5em;font-size: 150%; display: none;}
#headermainmenu ul { margin: 0;}
#wait{ background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }
 
  
/* NAVIGATION - CSS SPRITES*/
#nav { padding-top: 40px;}  
#nav_inner { width: 479px; height: 40px; padding: 0 0 0 309px; margin-left: 6px; background: url('../images/new/bg_nav.gif') repeat-x 0 0;}
#nav_inner ul { list-style: none;}
	
/*SON OF SUCKER FISH DROP DOWNS MODIFIED*/	
#drops, #drops ul { padding:0; margin:0; clear:both; float:left; width:inherit;}
#drops ul.drop { background:#747678; padding: 0; width:inherit; clear:both; float: left; margin-top: 40px; z-index: 30;}
#drops a { display: block; /*width: 10em;*/ float:left; clear:both; width:170px;}

#header #drops ul.drop li { width:inherit; clear:both; padding: 0;}
#drops ul.drop a { color:#fff;	font-size:12px; text-decoration:none; font-weight: bold; clear:both; float:left; line-height: 1.8em; text-align: left; padding-left: 10px;}
#drops ul.drop a:hover { background-color: #497a94; color: #eaa617;}
#drops a { display: block; /*width: 10em;*/ float:left; clear:both; width:170px;}
#header #drops li { float: left; /*width: 10em;*/ padding: 0;}
#drops li ul { position: absolute; width: 10em; left: -999em;}
#drops li:hover ul { left: auto;}
#drops li:hover ul, #drops li.sfhover ul { left: auto;}
/*END SUCKERFISH*/

/*SPRITE BACKGROUP POSITIONING http://www.cssgirl.com/examples/navigation-sprite.gif */	
#nav_inner a.home, #nav_inner a.products, #nav_inner a.aboutus, #nav_inner a.contactus, #nav_inner a.faqs{ float:left; background: url('../images/new/nav.gif') no-repeat; height:40px; text-indent:-999999px;}
	
#nav_inner a.home { background-position:left top; width:76px;}
#nav_inner a.products { background-position:-76px 0; width:102px;}
#nav_inner a.aboutus { background-position:-178px 0; width:115px;}
#nav_inner a.contactus { background-position:-293px 0; width:121px;}	
#nav_inner a.faqs { background-position:-414px 0; width:65px;}	

#nav_inner a.home:hover, #nav_inner a#active1 { background-position:left -40px;}
#nav_inner a.products:hover, #nav_inner a#active2 { background-position:-76px -40px;}
#nav_inner a.aboutus:hover, #nav_inner a#active3 { background-position:-178px -40px;}
#nav_inner a.contactus:hover, #nav_inner a#active4 { background-position:-293px -40px;}	
#nav_inner a.faqs:hover, #nav_inner a#active5 { background-position:-414px -40px;}	

/*END NAVIGATION*/


/* Footer */
#footer {margin: 0 35px; padding:10px 0 20px; background: url('../images/new/bg_footer.gif') repeat-x 0 0; text-align: center; font-family: tahoma; color:#9c9898; font-size:10px;}
#footernavmenu {text-align:center;margin:0px;padding:10px 0;font-size:90%;}
#footer p { line-height: 14px;}

/* MiniCart */
#minicart { position:absolute;top:5px;right:15px;text-align: left; background: #000; padding: 5px 10px; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; color: #fff; font-weight: bold; }
#minicart h1 {color:#fff;font-size:200%;padding:0;margin:0;}
#minicart div { display: inline;}
#minicart a { color: #fff; text-decoration: underline;}
#minicart a:hover { color: #ccc; }

/* Columns */
#navcolumn {width:175px;float:left;margin:0 10px;}
#maincolumn {width:545px;float:left;}
#maincolumn h1 { margin-left: 0;}
#maincolumn ul { list-style: none; margin-left: 0;}
#maincolumn ul li { margin-left: 0;}
#maincolumn div.breadcrumbs { margin-left: 0;}

/* Column Blocks */
.decoratedblock { border: 1px solid #eee; margin: 0 0 10px 0; padding: 0; }
.decoratedblock h4 { display: block; background: #eee; padding: 5px; color: #444; }
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 0; padding: 0; }
.blockcontent { padding: 5px; }

/* Column Menus */
.sidemenu ul, .categorymenu ul {padding:0px;margin:5px 0px 5px 0px;}
.sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}
.sidemenu li a, .categorymenu li a {text-decoration:none;}

/* Column Search Box */
.searchboxform .forminput { width: 130px; }
.searchboxform input { vertical-align: middle;}
    
/* Bread Crumbs */
.breadcrumbs {margin:0 10px 10px;padding:10px;font-size:90%;background: #f5f5f5;}
.breadcrumbs .links {}

/* Site Map Page */
#SiteMapColumns { clear: both; margin: 0 15px;}
.ColumnOne { width: 350px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 350px; float: right; margin-bottom: 15px; }

/* Cart Page */
.cartitemimage {width:120px;height:120px;float:left; margin: 0 5px 5px 0; background-image:url('../images/imgbgsm.png');background-repeat:no-repeat;}
.cartitemimage img {margin:3px 0 0 5px;}
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#carttitle h1 { margin-left: 0;}
#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:solid 1px #ccc;background-color:#F0F0F0;padding:10px;}
input#ctl00_MainContentHolder_CouponField { border: 1px solid #ccc;}

.cartsku { font-size: 80%;}
.cartproductname { font-size: 110%; font-weight: bold; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }

/* Checkout */
.creditcardinput {border:solid 1px #ff9; background-color:#ffc;padding:5px;}
.shippingdiscount { text-decoration: line-through; }
.radiobuttoncol {width: 20px;}

/* Checkout Addresses */
.addressbookpanel { border: 1px solid #eee; padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }
.addresseditor table{ width: 450px; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.addressbooktitle h1 { float: left; }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address { border: 1px solid #ddd; 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; }


/* Products Page */
#categorygridtemplaterecords { clear: both;}


/* Search Page */
fieldset#SearchForm { margin: 0 10px;}
fieldset#SearchForm .forminput { border-color: #ccc; }
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #ccc; background-color: #f5f5f5; }

/* Notes */
.BVSmallText { font-size: 85%; }

/* Row Elements */
.rowheader, th { background: #666; color: #fff; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 90%; }
.row { background: #f6f6f6; }
.altrow { background: #f4f4f4; }

/* Form Fields */
fieldset { border: 1px solid #eee; margin: 0; padding: 0; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers { width: 340px; float: left; }
fieldset#NewUsers { width: 380px; float: right; }
fieldset.contactform table { width: 510px; }
legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #444; margin: 0 5px; padding: 2px; }

/* Form Elements */
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 90%; color: #444; vertical-align: middle; border: 1px solid #ccc; margin-bottom: 5px;}
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; font-size: 90%; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #444; vertical-align: middle; }
textarea { border: 1px solid #ccc; color: #444;}
div.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
span.errormessage { color: #fff; background: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }

/* Affiliate Form */
fieldset#affiliateform table { width: 510px; }
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 url(../images/new/lilarrow.gif) no-repeat center right; 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; }

/* Message */
.messagebox { border: 1px solid #ccc; width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

/* BV Commerce Button */
.poweredby { text-align: center; margin: 5px; display: none;}

.MarkDownPrice {text-decoration:line-through;}

div.pager ul li { display: inline; list-style-type: none;}


/* Styles for table on Shipping Rates page */
.t {border:1px solid #eae6e6; margin: 15px 0; font-size:13px; color:#939596;}
.t1 {background-color: #eae6e6; text-align:center; color:#333;}
.t2 {text-align:right; color:#333;}
.t3 {text-align:center;}


/* Styles taken from original FitandSharp site */
.description { position: relative;}
.description p { position: absolute; top: 35px; font-size: 14px; color: #80919d; font-weight: bold; margin-bottom: 0;}
.pos-lytess { left: 96px;}
.pos-miyata { left: 106px;}
.pos-silipos { left: 106px;}

.product_title {font-family:Tahoma; color:#fff; font-size:10px; font-weight:bold;}

#product_description {font-family:Trebuchet MS; color:#333; font-size:11px; text-align:justify; width:146px; line-height:13px;}

.tn {border: 1px solid #fff; margin-top:13px;}

table.item-section { padding: 20px 0; border: none; width: 700px;}
table.item-section tr td img { border: 1px solid #9ba09c;}
table.item-section tr td p { font-size: 90%;}

div.video { text-align: center; padding: 15px;}
table.padtop { margin-top: 15px;}
.fineprint { font-size: 80%;}
.center { text-align: center;}
.style1 { color: #eaa617; font-size: 14px; text-align: center;}
img.sharexp { float: right; margin-left: 15px; margin-top: -40px; border: none;}


/* Styles for the Out of Stock message box */
#outOfStock { border: 1px solid #cccccc; margin: 10px 0; padding: 10px; background-color: #f5f5f5; position: absolute; top: 292px; right: 27px; width: 328px;}
#outOfStock  p { font-style: italic; font-weight: bold; color: #777777;}
#outOfStock  p em { color: red;}