body {color: #000000; font-family: Arial, sans-serif; font-size: 12px; text-align: center; margin: 0; padding: 0; background: #000000 url(/images/bkgdPage.gif) repeat-x top;}

a:link, a:visited {color: #999590; text-decoration: none;}
a:hover, a:active {color: #999590; text-decoration: underline;}

h1, h2, h3, h4 {margin: 0; padding: 0;}
h1 {display: none;}
h2 {font-size: 18px; color: #5f0001; margin-bottom: 3px;}
h3 {font-size: 14px; margin-bottom: 3px;}

h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {color: #5f0001;}

ul {margin: 0; padding: 0; padding-left: 15px;}
li {margin-bottom: 10px;}

br.break {clear: both;}
textarea {font-family: Arial, sans-serif;}
label {font-weight: bold; color: #000000; margin-right: 5px;}
hr {border-style: none; border-bottom: solid 1px #6a573b;}

 .red { font-size: inherit; color:#a6110b;}
 a.red:link,  a.red:visited,  a.red:hover,  a.red:active{ font-size:12px; color:#a6110b; text-decoration: underline;}
 
.error {color: #a8110a;}
.errorBlock {padding: 10px;}
.countDown {font-weight: bold;}
.soldOut {color: #ffffff; background: #CC0000 url(/images/bkgdSoldOut.gif) repeat-x; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; height: 30px; line-height: 30px; position: absolute; z-index: 5;}
.remainingCases {color: #ffffff; background: #cc6600 url(/images/bkgdCasesRemaining.gif) repeat-x; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; height: 30px; line-height: 30px; position: absolute; z-index: 5;}

.shopBlock {height: 27px; line-height: 27px; position: absolute; z-index: 5;}
.shopBlock img {float: left; margin-right: 0px;}

.price {font-size: 12px;}
.price .retail {color: #646464; text-decoration: line-through; margin-left: 2px;}
.price .sales {font-weight: bold; margin-left: 2px;}
.savings {color: #a8110a; font-weight: bold;}
.qty {width: 40px;}

.backLink {position: absolute; margin-top: -24px; width: 980px; line-height: 24px; text-align: right; color: #ccac74;}
.backLink a:link, .backLink a:visited {color: #ccac74; text-decoration: underline;}
.backLink a:hover, .backLink a:active {color: #ccac74; text-decoration: none;}

.ratings ul {list-style-type: none; margin: 0; padding: 0;}
.ratings li {margin: 0; padding: 0;}

.buttonBar {text-align: right; margin-top: 10px;}

img.icon {margin: 0px 3px 0px 3px; vertical-align: bottom;}

#container {width: 980px; text-align: left; margin: 0 auto 0 auto; }
#banner {height: 138px; background: url(/images/bkgdBanner.jpg) no-repeat center;}
#content {clear: both; margin-top: 5px;}

#titleBar {height: 50px; border: solid 1px #696969; background: #bdbdbd url(/images/bkgdTitleBar.gif) repeat-x;}
#titleBar h2 {line-height: 52px; padding-left: 15px;}



#contentBody {border: solid 1px #696969; background-color: #ffffff; margin-top: 7px; font-size: 13px; color: #3d3d3d;}
#contentBody .copy {padding: 15px;}
#contentBody h3 {font-size: 14px; color: #000000;}
#contentBody a:link, #contentBody a:visited, #contentBody a:hover, #contentBody a:active {color: #a8110a;}
#contentBody hr {margin: 15px 0px 15px 0px;}
#contentBody li {margin-left: 20px;}

#breadCrumbs {}
#breadCrumbs strong {color: #a8110a;}

/* ----- banner ----- */
#logo {float: left; width: 189px; height: 138px; padding-left: 90px;}

#welcomeBlock {float: left; width: 701px; height: 30px; text-align: right; line-height: 30px; color: #ffffff;}

#welcomeMsg {margin-right: 225px;}

#signOut {float: right; width: 75px; height: 30px; background: url(/images/bkgdSignOut.gif) no-repeat bottom; text-align: center;}
#signOut a:link, #signOut a:visited, #signOut a:hover, #signOut a:active {color: #ffffff;}

#myCredit {float: right; width: 140px; height: 30px; text-align: center;}
#myCredit a:link, #myCredit a:visited, #myCredit a:hover, #myCredit a:active {color: #f5eac6;}

#navigationBlock {float: left; width: 698px; height: 54px; margin-top: 16px;}
#navigationBlock .seperated {border-right: solid 1px #843F32; padding-right: 25px; margin-right: 25px;}

.navigationLinks {height: 54px; margin-right: 160px; padding-left: 40px; color: #ffffff;}
.navigationLinks .icon {margin: 0px 5px 0px 0px; padding-top: 20px;}
.navigationLink {float: left; height: 30px; margin-top: 12px; line-height: 30px;}
.navigationLink a:link, .navigationLink a:visited, .navigationLink a:hover, .navigationLink a:active {color: #ffffff; font-size: 16px;}

.inviteFriends {float: right; width: 210px; height: 54px; font-size: 16px; color: #f5eac6; line-height: 54px; background: url(/images/bkgdInviteFriendsWide.gif) no-repeat bottom; text-align: center;}
.inviteFriends a:link, .inviteFriends a:visited, .inviteFriends a:hover, .inviteFriends a:active {color: #f5eac6;}

.customNavigationHeader { position:absolute;margin-top:-20px;margin-left:40px; }


/* ----- events ad block ----- */
.adBlock {float: right; width: 220px; height: 250px; border: solid 1px #696969; text-align: center; padding: 0; margin: 0;}

/* ----- featured event ----- */
.featureEvent {height: 250px; border: solid 1px #696969; background: #E6E6E6 url(/images/bkgdFeatureEventBox.gif) repeat-x; margin: 0px 230px 10px 0px;}
.featureEvent .label {width: 505px; text-align: center;}
.featureEvent .leftBlock {padding: 7px 505px 15px 10px;}
.featureEvent .rightBlock {float: right; width: 505px; height: 250px; background-color: #ffffff;}
.featureEvent .soldOut, .featureEvent .remainingCases {width: 505px; margin-top: 220px; padding: 0;}
.featureEvent .shopBlock {width: 235px; margin-top: 183px; padding: 0;}

/* ----- sub events ----- */
.subEvents .seperated {margin-left: 5px;}
.subEvent {float: left; width: 485px; height: 225px; border: solid 1px #696969; background: #E6E6E6 url(/images/bkgdSubEventBoxnew.gif) repeat-x; margin-bottom: 5px;}
.subEvent .soldOut,.subEvent .remainingCases {width: 238px; margin-top: 161px; padding: 0;}
.subEvent .shopBlock {width: 232px; margin-top: 157px;}
.subEvent .label {width: 235px; text-align: center;}
.subEvent .leftBlock {float: left; width: 238px; height: 225px; background-color: #ffffff; padding-top: 0px;}
.subEvent .rightBlock {padding: 7px 5px 15px 253px;}

/* ----- event header ----- */
.eventHeader {height: 250px; border: solid 1px #696969; background: #E6E6E6 url(/images/bkgdFeatureEventBox.gif) repeat-x; margin-bottom: 5px;}
.eventHeader .countDown {margin: 5px 0px 5px 0px;}
.eventHeader .description {color: #3d3d3d; font-size: 13px;}
.eventHeader .leftBlock {padding: 7px 505px 15px 10px; font-size: 12px;}
.eventHeader .rightBlock {float: right; width: 505px; height: 250px; text-align: right;}

/* ----- event product list ----- */
.eventProducts {margin-bottom: 15px;}
.eventProducts .seperated { margin-left: 7px; }
.eventProduct {float: left; width: 320px; height: 325px; border: solid 1px #696969; margin-bottom: 7px;}
.eventProduct h2 {color: #5f0001; font-size: 16px;}
.eventProduct .label {height: 185px; background-color: #ffffff; text-align: center; padding-top: 10px;}
.eventProduct .soldOut, .eventProduct .remainingCases {width: 320px; margin-top: 165px;}
.eventProduct .description {width: 305px; height: 130px; background: #B7B7B7 url(/images/bkgdProduct.gif) repeat-x top; padding: 5px 5px 5px 10px;}
.eventProduct .shopBlock {width: 305px; margin-top: 85px; line-height: 16px;}
.eventProduct .shopBlock img {float: right; margin-top: 10px;}


/* ----- product ----- */
.product .soldOut, .product .remainingCases {width: 230px; padding: 0;}
.product .top {margin-top: -10px;}
.product .bottom {margin-top: -20px;}
.product .leftBlock {float: left; width: 230px; background-color: #ffffff; text-align: left; border: solid 1px #696969; padding: 10px 0px 10px;}
.product .rightBlock {margin: 0px 0px 10px 245px;}
.product .header {border: solid 1px #696969; background: #B7B7B7 url(/images/bkgdProductHeader.gif) repeat-x; padding: 20px 240px 20px 20px; min-height: 166px;}
.product .countDown {margin-top: 15px;}
.product .ratings {margin-top: 15px;}
.product .shopBlock {width: 205px; height: auto; margin-left: 487px; line-height: 20px;}
.product .priceBlock {border: solid 1px #CCCCCC; background-color: #ffffff; padding: 15px;}
.product .priceBlock img {float: right; margin-top: 10px;}
.product .msgBlock {margin-top: 10px; line-height: 16px; padding-left: 15px;}
.product .qty {margin-top: 12px;}
.product .details {color: #ffffff; margin-top: 15px; margin-bottom: 15px;}
.product .details h3 {font-size: 15px; color: #dccf89;}
.product .details hr {margin-top: 15px; margin-bottom: 15px;}
.product .label {text-align: center;}

/* ----- order confirm ----- */
.order {background: #ffffff; color: #000000; padding: 10px 10px 50px 10px;}
.orderHeader .leftBlock {float: left; width: 230px; line-height: 14px;}
.orderHeader .rightBlock {margin-left: 460px; line-height: 14px;}
.orderPurchases {margin-bottom: 15px;}
.orderPurchases .border {border-bottom: solid 1px #6a573b;}
.orderPurchases .header {padding-bottom: 3px;}
.orderPurchases a:link, .orderPurchases a:visited, .orderPurchases a:hover, .orderPurchases a:active {color: #000000;}
.purchaseHeader {color: #000000; margin-top: 15px;}
.purchaseHeader h3 {font-size: 15px; color: #000000;}
.purchaseHeader .shipping {margin-bottom: 5px;}
.purchaseLineItems {padding-bottom: 3px; margin-bottom: 3px; color: #000000; clear: both; line-height: 20px;}
.purchaseLineItems .header {font-weight: bold;}
.purchaseLineItems .qty {float: right; text-align: center; width: 100px;}
.purchaseLineItems .unitPrice {float: right; text-align: right; width: 100px;}
.purchaseLineItems .totalPrice {float: right; text-align: right; width: 100px;}

.orderTotals {margin: 0px 0px 20px 758px; margin-bottom: 20px; line-height: 20px; color: #000000;}

.orderTotals .leftBlock {float: left; width: 100px; text-align: right; font-weight: bold;}
.orderTotals .rightBlock {float: none; margin-left: 100px; text-align: right;}
.orderTotals hr {margin: 2px 0px 2px 0px;}

.orderTotals .discount {color: #cc0000;}
.orderNotes {float: left; width: 700px; margin-bottom: 5px; padding: 10px;}

/* ----- invite friends form ----- */
.inviteFriendsForm { color:#000000;}
.inviteFriendsForm .leftBlock {width:600px; height:470px; border: solid 1px #6a573b; background-color:#ffffff;   padding:10px 0px 0px 26px; }
.inviteFriendsForm .rightBlock {float: right; width: 343px;height:480px; border: solid 1px #6a573b; }
.inviteFriendsForm textarea {font-size: 13px; color: #3d3d3d; margin-top: 10px; margin-bottom: 15px; width: 574px; height: 70px;}
.inviteFriendsForm textarea.message {height: 100px;}
.inviteFriendsForm .submitBtn {text-align: right; width:578px;}
.inviteFriendsForm .confirm {text-align: center; margin-top: 80px;}
.inviteFriendsForm .confirm .buttonBar{text-align: center; margin-top: 20px;}

#invitePersonalLink{ background: #b6b6b6 url(/images/bkgdInviteTwitter.jpg) repeat-x; width: 323px; height: 317px; padding:10px; }
#personalLnkButton { text-align:right;  padding:10px;}
#personalLink{ background-color:#e3e3e3; padding:10px; font-weight:bolder; }
#inviteFriendsSocial{border-top: solid 1px #6a573b; border-bottom: solid 1px #6a573b; padding:20px 0px 20px 0px; margin:20px 0px 20px 0px}
#btnPlaxo{margin:30px 0px 30px 0px; cursor: pointer; }
#btnCopyPersonalLnk{cursor:pointer;}
#btnInviteDetails { text-align:right; font-size:12px; color:#a6110b; font-weight:lighter;}
.psuedoLink{cursor:pointer; text-decoration: underline;}


#titleBarPopupWrapper{height: 50px; border-left: solid 1px #696969;border-top: solid 1px #696969;border-bottom: solid 1px #696969; background: #bdbdbd url(/images/bkgdTitleBar.gif) repeat-x; padding:0px 7px 0px 7px; margin:7px 7px 7px 7px;}
#detailsPopup { display:none;background-color:#000000; width:460px;height:380px}
#titleBarPopup {height: 50px; width:325px;}
#titleBarPopup h2 {line-height: 52px; padding-left: 15px; width:325px;}
#detailsPopupClose{ line-height:normal;height: 50px; padding-top:5px;} 
#inviteFriendsPopupText  { clear:both;height: 290px; border: solid 1px #696969; background: #ffffff;  padding:7px 7px 0px 7px; margin:0px 7px 0px 7px;color: #000000; font-family: Arial, sans-serif; font-size: 12px; line-height:normal;font-weight: normal; }


#invitations thead tr {background: #bdbdbd url(/images/bkgTableHeader.jpg) repeat-x; height:28px; margin:0px; font-weight:bold; border:0px;}
#invitations thead  { border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4;font-weight:bold; }
#invitations { border:0px; padding:0px;  border-collapse:collapse;}


.invitationsShare { font-weight:bolder; padding: 25px 0px 15px 0px;}

#invitationsBody tr td {width:280px;}
#invitationsHead tr td {width:280px;}
#invitationsBody .leftColumn {padding-left:45px;}
#invitationsBody .rightColumn {width:380px;}

#invitationsHead .leftColumn {padding-left:45px;}
#invitationsHead .rightColumn {width:380px;}

#invitationsPager {border-bottom:1px solid #b7b7b7;border-top:1px solid #b7b7b7; width:940px;height:30px;padding:10px 0px 0px 0px; margin-top:10px;}

#invitationsPagerRight {float:right;width:600px; text-align:right; padding-right:10px;}
#invitationsPagerLeft {float:left; width:280px; padding-left:45px;}

#detailsPopupClose{text-align:right; font-size:12px; color:#a6110b; font-weight:lighter; float:right;}
/* ----- password reset form ----- */
.passwordResetForm {}
.passwordResetForm .title {font-size: 18px; color: #5f0001; font-weight: bold; margin-bottom: 15px;}
.passwordResetForm .leftBlock {height: 140px; margin-right: 540px; padding: 2px 0px 2px 0px;}
.passwordResetForm .rightBlock{float: right; width: 495px; border: solid 1px #bbbbbb; padding: 10px; background-color: #E5E5E5;}
.passwordResetForm .rightBlock ul {margin: 0; padding: 0;}
.passwordResetForm .inputRow {margin-bottom: 8px;}
.passwordResetForm .inputRow label {width: 150px; float: left; line-height: 22px; text-align: right;}

/* ----- footer ----- */
#footer {text-align: center; color: #777777; font-size: 11px; margin-top: 20px;}
#footer.entry {margin-top: 120px; padding-bottom: 50px;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {text-decoration: none;}
#footer ul {margin: 0; padding: 0; clear: both; font-size: 12px;}
#footer li {display: inline; list-style: none; margin: 0px 10px 0px 10px;}
#footer li a:link, #footer li a:visited {color: #ffffff; text-decoration: none; font-weight: bold; vertical-align: middle;}
#footer li a:hover, #footer li a:active {color: #ffffff; text-decoration: underline; font-weight: bold; vertical-align: middle;}

.ajaxPopup { width:325px;height:175px;background-color:white; z-index:1000; border: 1px outset gray; }

#popup { margin: 0px; padding: 0px; }
#popupLeftCol { float: left; width: 100px; height: 125px; *height:110px; text-align:center; top: 50%; margin-top:-62px; position:relative; }
#popupRightCol { width: 215px; margin-left: 100px; height: 125px; *height:110px; *margin-top:10px; } /* the asterik is for IE7 and below */
#popupFooter { clear: left; text-align:center; }
#popupFooter IMG { cursor: pointer; }