/* ----- RULES -----
1. An underscore (_) preceding a parameter is used to target IE6
2. An asterisk (*) preceding a parameter is  used to target IE7 and below (IE7, IE6, IE5.5)
3. Parameters are ordered alphabetically for each id or class name
4. -Webkit parameters are declared last
/*

/* ----- RESET ----- */
@import url("reset.css");


/* ----- GLOBAL ----- */
body { background-color: #fff; font: 12px/16px Arial, sans-serif; }
html { overflow-y: scroll; } /* Safari scroll fix */
.clear { clear: both; }
/** { behavior: url('iepngfix.htc'); }  IE PNG Fix */


/* ----- LOGIN BAR ----- */
#loginWrapper { background: #fff; border-bottom: 1px solid #dadada; color: #333; height: 31px; width: 100%; }
#login { margin: 0px auto; width: 900px; }
#signinMessage { float: left; font: 11px/31px Arial, sans-serif; letter-spacing: 0.1em; margin-right: 20px; height: 31px; line-height: 31px; }
#loginForm { float: right; *margin-top: 2px; height: 31px; *width: 655px; }
.signinName { font-weight: bold; }
#loginMenu{ float: right; }
#loginMenu ul li, #loginForm ul li { display: inline; margin-left: 25px; }
#loginForm a, #loginMenu ul li, #loginForm ul li { font: bold 9px/31px Arial, sans-serif; text-transform: uppercase; }
#loginForm #signUpButton { margin-right: 0px; }
.loginLabel { float: none; height: 31px; line-height: 31px; padding-right: 5px; }
.loginField {  border-width: 1px; float: none; margin-right: 10px; padding: 3px; width: 120px; vertical-align: middle; }
#loginForm a { background: #fff; border: 1px solid #e3e3e3; height: 13px; line-height: 15px; padding: 4px; text-align: center; }
#loginForm a { -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#loginForm a:hover { border-color: #075c88; }
#forgotButton { margin-right: 25px; }


/* ----- TYPOGRAPHY & MULTI-PAGE ELEMENTS ----- */
div, p { font: 12px/16px Arial, sans-serif; }
strong { font-weight: bold; }
em { font-style: italic; }
button:hover, .button:hover { cursor: pointer; }
.sale, #sale .price { color: #dd0000; }

/*  Editing System  */
#myProfile .button { margin: 7px 0 0 0; width: 120px; }
.delete { margin: 2px 0 10px 2px; text-align: center; }
.delete img { height: 16px; width: 16px; }

/*  Pagination System  */
#pages { border-top-width: 1px; color: #666; font-size: 11px; font-weight: bold; height: 30px; margin: 10px 0 0 0; padding: 10px 0 0 0; text-align: right; width: 100%; }
#pages a { margin-left: 5px; }
#pages .button { margin: 0px; }
#pages .selected { color: #888; }
#displaying { color: #666; }
#displaying, #prev { float: left; }
#numbers, #next { float: right; }

/*  Messaging System  */
#result, #error { font-weight: bold; margin: 50px auto 20px auto; padding: 10px; text-align: center; width: 400px; }
#menuWrapper #result, #menuWrapper #error { font-size: 10px; margin: 10px 0 10px 0; width: 180px; }
#result { background: #ddffc2; border: 1px dashed #6daf38; color: #6daf38; }
#result a:link, #result a:visited { color: #548219; }
#result a:active, #result a:hover { color: #6daf38; }
#error { background: #fce2d9; border: 1px dashed #db3b15; color: #db3b15; }
#error a:link, #error a:visited { color: #a12800; }
#error a:active, #error a:hover { color: #db3b15; }


/* ----- FORMS ----- */

/*  Form Borders & Structure  */
legend, label, input, textarea { color: #333; }
.form { margin-top: 10px; width: 400px; }
.formItem { margin-bottom: 5px; }

/*  Form Legend & Labels  */
legend { font-size: 12px; font-weight: bold; height: 25px; _left: -7px; margin-top: 15px; padding: 0px; position: relative; }
legend span { display: block; width: 400px; }
label { float: left; padding: 5px 10px 0 0; width: 100px; _width: 90px; }
label, .label { font-size: 11px; font-weight: bold; }
.formLabel img { float: right; margin-left: 8px; }
#required span, .alert { color: #cc0000; font-size: 10px; font-weight: bold; }
.alert { color: #cc0000; font-size: 12px; }

/*  Inputs  */
textarea { height: 60px; }
.formField { border-width: 1px; padding: 3px; width: 280px; } 

/*  Check & Submit  */
.formSubmit, .formCheck { margin-left: 110px; width: 280px; }
.formCheck label { float: none; width: 100%; }
.checkbox { margin-right: 5px; }


/* ----- ARCHITECTURE ----- */
/* Home */
#fanClubSignUp { margin: 40px 0 0 10px; padding: 20px 0 0 0; width: 190px; }
#fanClubEmail { font-size: 11px; height: 17px; line-height: 23px; width: 125px; }
#SignUp { float: right; font-size: 9px; margin: 0px; width: 50px; }
#fbConnect { float: left; height: 20px; margin: 10px 0 0 -7px; width: 138px; }

/*  About  */
#aboutImage img { width: 100%; }
#youTube { text-align: center; width: 100%; }

/*  Product Detail  */
#embedCode { width: 182px; }
#detail #social, #embedWrapper { border-top-width: 1px; font-size: 11px; font-weight: bold; height: 35px; line-height: 35px; width: 270px; }
#detail #social ul { float: right; margin-top: 3px; *margin-top: 2px; _margin-top: 10px; }
#embedCode { float: right; margin-top: 5px; }
#detail #social span, #detail #embedWrapper span { float: left; }
#embedWrapper { border-bottom-width: 1px; }
#social ul li, #social img { display: inline; }
#social img { margin-left: 5px; }
#detail #description ol { list-style: inside decimal; margin-left: 5px; }
#detail #description ul { list-style: inside disc; margin-left: 5px; }

/*  Cart  */
#cartLabels { border-bottom: 1px solid #e3e3e3; height: 25px; }
#cartProducts { clear: both; width: 100%; }
.cartProduct { border-bottom: 1px solid #e3e3e3; height: 60px; padding-top: 10px; width: 100%; }
.cartImage img { height: 50px; width: 50px; }
.cartDelete img { margin-top: 15px; }
.cartLabel { color: #888; float: left; font-size: 11px; }
.cartDelete, #trashLabel { float: left; width: 40px; }
.cartImage, #itemLabel { float: left; width: 60px; }
.cartInfo, #infoLabel { float: left; width: 45%; }
.cartInfo { margin-top: 10px; }
.cartOrderInfo { float: right; padding-right: 10px; width: 220px; }
.cartQuantity, #quantityLabel { float: left; text-align: right; width: 40px; }
.cartPrice, #priceLabel { float: left; text-align: right; width: 90px; }
.cartTotal, #totalLabel { float: left; text-align: right; width: 90px; }
.cartQuantity { margin-top: 12px; }
.cartQuantity input { border-width: 1px; }
.cartPrice, .cartTotal { margin-top: 17px; }
.quantity { border-width: 1px; padding: 3px; text-align: right; width: 20px; }
#cartForm { width: 100%; }
#couponCode { background: #f7f7f7; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; float: left; height: 31px; padding: 4px 10px 0 10px; *padding: 2px 10px 2px 10px; width: 281px; _width: 280px;  }
#shipCouponCode { width: 160px; }
#cartFormItems { float: right; width: 300px; }
.cartFormItem { border-bottom-width: 1px; height: 35px; line-height: 35px; text-align: right; width: 300px; }
.cartFormLabel, .cartFormValue { font-weight: bold; height: 20px; }
.cartFormLabel { float: left; margin-right: 10px; text-align: right; width: 110px; }
.cartFormValue, .cartFormItem select { float: right; margin-right: 10px; _margin-right: 5px; text-align: right; width: 150px; }
.cartFormItem select { margin-top: 8px; }
#destination { text-align: right; }
#shippingContact { margin-top: 30px; }

/*  Checkout  */
#summary { margin-bottom: 20px; width: 440px; }
#summaryShipping { float: left; width: 220px; }
#summaryBilling { float: right; width: 220px; }
#checkout .cartInfo, #checkout #infoLabel { width: 280px; }
#checkoutButtons { clear: both; margin-right: 10px; text-align: right; vertical-align: top; }
#checkoutButtons .button { float: right; margin: 10px 0 0 10px; }
#checkoutButtons form { margin: 10px 0 0 10px; float: right; }
#update_cart_button { background: #ee0000; background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ee0000), color-stop(1, #bb0000)); }
#update_cart_button:hover { background: #bb0000; }

/*  Contact  */
#contactInfo { float: right; width: 200px; }
#contactForm { float: left; }
#contact .form { margin-top: 0px; }


/*  Fan Club  */
#fans, #networkStores, #feedbackLabels, #fanFeedback { width: 660px; }

/*  Feedback  */
#avatar { height: 100px; overflow: hidden; width: 100px; }
#feedbackLabels h3 { float: left; }
.feedbackLabel { float: right; }
#feedbackLabels #trashLabel { float: right; width: 20px; }
.feedback { border-bottom-width: 1px; margin-bottom: 10px; padding-bottom: 10px; }
.feedback .avatar { float: left; }
.feedback .thumb { float: left; }
.feedback .post { float: right; width: 460px; }
.feedback .comment { float: left; width: 420px; }
.commentDelete { float: right; width: 20px; }
.commentDelete .delete { position: relative; top: 30px; }
.feedback .user { font-weight: bold; }
.feedback .date { font-size: 11px; }
#feedbackForm .formLabel { float: none; width: 100%; }
#feedbackForm .formField { width: 400px; }
#feedbackForm .formSubmit { margin-left: 0px; }

/*  Fan Profile  */
#myProfile { float: right; padding: 0 0 20px 0; width: 120px; }
#profile { float: left; }
#profile, #profile p, #edit { width: 460px; }
#fanprofile #social { display: inline; position: relative; top: 4px; }
#location, #likes, #fanWebsite, #fanNetwork { margin-bottom: 5px; }
#fanprofile #pages { clear: both; margin-top: 20px; padding: 10px 20px 0 0; }

/*  Favorites & Fans Grid & Network Grid  */
#favoriteStores, #favoriteProducts, #fans, #networkStores { margin-left: -10px; }
#favoriteStores .button, #favoriteProducts .button, #fans .button { margin-left: 10px; }
.favorite, .fan, .networkStore { background: #fff; float: left; height: 65px; *left: -10px; margin: 0 0 10px 10px; position: relative; width: 65px; }
.favoriteEdit { height: 100px; }
.favorite .thumb, .fan .thumb, #thumbnails .thumb, .networkStore .thumb { border: 1px solid #e3e3e3; height: 65px; padding: 0px; width: 65px; -webkit-transition: border .2s linear; }

/*  New Fan Profile  */
.owner { font-weight: bold; }

/*  Invite  */
#inviteIcons { background: #fff; padding: 10px 0 10px 10px; }
#inviteIcons li { display: inline; }
#inviteIcons img { margin-right: 2px; }
#inviteForm .formLabel { float: none; }
#inviteForm .formSubmit { margin-left: 0px; }

/*  Share Product  */
#shareForm { margin-top: 10px; }
.checkboxLabel { font-weight: bold; padding: 5px 10px 0 0; text-align: right; width: 100px; }
#subject select { width: 258px; }