/* ---------------- GENERAL ----------------  */
body {margin: 0; background: #f2f2f2 url(/includes/templates/musonic/images/bg-fade.jpg) repeat-x; font-family: Arial; font-size: 12px; color: #333; line-height: 18px}
p {margin: 0 0 1.5em 0}
a {color: #a53835; text-decoration: none; font-weight: bold}
a:hover {text-decoration: underline}
h1 {color: #2178a3; font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 22px; font-weight: normal; text-transform: uppercase; margin: 0 0 0.5em 0; line-height: 22px}
h2 {color: #2178a3; font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0 0 0.7em 0; line-height: 22px}
h3 {font-family: Arial; font-size: 14px; font-weight: bold}
ul {padding: 0; margin: 0}
img {border: 0}
.clear {float: none; clear: both}
.clearBoth {float: none; clear: both; margin-bottom: 12px}
.hide,.hiddenField {display: none}
.floatright {float: right}
.floatleft {float: left; margin-right: 10px}

/* ---------------- MAIN DIV'S ----------------  */
#wrap {width: 887px; margin: 0 auto 0 auto;}
#container {width: 887px; margin: 0 auto 0 auto; background: url(/includes/templates/musonic/images/shadow.png); padding-top: 8px; float: left}
#main {width: 786px; margin-left: 50px; text-align: left; background: #eee; padding-bottom: 13px; float: left}
.content {width: 767px; margin-left: 10px; background: url(/includes/templates/musonic/images/stripe.gif) repeat-y left; float: left}

/* ---------------- HEADER ----------------  */
#header {background: #fff000 url(/includes/templates/musonic/images/header.jpg); width: inherit; height: 130px; overflow: hidden; font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 12px; font-weight: bold; text-transform: uppercase}
.logo {background: url(/includes/templates/musonic/images/logo.png) no-repeat; width: 319px; height: 118px; margin: 12px 0 0 9px; float: left; display: block}
.logo span {display: none}
#headercontent {width: 781px; float: left}
#headerleft {float: left}
#headerright {float: right; margin-top: 17px}
.login {text-transform: uppercase; text-align: right}
#search {background: #c3cdd3 url(/includes/templates/musonic/images/bg-nav.jpg) repeat-x; height: 30px; width: 320px; border: 1px solid #909aa0; margin-top: 5px}
.searchbar {width: 218px; height: 19px; border: 1px solid #909aa0; margin: 2px 0 0 2px; float: left; color: #2178a3; padding: 2px; padding-top: 3px; padding-left: 5px; font-size: 15px}
.searchlogo {background: url(/includes/templates/musonic/images/magnify-glass.gif) no-repeat right; height: 11px; width: 312px; margin-top: -16px}
.searchbut {margin: 5px 0px 0 -4px; background: none; border: 0; font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 15px; font-weight: bold; color: #fff; cursor: pointer}
.freedelivery {font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 15px; color: #2178a3; text-transform: uppercase; margin-top: 35px; text-align: right}

/* ---------------- MENU ----------------  */
#menu {background: #c3cdd3 url(/includes/templates/musonic/images/bg-nav.jpg) repeat-x; height: 30px; width: inherit; border-top: 1px solid #909aa0; border-bottom: 1px solid #909aa0}
#menu ul {font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 15px; font-weight: bold; text-transform: uppercase; margin-left: 10px; line-height: 30px}
#menu li {float: left; list-style: none; margin-right: 15px; background: url(/includes/templates/musonic/images/divider-header.gif) right no-repeat; padding-right: 20px}
#menu li a {color: #fff}
#menu li a:hover {color: #ffe966; text-decoration: none}
.divider {background: url(/includes/templates/musonic/images/divider.gif); width: 1px; height: 22px; margin-left: 20px; float: left}
.navshadow {background: url(/includes/templates/musonic/images/shadow-nav.png) repeat-x; height: 19px; width: inherit}

/* ---------------- FOOTER ----------------  */
#footer {background: url(/includes/templates/musonic/images/bg-footer.png); width: 887px; height: 189px; margin: 0 auto 0 auto; font-size: 9px; line-height: 14px; float: left}
#footer a {color: #333; font-weight: normal}
#footer a:hover {color: #fff; text-decoration: none}
#footermain {margin-left: 50px; border-top: 1px solid #909aa0; width: 786px; height: 132px; background: #c3cdd3 url(/includes/templates/musonic/images/footer.jpg)}
.cards {background: url(/includes/templates/musonic/images/credit-cards.png); width: 244px; height: 73px; margin-bottom: 5px; margin-left: 70px}
#footer .content {margin-top: 5px; float: left; background: none}
.footerleft {float: left; font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 10px; line-height: 25px; text-transform: uppercase; margin-top: 10px}
.footerleft ul {float: left; margin-right: 20px; padding-right: 20px; background: url(/includes/templates/musonic/images/divider-footer.gif) right no-repeat}
.footerleft li {list-style: none}
.footerright {float: right; text-align: right}

/* ---------------- LEFT ----------------  */
#left {width: 230px; padding-bottom: 5px; margin-right: 10px; float: left}
.chrome-left {width: inherit; height: 20px; background: url(/includes/templates/musonic/images/chrome-left.jpg); text-indent: 8px; line-height: 20px; margin-bottom: 8px}
.chrome-left-alert {width: inherit; height: 20px; background: url(/includes/templates/musonic/images/chrome-left-alert.jpg); text-indent: 8px; line-height: 20px; margin-bottom: 8px}
.chrome-left h2 {font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; line-height: 20px}
.chrome-left-alert h2 {font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; line-height: 20px}
.leftcontent {width: 210px; margin-left: 10px; line-height: 16px; margin-bottom: 10px}
.leftcontent ul {list-style: none; width: 210px}
.leftcontent li {margin-bottom: 20px}
.cartBoxTotal {font-weight: bold; width: 210px; text-align: right}
#shoppingcartHeading {display: none}

/* ---------------- RIGHT ----------------  */
#right {width: 527px; float: left}
#right ul {margin-left: 30px; margin-bottom: 20px; font-weight: bold}
#right li {margin-bottom: 5px}
#navBreadCrumb {margin-bottom: 10px; border-bottom: 1px solid #909aa0; padding-bottom: 5px}
.productimage {float: left; width: 165px}
.productimage img {width: 150px; height: 150px}
.productdescription {float: left; width: 362px}
.productname {margin-top: 10px}
.chrome-right {width: inherit; height: 20px; background: url(/includes/templates/musonic/images/chrome-right.jpg); text-indent: 8px; line-height: 20px; margin-bottom: 8px}
.chrome-right h2 {font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; margin: 0; line-height: 20px}
.chrome-right h2 a {color: #fff; text-decoration: none}

/* ---------------- FORMS ----------------  */
form p {margin: 0 0 0.4em 0}
#left label {width: 45px; float: left; text-align: left; display: block; font-weight: bold}
#left input {color: #2178a3; padding: 2px; border: 1px solid #909aa0; width: 150px}
.button {background: #c3cdd3 url(/includes/templates/musonic/images/bg-nav.jpg); border: 1px solid #909aa0; color: #fff !important; text-transform: uppercase; font-size: 12px; font-family: Trebuchet, "Trebuchet MS", Arial; font-weight: bold; width: 75px !important}
#contactform label {width: 75px; float: left; text-align: left; display: block; font-weight: bold}
#contactform .button {background: #00bff8 url(/images/more-info-bg.jpg) repeat-x bottom; height: 25px; border: 2px solid #fff; color: #fff; text-transform: uppercase; font-size: 12px; font-family: Trebuchet, "Trebuchet MS", Arial; font-weight: bold; width: 150px !important}
#contactform input {color: #2178a3; padding: 2px; border: 1px solid #666; width:300px; background: #fff url(/images/default/inputbg.gif) repeat-x; font-size: 15px}
textarea {color: #2178a3; padding: 3px; line-height: 20px; border: 1px solid #666; font-family: Trebuchet, "Trebuchet MS"; font-size: 15px; width: 400px; height: 200px}
.error {color: #eaff00; background: #000; padding: 5px}
.errorlist {margin-bottom: 15px; font-weight: bold; width: 310px; padding: 5px; margin-top: 5px; float: left; color: #ff0000}
select {color: #2178a3; padding: 2px; border: 1px solid #909aa0; float: left; margin-right: 10px}


/* ---------------- PRODUCT LISTINGS ----------------  */
.productListing-rowheading {display: none}
/*.productListing-odd,.productListing-even {margin-bottom: 25px; width: 230px; height: 130px; background: #fff; vertical-align: middle; float: left; margin-right: 30px; height: 150px}*/
.productListing-odd,.productListing-even {margin-bottom: 15px; background: #fff; vertical-align: middle; margin-right: 30px; width: 527px; float: left; padding-bottom: 5px}
.productListing-odd img,.productListing-even img {/*padding-left: 10px;*/ float: left; margin-right: 10px}
#productsListingListingTopLinks {display: none}
.itemTitle {margin: 0; padding: 0}
#productsListingBottomNumber {margin-bottom: 10px}
.productListing-data .chrome-right a {color: #fff}
.productListing-data .chrome-right a:hover {text-decoration: none}
/*.moreinfo {background: url(/images/more-info-bg.jpg); width: 230px; height: 18px; text-align: right; text-transform: uppercase; line-height: 18px; margin-top: 15px; float: left; margin-bottom: 15px}*/
.moreinfo {background: url(/images/more-info-bg.jpg); width: 100px; height: 18px; text-align: right; text-transform: uppercase; line-height: 18px; float: right; margin-right: 5px; margin-top: 25px}
.moreinfo a {color: #fff}
.moreinfo a:hover {text-decoration: none}
.productsListingTopNumber {margin-top: -30px}
.categoryListBoxContents {font-size: 13px; margin-bottom: 10px; float: left; width: 150px}


/* ---------------- CHECKOUT ----------------  */
.continueshopping {float: right; margin-bottom: 5px}
#cartContentsDisplay {width: 527px; overflow: hidden; margin-bottom: 15px; margin-top: -20px}
#cartContentsDisplay tr {height: 50px; border-bottom: 1px solid #000}
.rowEven {border-bottom: 1px solid #000}
.rowOdd {border-bottom: 1px solid #000}
.cartQuantityUpdate {width: 35px; text-align: center}
.cartQuantity {width: 46px}
.cartUnitDisplay,.cartTotalDisplay,.cartRemoveItemDisplay,#scUnitHeading,#scTotalHeading {text-align: right}
.tableHeading {height: 25px !important}
#cartSubTotal {text-align: right; font-weight: bold; margin-right: 37px}
.cartProductDisplay {width: 290px; margin-right: 10px; font-weight: bold}
.cartProductDisplay img {float: left; margin-right: 10px; width: 45px; height: 45px}
#seTotalHeading {text-align: right}
.estimateshipping {width: 80%; margin-top: -20px}
.ProtxDirectCardIcon {margin-right: 10px; float: left; margin-bottom: 5px}
address {font-weight: bold; margin-top: 10px}
#fecconfirmationBody,#checkoutBody #cartContentsDisplay tr {height: 20px}
#checkoutBody .radioButtonLabel {width: auto}
#checkoutBody fieldset label {width: 130px}
#checkoutBody #cc-cc-expires-year {margin-left: 130px}
.year {margin-left: 130px; float: left; margin-bottom: 3px}
.visibleField {margin-left: 100px}
#pmt-sage_pay_direct, #pmt-paypalwpp {width: 14px}
.radioButtonLabel img {float: left; margin-right: 10px}


/* ---------------- LOGIN ----------------  */
.loginbox {margin-bottom: 15px; border-bottom: 1px solid #909AA0; padding-bottom: 10px}
.loginbox .information {margin-top: -10px; margin-bottom: 8px}
.loginbox label {width: 100px; float: left; text-align: left; display: block; font-weight: bold}
#login-email-address,#login-password,#email-address,fieldset input {color: #2178a3; padding: 2px; border: 1px solid #909aa0; width: 200px; float: left; margin-right: 5px}
.emailaddy {margin-bottom: 5px}
.loginbtn {margin-top: 3px; margin-left: 100px}
fieldset {margin-bottom: 15px; padding: 0; padding-bottom: 10px; border: 0; border-bottom: 1px solid #909AA0; }
fieldset .information {margin-top: -10px; margin-bottom: 8px}
fieldset label {width: 100px; float: left; text-align: left; display: block; font-weight: bold}
legend {color: #2178a3; font-family: Trebuchet, "Trebuchet MS", Arial; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0 0 0.7em 0; line-height: 22px}
.checkoutnow {margin-bottom: 5px}
/* RADIO BUTTONS */
.radioButtonLabel {width: 35px}
#gender-male,#gender-female,#email-format-html,#email-format-text,#pmt-moneyorder,#pmt-protx_direct {margin-right: 5px; border: 0; width: auto; float: left}
#createAcctDefault form {margin-top: -30px}

/* ---------------- HOMEPAGE ----------------  */
#buckets {width: 420px; float: left}
.bucket {float: left; margin-right: 10px; margin-bottom: 10px}
.bucketcontent {width: 180px; color: #fff; height: auto; padding: 10px; margin-top: -8px; padding-bottom: 5px; height: 140px; overflow: hidden}
.bucketcontent a {color: #fff; text-decoration: none; font-weight: normal}
.brand {width: 105px; height: 50px; background: #fff; float: left; border: 1px solid #909AA0; margin-bottom: 6px}
.clickhere {text-align: right; font-size: 10px; font-weight: bold !important; text-transform: uppercase}
#brands .chrome-right {width: 107px; float: left}