﻿/* Custom Theme Design by Resposio LLC www.resposio.com */
/* Body Styles */
body { background: #000; margin: 0; padding: 0; font-size: small; font-family: Arial, Verdana, Sans-Serif; color: #000; letter-spacing: normal; }

/* Misc */
img { border: none; }
.hide, hr {display: none;}
input { vertical-align: middle; }
table { width: 100%; }

/* Headings */
h1 {font-size:160%;line-height:normal;margin:0 0 10px 0;padding:0;color:#666;}
h2 {font-size:140%;margin:0;padding:0; color: #333;}
h3 {font-size:130%;line-height: 2em;margin:0;padding:0;}
h4 {font-size:100%;margin:0;padding:0;}
h5 {font-size:100%;margin:0;padding:0;}
h6 {font-size:90%;margin:0;padding:0;}

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

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

/* Links */
a { text-decoration: underline; }
a:link { color: #333; }
a:visited { color: #444; }
a:hover { color: #465656; }

/* 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: 190px; color: #444; vertical-align: middle; border: 1px solid #ccc; }
.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; }
.errormessage { color: #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; }
.Instructions { font-size: 80%; color: #333; }

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

/* Content */
#maincontent {margin:0 auto;width:980px;background:url(../images/content-mid3.gif) repeat-y top left}
.maincontentwrapper {width:980px;margin:0;padding:0 5px;}
.widecontentwrapper {width:980px;margin:0;padding:0;}

#popup {background-color:#fff;margin:5px;padding:5px;}

/* Admin Panel */ 
#adminpanel {font-size:85%;background-color:#444;color:#fff;border-bottom: 2px solid #333;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;background: url(../images/header-bg1.gif) no-repeat top left;position: relative; width: 980px; }
#brandingarea { height: 165px; position: relative; }
#header h1 { display: block; position: relative; top: 6px; left: 20px; padding: 0; margin: 0; background: url(../images/byo-logo-3.gif) no-repeat 0 0; width: 240px;}
#header h1 a { display: block; width: 274px; height: 140px; text-indent: -9999px; }
#header ul, #footer ul {list-style:none;margin:0;padding:0;}
#header ul li, #footer ul li {display:inline;margin:0;padding:0}
#header a, #footer a {margin:0 10px 0 0;}

/* Account Menu */
#headernavmenu {font-size: 85%; position: absolute; top: 0px; left: 570px;width: 388px; z-index: 15;}
#headernavmenu a {margin: 0;float:left;display:block; }
#headernavmenu li {display: inline; padding:0;margin:0;}
.LoginButton {display: block; background: url(../images/homebutton.gif) no-repeat top left; width: 105px; height: 69px;text-indent: -9999px}
.LoginButton:hover {display: block; background: url(../images/homebutton-hover.gif) no-repeat top left; width: 105px; height: 69px;text-indent: -9999px}
.AccountButton {display: block; background: url(../images/accountbutton.gif) no-repeat top left; width: 90px; height: 69px;text-indent: -9999px}
.AccountButton:hover {display: block; background: url(../images/accountbutton-hover.gif) no-repeat top left; width: 90px; height: 69px;text-indent: -9999px}
.CsButton {display: block; background: url(../images/csbutton.gif) no-repeat top left; width: 91px; height: 69px;text-indent: -9999px}
.CsButton:hover {display: block; background: url(../images/csbutton-hover.gif) no-repeat top left; width: 91px; height: 69px;text-indent: -9999px}
.SearchButton {display: block; background: url(../images/searchbutton.gif) no-repeat top left; width: 94px; height: 69px;text-indent: -9999px}
.SearchButton:hover {display: block; background: url(../images/searchbutton-hover.gif) no-repeat top left; width: 94px; height: 69px;text-indent: -9999px}

/* Main Menu */
#headermainmenu {position: relative; top: 15px; left: 330px; width:700px;text-align:center;padding: 0;margin: 0; visibility: hidden;}
#headermainmenu a {background: url(../images/top-nav-bg.gif) no-repeat 0 50%; padding: 0 10px 0 12px;_padding: 0 4px 0 12px;margin: 0;color:#fff; text-decoration: none;font-size:95%; font-weight: bold;}
#headermainmenu a:hover { color:#fff; text-decoration: underline;background: url(../images/top-nav-hover.gif) no-repeat 0 50%;}
#headermainmenu .activemainmenuitem a { font-weight: bold; } 

/* MiniCart */
#minicartContent {position: absolute; top: 60px; right: 23px; width: 175px; height: 100px;padding: 0; margin: 0; color: #fff; font-size: 95%;background: url(../images/Amplifier-View-Cart.jpg) no-repeat top left;text-align: left; z-index: 20;}
#minicart { padding: 40px 5px 0 45px; }
#minicart a { color: #fff; text-decoration: none; font-size: 110%; font-weight: bold; padding: 2px 0; }
#minicart a:hover { color: #f00; }

/* Footer */
#footer {clear: both;margin:0;padding: 0;background: url(../images/footer-bg1.gif) no-repeat top left;height: 150px; color: #fff;}
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footernavmenu {text-align:left; position: relative; top: 100px; left: 20px;margin:0;padding:0;font-size:90%;}
/* Reposio link */
#hostedLink { text-align:left;color:#ccc;font-size:85%; }
#hostedLink a, #hostedLink a:link, #hostedLink a:active, #hostedLink a:visited, #hostedLink a:hover { color:#ccc;position: relative; top: 110px; left: 20px; }

/* Columns */
#homepagecolumn1 {float:left;position: relative; margin: 0 0 0 20px; _margin: 0 0 0 10px; width: 180px; background: url(../images/cat-menu-mid.gif) repeat-y top left;}
#homepagecolumn1 #catmenutop { width: 180px; height: 14px; background: url(../images/cat-menu-top.gif) no-repeat top left;}
#homepagecolumn1 #catmenubtm { clear: both; width: 180px;height: 16px; background: url(../images/cat-menu-btm.gif) no-repeat top left;}
#homepagecolumn1 #partoptions {width: 180px; background: #333;}
#homepagecolumn1 #partoptions img { margin: 20px 0 0 20px;}
#homepagecolumn1 #paymentoptions {width: 180px; background: #333;}
#homepagecolumn1 #paymentoptions img { margin: 10px 0 0 25px;}

#homepagecolumn2 { float:left;position: relative;width:560px; margin:0 0 0 10px; _margin: 0 0 0 10px; background: url(../images/column2-mid.gif) repeat-y;}
#homepagecolumn2 #MainBanner {padding: 0 ; margin: 10px 0 0 10px; position:relative;}
#homepagecolumn2 #coltop {float:left;width: 560px;height: 15px;background: url(../images/column2-top.gif) repeat-y;}
#homepagecolumn2 #colbtm {float:left;clear: both; width: 560px;background: url(../images/column2-btm.gif) repeat-y; height: 15px;}
#homepagecolumn2 h1 {background: url(../images/h1-bg-guitar.gif) no-repeat top left; width: 331px; height: 40px; color: #fff; position: relative; top: 5px; left: 5px; padding: 0 0 0 5px; line-height: 40px;}
#homepagecolumn2 #ProductGrid1 { width: 540px; margin: 0 0 0 6px; text-align: center; background: #fff; border: 3px solid #333;}
#homepagecolumn2 #ProductGrid2 { width: 540px; margin: 0 0 0 6px; text-align: center; background: #fff;border: 3px solid #333;}
#homepagecolumn2 #homeGuitarContent { padding: 0 ; margin: 10px 0 0 10px; position:relative; width: 540px; height: 314px;background: url(../images/Byo-Guitar-Build-Your-Own1.jpg) no-repeat top left;}
#homepagecolumn2 #homeGuitarContent p {font-size: large; font-weight: bold; position: relative; top: 3px; left: 85px; width: 450px;}
#homepagecolumn2 #homeBottom { background: url(../images/byobg.gif) 0 0; width: 540px; }
#homepagecolumn2 .blockcontent { padding: 0; }
#homepagecolumn2 .decoratedblock { background: none; }
#homepagecolumn2 #tabwrapper {float:left;border:1px solid #999; width:500px; margin-bottom: 1em; padding: 10px; background: #fff; text-align: Left;}
#homepagecolumn2 .shadetabs{padding: 3px 0;margin-left: 0;margin-top: 1px;margin-bottom: 0;list-style-type: none;text-align: left; /*set to left, center, or right to align the menu as desired*/}
#homepagecolumn2 .shadetabs li{display: inline;margin: 0; font-size: 80%;}
#homepagecolumn2 .shadetabs li a{text-decoration: none;position: relative;z-index: 1;padding: 3px 7px;margin-right: 3px;border: 1px solid #778;color: #2d2b2b;background: white url(shade.gif) top left repeat-x;}
#homepagecolumn2 .shadetabs li a:visited{color: #2d2b2b;}
#homepagecolumn2 .shadetabs li a:hover{text-decoration: underline;color: #2d2b2b;}
#homepagecolumn2 .shadetabs li a.selected{ /*selected main tab style */position: relative;top: 1px;}
#homepagecolumn2 .shadetabs li a.selected{ /*selected main tab style */background-image: url(shadeactive.gif);border-bottom-color: white;}
#homepagecolumn2 .shadetabs li a.selected:hover{ /*selected main tab style */text-decoration: none;}
#homepagecolumn2 .tabcontent {display:none;}
@media print {.tabcontent {display:block !important;}}

#homepagecolumn3 {float:left;position: relative; margin: 0 0 0 10px; _margin: 0 0 0 10px; width: 180px; background: url(../images/cat-menu-mid.gif) repeat-y top left;}
#homepagecolumn3 h4 {color: #333;}
#homepagecolumn3 #catmenutop { width: 180px; height: 14px; background: url(../images/cat-menu-top.gif) no-repeat top left;}
#homepagecolumn3 #catmenubtm {clear: both; width: 180px;height: 16px; background: url(../images/cat-menu-btm.gif) no-repeat top left;}
#homepagecolumn3 #Column3Wrap {background: #fff; border: 3px solid #333; margin: 5px 0 0 7px; width: 160px;}
#homepagecolumn3 .sidemenu ul {padding:0;margin:5px 0;font-size: inherit;}
#homepagecolumn3 .sidemenu li {padding: 0;margin: 0;list-style-image:none;}
#homepagecolumn3 .sidemenu li a {padding: 0;margin: 5px 0 0 2px;text-decoration:none; color: #333; background: transparent;}
#homepagecolumn3 .productgrid { margin: 15px 0 0 0;text-align: center;}
#homepagecolumn3 .blockcontent { padding: 0;margin: 0; }
#homepagecolumn3 .decoratedblock {padding: 0;margin: 0; }
#homepagecolumn3 #kitoptions {width: 180px; background: #333;}
#homepagecolumn3 #kitoptions img { margin: 20px 0 0 2px;}

#navcolumn {float:left; margin: 0 0 0 20px; _margin: 0 0 0 5px; width: 180px; background: url(../images/cat-menu-mid.gif) repeat-y top left;}
#navcolumn #catmenutop { width: 180px; height: 14px; background: url(../images/cat-menu-top.gif) no-repeat top left;}
#navcolumn #catmenubtm { clear: both; width: 180px;height: 16px; background: url(../images/cat-menu-btm.gif) no-repeat top left;}
#maincolumn {width:750px;float:left; position: relative; margin: 0 0 0 10px; _margin: 0 0 0 10px; width: 750px; background: url(../images/content-bg-mid.gif) repeat-y top left;}
#maincolumn #Tablewrap {width:710px;margin: 0 0 0 10px;padding: 7px; background: #fff; border: 3px solid #000;}
#maincolumn h1 {color: #333;}
#maincolumn #ContentTop {width: 750px; height: 18px; background: url(../images/content-bg-top.gif) no-repeat top left;}
#maincolumn #ContentBottom {width: 750px; height: 20px; background: url(../images/content-bg-btm.gif) no-repeat top left;}
#maincolumn #CatWrap {background: #fff; border: 3px solid #333; margin: 5px 0 0 9px; width: 725px;}

#SearchWrap, #ErrorWrap {float: left; width: 927px; margin: 0 0 0 20px; _margin: 0 0 0 10px; background: #fff; border: 3px solid #000;}
#ErrorWrap h1 {color: #f00;}

/*Lightbox CSS */
#lightbox {position: absolute; top: 0;left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img {border: none; }
#outerImageContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;}
#imageContainer {padding: 10px;}
#loading {position: absolute; top: 40%;	left: 0%; height: 25%;	width: 100%; text-align: center; line-height: 0;}
#hoverNav {position: absolute;	top: 0;	left: 0; height: 100%;	width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink {left: 0; float: left;  background: url(../images/prevlabel.gif) left 15% no-repeat;}
#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {font: 10px Verdana, Helvetica, sans-serif;	background-color: #fff;	margin: 0 auto;	line-height: 1.4em; overflow: auto; width: 100%;}
#imageData {padding:0 10px; color: #666;}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;}
#imageData #bottomNavClose{ width: 66px; height: 25px; float: right;  padding-bottom: 0.7em;}
#bottomNavClose {display:block; margin:3px auto 0 auto; width: 66px;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background: #333;}

/* Column Blocks */
.decoratedblock { margin: 0 0 15px 0; padding: 0 0 5px 0;  position: relative; font-size: 90%;}
.decoratedblock h4 { background: url(../images/h4-b.jpg) no-repeat top right; padding: 5px 25px 5px 5px; font-size: inherit; color: #fff; }
.decoratedblock label { font-size: 100%; color: #fff; }
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 2px 0; padding: 0; }
.blockcontent { padding: 5px; }

/* menu */
.sidemenu ul {padding:0;margin:3px 0;font-size: inherit; }
.sidemenu li {padding:0;margin:0;list-style:none;}
.sidemenu li a {text-decoration:none;color: #ccc ;padding: 5px 5px 3px 35px; margin: 0;background: url(../images/buttons/li-bg.gif) no-repeat 5px 2px;display:block;}
.sidemenu li a:hover {}
.categorymenu ul {padding:0;margin:3px 0;}
.categorymenu li { padding:0;margin:0;list-style:none; }
.categorymenu li a, .categorymenu .HomeLink {text-decoration:none;color: #ccc ;padding: 5px 5px 3px 35px; margin: 0;background: url(../images/buttons/li-bg.gif) no-repeat 5px 2px;display:block;}

/* Column Search Box */
.searchboxform .forminput { width: 120px; }
.searchboxform input { vertical-align: middle; }
    
/* Bread Crumbs */
.breadcrumbs {margin:10px 0 0 10px;padding:0;font-size:85%;text-align:left; color: #f00;}
.breadcrumbs a {color: #f00;}
.breadcrumbs .links {}
.breadcrumbs .home{ background:none;padding:inherit; }

/* Site Map Page */
#SiteMapColumns {clear: both; color: #fff; width: 915px; margin: 0 0 0 25px; background: #666; border: 3px solid #000;}
#SiteMapColumns ul {padding:0;margin:3px 0;font-size: inherit; }
#SiteMapColumns li {padding:0;margin:0;list-style:none;}
#SiteMapColumns li a {text-decoration:none;color: #ccc ;padding: 5px 5px 3px 35px; margin: 0;background: url(../images/buttons/li-bg.gif) no-repeat 5px 2px;display:block;}
#SiteMapColumns li li a {text-decoration:none;color: #ccc ;padding: 5px 5px 3px 35px; margin: 0 0 0 30px;background: url(../images/buttons/li-bg.gif) no-repeat 5px 2px;display:block;}
#SiteMapColumns li li li a {text-decoration:none;color: #ccc ;padding: 5px 5px 3px 35px; margin: 0;background: url(../images/buttons/li-bg.gif) no-repeat 5px 2px;display:block;}
.ColumnOne { width: 350px; float: left; margin: 0 0 0 30px;}
.ColumnTwo, .ColumnThree { width: 350px; float: left; margin: 0 0 0 30px; }

/* Category Styles */
#categoryleft { float:left;position: relative; margin: 0 0 0 10px; width: 180px; background: url(../images/cat-menu-mid.gif) repeat-y top left;}
#categoryleft .decoratedblock { margin: 0; padding: 0;  position: relative; font-size: 90%;}
#categoryleft .blockcontent { padding: 5px; }
#categoryleft #catmenutop { width: 180px; height: 14px; background: url(../images/cat-menu-top.gif) no-repeat top left;}
#categoryleft #catmenubtm {float:left; clear: both; width: 180px;height: 16px; background: url(../images/cat-menu-btm.gif) no-repeat bottom left;}

#categorymain {width:750px;float:left;position: relative; margin: 0 0 0 10px;background: url(../images/content-bg-mid.gif) repeat-y top left;}
#categorymain h1, #categorymain #categorydescription {color: #333; margin: 10px 0 0 10px;}
#categorymain #ContentTop {width: 750px; height: 18px; background: url(../images/content-bg-top.gif) no-repeat top left;}
#categorymain #ContentBottom {width: 750px; height: 20px; background: url(../images/content-bg-btm.gif) no-repeat top left;}
#categorymain #CatWrap {background: #fff; border: 3px solid #333; margin: 5px 0 0 9px; width: 725px;}
#categorymain #categorybanner {margin: 0 0 0 10px;}

.record { text-align:left; background: #ffffff;}
.recordsku a { font-size: 80%; color: #999; text-decoration: none; text-transform: uppercase; }
.recordname { font-size: 100%; font-weight: bold; }
.recordshortdescription a { text-decoration: none; color: #000; }
.recordshortdescription { margin: 5px; text-align: left;}
.recordprice { font-size: 110%; font-weight: normal; }
.recordprice a { text-decoration: none; }
.recordcontrols { margin: 10px; }

.recordimage {margin: 0 auto; text-align: center;}
.recordimage img {margin: 5px;border:none;}
/*
.recordimage {margin:0 auto 0 auto;background-repeat:no-repeat;width:180px;height:100px;text-align:center;}
.recordimage img {margin:0 auto;}
*/
/* Category Grid */
#categorygridtemplate {margin: 0 0 0 10px;}
#categorygridtemplaterecords .record {width:210px;margin:5px; background: #fff; border: 2px solid #f2f2f2;}
#categorygridtemplaterecords .record a {color: #222;}
#categorygridtemplaterecords .recordimage { width: 200px; height: 110px; text-align: center;padding: 0; margin: 5px;}
#categorygridtemplaterecords .recordimage img { margin: 5px;}
#categorygridtemplaterecords .recordname {text-align:center;font-size: 80%; margin: 0;padding: 0; }
#categorygridtemplaterecords .recordsku {text-align:center;margin: 5px; font-size: 80%;}
#categorygridtemplaterecords .recordsku a {color: #999;}
#categorygridtemplaterecords .recordprice {text-align:center;margin:5px 0;padding:0;font-size:100%;line-height:1em;}
#categorygridtemplaterecords .recordmsrp {text-align:center; text-decoration: line-through; color: #f00;}
#categorygridtemplaterecords .recordmsrp a { text-decoration: none;color: #f00; }
#categorygridtemplaterecords .recordshort {text-align:center;font-size: 80%; margin: 10px 0; height: 55px;}
#categorygridtemplaterecords .recordshort a {text-decoration: none;}
#categorygridtemplaterecords .recordaddtocart {text-align:center;}

/* Category Grid with Subs*/
#categorygridsubtemplate td { text-align: center; }
#categorygridsubtemplate .record {margin:10px 0 0 0;width:350px; text-align:center; border: 2px solid #f2f2f2;}
#categorygridsubtemplate .record .recordimage {width:230px; margin: 0 0 10px 0;}
#categorygridsubtemplate {margin: 0 0 10px 0;}

/* Sub Category Menu */
#subcategorymenu {margin:20px auto;text-align:center;}
#subcategorymenu .record {width:170px;margin:0 auto;text-align:center;}
#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: 345px; float: left;}
#subcategorymenu2featured .featuredImage {display: block;text-align: center; }
#subcategorymenu2main {width: 345px; float: left;margin: 0 0 0 20px;}
#subcategorymenu2 {margin:20px 0;}
#subcategorymenu2 .record {width:170px;margin:0 10px 10px 0;}
#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:400px;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:400px;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 url(../images/lilarrow.gif) no-repeat center right; padding: 5px;}
#categorybulkqtylisttemplate .quantityfield {margin: 0;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:702px;border: 3px solid #333; background: #fff;}
#categorydetailedlisttemplate .recordimage {float:left;width:150px;height:150px;margin:0;text-align: center;}


/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; 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:#465656;font-size:85%;}
.pager a, .pager .disabled { color: #465656; padding: 3px 6px; text-decoration: none;background:#D6DBD5; }
.pager .disabled { color: #9AADA7; }
.pager li.current a { color: #000000; font-weight: bold; background: #960001 none repeat scroll 0% 50%; }
.pager a:hover { background: #000000; color: #ffffff; }

/* BVC 2004 Product Page Template */

#bvc2004productpage #menucolumn {float:left;position: relative; margin: 0 0 0 20px;_margin: 0 0 0 5px;  width: 180px; background: url(../images/cat-menu-mid.gif) repeat-y top left;}
#bvc2004productpage #menucolumn #catmenutop {width: 180px; height: 14px; background: url(../images/cat-menu-top.gif) no-repeat top left;}
#bvc2004productpage #menucolumn #catmenubtm {width: 180px;height: 16px; background: url(../images/cat-menu-btm.gif) no-repeat top left;}
#bvc2004productpage #ProductWrap {width:750px;float:left;position: relative; margin: 0 0 0 10px; width: 750px; background: url(../images/content-bg-mid.gif) repeat-y top left;}
#bvc2004productpage #ProductWrap .breadcrumbs {margin:0 0 0 30px;padding:0 10px 10px 0;font-size:85%;text-align:left; color: #fff;}
#bvc2004productpage #ProductWrap .breadcrumbs a {color: #fff;}
#bvc2004productpage #ProductWrapTop { width: 750px; height: 18px; background: url(../images/content-bg-top.gif) no-repeat top left;}
#bvc2004productpage #ProductWrapBtm {clear: both;width: 750px; height: 20px; background: url(../images/content-bg-btm.gif) no-repeat bottom left;}
#bvc2004productpage #imagecolumn {float:left;width:350px;text-align:center; background: url(../images/image-bg-mid.gif) repeat-y; margin: 0 0 0 10px; _margin: 0 0 0 10px; }
#bvc2004productpage #productimage, #bvc2004productpage #EmailThisPage, #bvc2004productpage #printthispage {width: 350px;}
#bvc2004productpage #imagecolumn #imagetop {width:350px;height: 15px;background: url(../images/image-bg-top.gif) no-repeat;}
#bvc2004productpage #imagecolumn #imagebtm {width:350px;height: 15px;background: url(../images/image-bg-btm.gif) no-repeat;}
#bvc2004productpage #contentcolumn {float:left; width:300px; margin:0 0 0 6px;}
#bvc2004productpage #voldiscount {float:left; width:300px; margin:20px 0 0 6px; border: 1px #000 solid; background: #fff;}
#bvc2004productpage #OwnerComments { clear: both;float:left; width: 200px; background: #fff; border: 1px #000 solid; margin: 20px 0 10px 180px;}
#bvc2004productpage #contentcolumn .StoreAvailability {color: #fc0; font-weight: bold; background: #333; border: 2px solid #fc0; padding: 3px;}

/*Product page Tabbed Content*/
#bvc2004productpage h1 {color: #fff; margin: 0 0 5px 30px;}
#bvc2004productpage #ProductAccessories { float: left; background: #fff; border: 3px solid #333;width: 675px; margin: 15px 0 0 5px;}
#bvc2004productpage #tabwrapper h1 {color: #333; margin: 0 0 5px 0;}
#bvc2004productpage #ProductWrap #TabControls {float: left; clear: both; margin: 0 0 0 30px; color: #333; _margin: 0 0 0 10px; }
#bvc2004productpage #tabwrapper {width: 700px; margin-bottom: 0; padding: 0; background: url(../images/tab-bg-mid.gif) repeat-y; text-align: Left;float:left;}
#bvc2004productpage #tabwrapper #TabWrapTop {width: 700px; margin: 0; padding: 0;background: url(../images/tab-bg-top.gif) no-repeat 0 0;height:10px; }
#bvc2004productpage #tabwrapper #TabWrapBtm {width: 700px; height: 16px; margin: 0; padding: 0; background: url(../images/tab-bg-btm.gif) no-repeat bottom left;}
#bvc2004productpage #TabControls .shadetabs {clear: both; padding: 0;margin: 0 0 0 10px; text-align: left;width:700px;display:block;/*set to left, center, or right to align the menu as desired*/}
#bvc2004productpage #TabControls .shadetabs li {list-style:none;display: inline;margin: 0; font-size: 80%;}
#bvc2004productpage #TabControls .shadetabs li a {display: block;float:left;width: 156px;text-decoration: none;margin:0;padding:0;color: #fff;background: url(../images/tab-next.gif) top left no-repeat;}
#bvc2004productpage #TabControls .shadetabs li a span {padding: 0 0 0 10px;line-height:30px;}
#bvc2004productpage #TabControls .shadetabs li a:visited {color: #900;}
#bvc2004productpage #TabControls .shadetabs li a:hover {text-decoration: none;color: #ccc;}
#bvc2004productpage #TabControls .shadetabs li a.selected { /*selected main tab style */display: block; width: 151px;background: url(../images/tab-active.gif) top left;}
#bvc2004productpage #TabControls .shadetabs li a.selected:hover { /*selected main tab style */text-decoration: none;}
#bvc2004productpage #TabControls .tabcontent {display:none; padding: 10px; border: 3px solid #666; background: #fff; width: 640px; margin: 0 0 0 10px;}

/* BVC 5 Product Page Template */
#bvc5productpage #contentcolumn {float:left;width:300px; margin: 0 0 0 10px;text-align:center;}
#bvc5productpage #actioncolumn {float:left; width:400px; margin:0 0 0 10px;text-align:left;}
#bvc5productpage #ProductReviews {clear: both;}
.productimage { text-align: center; margin: 10px auto; }
#bvc5productpage #ctl00_MainContentHolder_AddToCartButton1_btnAdd { float:left; }
#bvc5productpa#wishlist { float:left; }

/* Product Controls Box */
#ProductControls {  float:left; background: #fff; border: 3px solid #333; padding: 10px; margin: 0 0 10px 0; position: relative; }
#ProductControls #ProductOptions select {width: 250px; font-size: 90%; margin: 0 0 0 5px; padding: 0;} 
.formlabel { text-align:right; color: #444; }
.productpropertylabel { padding-right: 5px; text-decoration: none; color: #333; }
.ListPrice {text-decoration: line-through; color:#999;}
.SitePrice {font-weight:bold;font-size: 120%;color:#900;}
.yousave {color:#999;}
.ProductAvailability {color:#900;}
.choicelabel {color:#990000; font-size:100%; font-weight:bold; text-align:right ;}
#buttons { margin: 5px;}
#buttons input { margin: 5px; }
 
/* Product Reviews & Cross/Up Sells */
.ProductReviews{ clear: both; padding: 10px; margin: 10px auto; border: 1px solid #eee;text-align:left; }
#crosssells { clear: left; padding: 10px;  text-align:left;}
.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; }
#CrossSells table { width: 100%; }
.WideSingleProductDisplayPanel { position: relative; 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 */
#CartWrap {color: #666; width: 920px; margin: 0 0 0 15px; padding: 5px; background: #fff; border: 3px solid #000;}
#CartWrap h1 {color: #666;}
.cartitemimage {width:150px;height:150px;float:left; margin: 5px;}
.cartitemimage img {margin:5px;}
.cartitemdescription { margin: 5px; float: left; width: 500px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#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;}
.cartsku { font-size: 80%; }
.cartproductname { font-size: 110%; font-weight: bold; }

/* Checkout */
#CheckoutWrap {color: #666; width: 915px; margin: 0 0 0 20px; padding: 5px; background: #fff; border: 3px solid #000;}
#ReceiptWrap {color: #666; width: 915px; margin: 0 0 0 20px; padding: 5px; background: #fff; border: 3px solid #000;}
.creditcardinput {border:solid 1px #ff9; background-color:#ffc;padding:5px;}

/* 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; }

/* 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; }

/* Search Page */
fieldset#SearchForm {}
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: #eee; color: #808080; 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: 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/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; float: left; width: 100%; margin: 5px 0; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 15px 5px 5px 10px; font-size: 100%; line-height: 1em; }

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

