﻿
/* 

    Official Ticket Center Theme - Version 1
    styles for BV Commerce 5 Standalone (www.bvsoftware.com)

*/

/* Resetting Browser-Set Defaults */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
font { color: inherit !important; font: inherit !important; color: inherit !important; }

/* Body Styles */
body { background: #ddd url(../images/body-bg.png) repeat-x center top; font-family: Times New Roman, Times, Serif; color: #000; font-size: small; line-height: 2em; }

/* Container - Centered */
#container {margin: 0 auto; width: 900px; background-color: #fff; position: relative;}

/* Shhhh, these are hiding. */
.hide, hr {display: none;}

.clearfloats { width: 100%; margin: 0; padding: 0; overflow: hidden; }
.divider { padding-bottom: 30px; margin-bottom: 20px; background: url(../images/otc-divider.png) no-repeat center bottom; }
p.note { margin: 10px 0; padding: 10px; background-color: #ffc; border: 1px solid #ff9; border-left: none; border-right: none; font-size: 85% }

/* Default Heading Styles */
h1 { font-size: 1.8em; line-height: 1em; margin-bottom: .5em; padding: 0; color: #181A4F; font-weight: bold; font-family: Georgia, Times New Roman, Serif; }
h2 { font-size: 1.4em; line-height: 1.5em; margin-bottom: .5em; font-weight: bold; color: #181A4F; font-family: Georgia, Times New Roman, Serif; }
h3 { font-size: 1em; line-height: 1.5em; margin-bottom: .5em; font-weight: bold; color: #03f; font-family: Georgia, Times New Roman, Serif; }
h4 { font-size: 1em; line-height: 1.5em;margin:0;padding: 5px;color:#181A4F;font-size: inherit;font-weight: bold;border:1px solid #ddd; border-left: none; border-right: none;}
h4 label { color: #181A4F; line-height: 1.5em; }

/* Paragraphs, Etc. */
p, ul, ol, blockquote, pre, td, th, label { margin: 0; font-size: 100%; line-height: 1.5em; margin-bottom: .5em; }
p.small, .BVSmallText, small { margin: 0; font-size: 90%; line-height: 1.2em; }
strong { font-weight: bold; }
em { font-style: italic; }

/* Default Table Styles */
table {border-collapse: separate;border-spacing: 0;width: 100%;}
caption, th, td {text-align: left;font-weight: normal;vertical-align: top;padding: 5px;}

/* Lists */
ol, ul { margin: .5em .5em .5em 2em; padding: 0; list-style: none; }
ul { list-style-type: square; }
ol { list-style-type: decimal; }
li { margin: 0 0 0 1em; padding: .2em 0; line-height: 1.5em; }

/* Links */
a { text-decoration: underline; }
a:link { color: #03f; }
a:visited { color: #03f; }
a:hover { color: #f00; }

/* - Forms & Form Elements - */
fieldset { border: 1px solid #DEE3FF; padding: 10px; }
legend { font-size: 1.2em; line-height: 1em; font-weight: bold; margin: 0 5px; padding: 2px; color: #181A4F; }
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
input { vertical-align: middle; }
.forminput, .FormInput { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #ccc; background: #fff; }
.forminput { width: 190px; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #222; vertical-align: middle; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }
.Instructions { font-size: 80%; color: #333; }

/* Let's cover the inputs that BVC5 didn't assign a ".forminput" class to. (?)
   You're welcome to fix these in the pages where you find them.
   Note that these won't work in IE6. I've duplicated styles so they don't 
   completely break the others in IE6. */
   input[type=text] { padding: 4px 0 0 6px; height: 20px; color: #444; vertical-align: middle; border: 1px solid #ccc; background: #fff; }
   .mailinglistsignupform input[type=text] { width: 130px; }

/* Column Search & Mailing List Inputs */
.searchboxform .forminput { width: 130px; }
.decoratedblock input { vertical-align: middle; }

/* Signin Page */
fieldset#CurrentUsers { width: 400px; float: left; }
fieldset#NewUsers { width: 420px; float: right; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }

/* Popup Container */
#popup {background-color:#fff;margin:15px;padding:5px;}

/* Admin Panel */
#adminpanel {width:98%;font-size:85%;background:#222;color:#eee;padding:5px 1%;position:fixed;bottom:0;left:0;z-index:9999;}
#adminpanel table { margin: 0; }
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#eee;border-bottom: 2px solid #eee;text-decoration: none;}
#adminpanel a:hover {color:#fff;border-color:#fff;text-decoration:none;}

/* --- Header Styles --- */
#header { position: relative; background: #03f url(../images/header-tickets.gif) no-repeat 375px 14px; }
#brandingarea { height: 130px; position: relative; }
#header ul { list-style:none; margin:0; padding:0; position: relative; display: block; }
#header li {display:inline;margin:0 5px;padding:0}
#header h2.tagline { display: none; }

/* Logo Replacement */
#header h1.logo { margin: 0; padding: 0; border: none; position: absolute; top: 0px; left: -5px; z-index: 555; background: none; }
#header h1.logo, #header h1.logo a { display: block; width: 355px; height: 90px; padding: 0; }
#header h1.logo a { background: transparent url(../images/official-ticket-center-header-logo.png) no-repeat top left; text-indent: -9999px; }
#header h1.logo a:hover { background-position: top right; }

/* MiniCart */
#minicart { text-align: right; width: 250px; position: absolute; bottom: 0px; right: 0px; }
#minicart a { text-decoration: none; display: block; margin-left: auto; width: 100px; height: 36px; text-align: left; text-indent: -9999px; background: url(../images/header-menu-bg.png) no-repeat top right; }
#minicart a:hover, body#CartPage #minicart a  { background-position: bottom right; }
#minicart div { position: absolute; bottom: -40px; right: 0; color: #09f; font-size: 90%; line-height: 40px; padding: 0px 14px 0 0; font-weight: bold;  }

/* Header Navigational Menu */
#headernavmenu { overflow: hidden; width:350px; height: 36px; background: url(../images/header-menu-bg.png) no-repeat top left; position: absolute; bottom: 0px; left: 0px; }
#headernavmenu li { float: left; padding: 0; margin: 0; }
#headernavmenu a { float: left; height: 36px; text-decoration: none; text-indent: -9999px; }
#headernavmenu a:hover { text-decoration: none; }
#headernavmenu a.lnkHome { margin-left: 8px; width: 68px; }
#headernavmenu a.lnkAccount { margin-left: 4px; width: 122px; }
#headernavmenu a.lnkService { margin-left: 4px; width: 58px; }
#headernavmenu a.lnkSearch { margin-left: 4px; width: 74px; }
body#HomePage #headernavmenu a.lnkHome, #headernavmenu a.lnkHome:hover { background: url(../images/header-menu-bg.png) no-repeat -8px -36px; }
body#AccountPages #headernavmenu a.lnkAccount, body#CheckoutPage #headernavmenu a.lnkAccount, #headernavmenu a.lnkAccount:hover { background: url(../images/header-menu-bg.png) no-repeat -80px -36px; }
body#ServicePages #headernavmenu a.lnkService, #headernavmenu a.lnkService:hover { background: url(../images/header-menu-bg.png) no-repeat -206px -36px; }
body#SearchPage #headernavmenu a.lnkSearch, #headernavmenu a.lnkSearch:hover { background: url(../images/header-menu-bg.png) no-repeat -268px -36px; }

a.lnkSignIn { display: none; }
a.lnkSignOut { position: absolute; top: 5px; right: 5px; font-size: 85%; line-height: 2em; color: #1A0D88; text-decoration: none; }
a.lnkSignOut:hover { color: #fff; text-decoration: none; }

/* Content */
#content { width: 100%; overflow: hidden; background: #fff url(../images/all-tickets-bg-white.png) repeat-y top left; }
body#CheckoutPage #content, body#StaticPage #content { width: 880px; padding: 10px; background-image: none; }

/* Footer */
#footer { clear: both; text-align: center; padding: 60px 0; background: #ddd url(../images/content-footer.png) no-repeat center top; }
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {display:inline;margin:0 5px;padding:0}
#footernavmenu { text-align: center; margin: 0px; padding: 5px 0; }
#footernavmenu a { font-weight: bold; text-decoration: none; }
#footercustmenu { font-size: 85%; padding: 5px 0; }
body#CheckoutPage #footer, body#StaticPage #footer { background-position: 0 -22px; }

/* Columns */
#navcolumn { font-family: Arial, Verdana, Sans-Serif;min-height:250px;width:225px;padding-top:55px;float:left;background: transparent url(../images/all-tickets-header.png) no-repeat top left;}
#featuredcolumn { font-family: Arial, Verdana, Sans-Serif; float:right; width: 675px; height: 270px; overflow: hidden; color: #fff; background: #1A0D88 url(../images/minicart-bg.png) no-repeat top right; }
#featuredcolumn .inside { margin: 10px; }
#featuredcolumn h3 { font-weight: bold; font-size: 18px; color: #ff6; font-family: Arial, Verdana, Sans-Serif; }
#featuredcolumn a { color: #ff9; }
#featuredcolumn a:hover { color: #fff; }
#maincolumn {width:650px;float:right;margin: 15px 15px 0 0;font-size:110%;}

/* Column Blocks */
#navcolumn .decoratedblock { margin: 0 15px 0 30px; }
#navcolumn h3 { display: none; }
.decoratedblock { position: relative; margin: 0 0 15px 0; padding: 0 0 5px 0; }
.blockcontent { padding: 5px; }

/* Column Menu Lists */
.categorymenu h4 { display: none; }
.categorymenu ul, .sidemenu ul {padding:0;margin:5px 0;list-style:none;font-size:100%;}
.categorymenu li {padding:0;margin:0;}
.categorymenu li a { text-decoration:none;display: block; font-size: 100%; line-height: 1.5em;margin:5px 0;padding: 5px;color:#181A4F;font-weight: bold;border:1px solid #ddd; border-left: none; border-right: none; }
.sidemenu li, .categorymenu li li {padding:0;margin:0 10px;list-style:none;line-height:1.2em;}
.sidemenu li a, .categorymenu li li a {border:none;padding:0;display:inline;line-height:1.5em;text-decoration:none;color:#666;font-weight:normal;font-size:90%;}
.sidemenu li a:hover, .categorymenu li a:hover {text-decoration:none;color:#03f;}
.categorymenu ul li.current a { color:#03f; }
.categorymenu ul li.current ul a { color:#666; }
.categorymenu ul li.current ul a:hover { color:#03f; }

/* Column Product Grids */
.productgrid { margin: 5px 0 10px 0; font-size: 100%; font-weight: bold; clear: both; }
.productgrid td { vertical-align: top; text-align: center; padding: 5px; width: 33%; }
.productgrid a { text-decoration: none; line-height: 1.5em; }
.productgrid a img { border: 5px solid #eee !important; margin: 0 0 5px 0; }
.productgrid a:hover img { border: 5px solid #ddd !important; }

.griditems { overflow: hidden; width: 100%; }
.griditems a { display: block; width: 18%; margin: 0 2% 2% 0; float: left; text-align: center; }
.griditems a img { display: block; border: 2px solid #ccc; margin-bottom: 5px; }

/* Column Product Rotators */
.productrotator .decoratedblock { text-align: center; background: none; }
.productrotator a { text-decoration: none; line-height: 1.5em; }
.productrotator a img { border: 5px solid #eee !important; margin: 0 0 5px 0; }
.productrotator a:hover img { border: 5px solid #ddd !important; }

/* Bread Crumbs */
#container .breadcrumbs {margin:0;padding:0;font-size:85%;}

/* Site Map Page Styles */
#SiteMapColumns { clear: both; overflow: hidden; width: 100%; }
#SiteMapColumns li { list-style: circle inside; color: #03f; }
.ColumnOne { width: 300px; float: left; border-right: 1px solid #eee; }
.ColumnTwo, .ColumnThree { width: 330px; float: right; margin-bottom: 15px; }

/* ------ Category Styles ------ */

/* 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:#ddd;font-size:85%;}
.pager a, .pager .disabled { color: #444; padding: 3px 6px; text-decoration: none;background:#EFF1FF; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #fff; font-weight: bold; background: #f00; }
.pager a:hover { background: #DEE3FF; color: #000; }

/* Category Product Display Defaults */
.recordsku a { font-size: 85%; color: #999; text-decoration: none; text-transform: uppercase; }
.recordname { font-size: 100%; font-weight: bold; }
.recordshortdescription a { text-decoration: none; }
.recordshortdescription { margin: 5px; }
.recordprice { font-size: 110%; font-weight: normal; }
.recordprice a { text-decoration: none; }
.recordcontrols { margin: 10px; }
.recordimage { text-align: center;}

/* Category Grid Layout */
#categorygridtemplaterecords .record {width:165px;margin:5px auto;}
#categorygridtemplaterecords .recordname {text-align:center;font-size:90%;line-height:1.5em;}
#categorygridtemplaterecords .recordsku {text-align:center;margin: 3px 0;}
#categorygridtemplaterecords .recordprice {text-align:center;border:none;margin:0;padding:0;font-size:100%;line-height:1em;}

/* Sub Category Menu */
#subcategorymenu {margin:20px 0;}
#subcategorymenu td {width:25%;}
#subcategorymenu .record {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;}

/* Bulk Quantity List */
#otcbulkqtylist .record { padding: 0; margin: 0 0 10px 5px; width: 100%; }
#otcbulkqtylist table td { vertical-align: top;border-bottom: 1px solid #eee; }
#otcbulkqtylist .addtocartcontrols {margin:20px 0 20px 3px;}
#otcbulkqtylist .recordname {font-size:110%;}
#otcbulkqtylist .recordprice {font-size:100%;padding: 5px 0;}
#otcbulkqtylist .qtycell { background: #eee; padding: 5px;}
#otcbulkqtylist .quantityfield {margin: 0 auto;width:25px;border:1px solid #ccc;padding-left:0;text-align: center;font-size: 110%;font-weight: bold; color: #666;}
#otcbulkqtylist .recordimage {width:120px;}

/* ------ Product Pages ------ */
#wait { position: absolute; top: 0; right: 0; font-weight: bold; font-size: 80%; padding: 0 10px; background: #c00; color: #fff; }


/* Product Controls Box */
#ProductInteract { width:100%;overflow:auto;border: 1px solid #999; border-left: none; border-right: none; margin-bottom: 20px;  }
#imagecolumn { float: right; width: 310px; text-align:center; padding: 20px 0; }
#ProductControls { float: left; width: 330px; background: #fff; border-right: 1px solid #ddd; padding: 10px 0; margin: 10px 0; text-align:center; position: relative; }
.formlabel, .choicelabel { text-align:right; font-weight: bold; }
.productpropertylabel, .ProductPropertyLabel { padding-right: 5px; font-weight: bold; }
td.ProductPropertyLabel { text-align: right; }
.listprice, .ListPrice {text-decoration: line-through; color:#999;}
.siteprice, .SitePrice {font-weight:bold;font-size: 120%;color:#000;}
.yousave, .YouSave {color:#666;}
#buttons { margin: 5px; }
#buttons input { margin: 5px; }
#wishlist { margin-top: 5px; }
#ProductSKU { font-size: 80%; color: #666; }

/* Product Reviews & Cross/Up Sells */
.ProductReviews { clear: both; text-align: left; padding: 10px; margin: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.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; }
.WideSingleProductDisplayPanel { position: relative; width: 100%; 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 */
.cartitemimage {float:left; margin: 0 10px 0 0;}
.cartitemdescription { margin: 5px;}
#cartcontainer tr td {border-bottom:solid 1px #2D2D73; padding: 6px; vertical-align:top;}
#cartcontainer, #cartactions, #cartcoupons {margin: 0;}
td.productquantitycolumn { background: #DEE3FF; text-align: center; width: 10%; }
td.producttotalcolumn, td.productpricecolumn { text-align: center; width: 10%; background: #EFF1FF; }
td.producttotalcolumn .lineitemnodiscounts { display: block; color: #999; text-decoration: line-through; }
td.producttotalcolumn .totallabel { display: block; font-weight: bold; }
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right;}
#carttotals table {float:right;}
#carttotals .formlabel, #carttotals .formfield { font-size:110%; font-weight: bold; color: #2D2D73; }
#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-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;padding:10px;margin: 10px 0;}
.cartsku { font-size: 90%; }
.cartproductname { font-size: 110%; font-weight: bold; }

/* Closed Store Message */
#closedcontent {width:300px;height:200px;margin:50px auto;padding:10px;background-color:#ff9;color:#333;}
#closedcontent h1 {color:#000;}

/* Address Book */
.address { border: 1px solid #eee; 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 - NEED TO REVISIT SEARCH PAGE */
#SearchResultsPane { margin: 10px 0; }
#SearchResultsPane table td { text-align: center; width: 30%; padding: 5px; }
#SearchResultsPane table td a { padding: 5px; display: block; }
#SearchResultsPane table td a.searchanchor { border: none; padding: 0; }
#SearchResultsPane table td div { color: #222; font-weight: bold; font-size: 90%; line-height: 2em; }

/* Row Elements */
.Header, .rowheader, th { background: #181A4F; color: #fff; 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: 600px; }
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; 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; }

/* Messages */
.AddedToCartMessage, .messagebox { display: block; border: 1px solid #fe3; background: #ff9; border-left: none; border-right: none; margin: 10px 0; padding: 0 10px; }
.messagebox ul { margin: 0; padding: 0; display: block; width: 100%; }
.messagebox li { margin: 10px 0; padding: 0; overflow: hidden; width: 100%; }
.messagebox .icon { float: left; margin: 0 8px 0 0; }
.messagebox .errorline { color: #333; clear: both; list-style: none; }
.messagebox .message { margin: 0 5px 0 10px; font-size: 100%; line-height: 1.2em; }
.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
.errormessage li { color: #c00; list-style-type: circle; }
.AddedToCartMessage, .SuccessMessage { color: #0c6; }