/* John Barrowman style sheet */
/*********************************
Eric Meyer's CSS reset
*********************************/
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, sub, sup, 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: 12px; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; text-align:left; min-width:960px;/* for mozilla*/ background-color: #fff; height:100%;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/*****************************
End CSS reset
****************************/
/* HEADER: General Tags & Text */
body { font-family: Tahoma, verdana, sans-serif; background-color: #ffffff; background-image:url(../images/page_bg.png); background-repeat: repeat-x; margin: 0px; padding: 0px; height: 100%; font-size:100%;}
a {color: #b60463; text-decoration: underline;}
a:hover {color:#424242; text-decoration: underline;}
h1 {margin: 10px 0 5px; clear: both; text-transform:uppercase; color: #DCDEE2; letter-spacing: 0.06em; font-size: 1.8em; font-weight: 100;}
h2 {font-size: 0.95em; font-weight: bold; color: #4b5254; padding: 3px; margin-bottom: 10px; margin-top: 2px; clear: both;}
h3 {font-size: 0.95em; font-weight: bold; color: #4b5254; padding: 3px 0; margin-bottom: 5px; clear: both;}
h4 {font-size: 1.25em; font-weight: bold; color: #4b5254; margin-bottom: 10px; margin-top: 2px;}
p {font-size: 0.95em; color: #65686c; line-height: 1.25em; margin: 0 0 0.5em 0; text-align: justify;}
strong {font-weight: bold;}
input {font-size: 1em; font-weight: normal; background-color: #fdfefe; color: #a71161; border: 1px solid #a71161; height: 1.25em; margin-bottom: 1px;}
.checkbox {position: relative; top: 2px; border: 0px;}
select {font-size: 1em; font-weight: normal; background-color: #fdfefe; color: #a71161; border: 1px solid #a71161;}
/*.button {font-weight: bold; background-color: #fdfefe; color: #b60463; padding: 2px; border: 1px solid #d0d0d0; cursor: pointer; height: 2em; margin-bottom: 5px;}*/
.button {font-size: 0.8em; font-weight: bold; background-color: #fdfefe; color: #b60463; padding: 0 6px; border: 1px solid #d0d0d0; cursor: pointer; float: left; margin-right: 2px; height: 20px; overflow: visible;}
.button:hover {border: 1px solid #4b5254;}
.smaller-text {font-size: 0.8em; width: 100%;}
.price span {color: #4b5254; font-size: 2.5em;}
.price_wrapper {margin: 10px 0 20px;}
.price_label {display: none;}
.welcome_message p {color: #a5a5a5; line-height: 1.25em; margin: 0 1.5em 1.5em 0;}
.welcome_message h3 {}
.error-text { font-size: 0.95em; font-weight: bold; color: #B60463;}
/* HEADER: Page Header */
#wrapper {width: 870px; margin: 42px auto; position: relative; background-color: #fff;}
#header {margin: 0px; width: 100%; padding: 0px; position: relative;}
#jb_squares {width: 675px; height: 408px; float: right; overflow: visible; z-index: 1;}
#jb_squares img {float: left; margin: 0;}
/* Main site menu - links back out of the shop */
.Homepage { background:url(../images/menu/btn_home_02.gif) top left no-repeat; }
.Biography { background:url(../images/menu/btn_bio_02.gif) top left no-repeat; }
.News { background:url(../images/menu/btn_news_02.gif) top left no-repeat; }
.Appearances { background:url(../images/menu/btn_app_02.gif) top left no-repeat; }
.Shop { background:url(../images/menu/btn_shop_02.gif) top left no-repeat; }
.Gallery { background:url(../images/menu/btn_gallery_02.gif) top left no-repeat; }
.FanZone { background:url(../images/menu/btn_fan_02.gif) top left no-repeat; }
.Contact { background:url(../images/menu/btn_cont_02.gif) top left no-repeat; }
#site_menu_container {width:190px; w\idth:auto; display:inline-block; float: left; margin-top: 140px;}
#site_menu {w\idth:190px;list-style: none;}
#site_menu li a {display:block; height:21px; border:none; text-decoration:none;}
#site_menu li a img {border:none; vertical-align:top;}
#site_menu li a:hover img {visibility:visible;}
#site_menu li a:hover img {visibility:hidden;}
/* HELP: This is the right hand section of the header where the top links and search reside */
#header-right {font-size: 0.7em; float: right; text-align: right; font-weight: bold; margin-top: 5px; padding-bottom: 5px;}
#sub-header {width: 510px; padding: 0px 10px 0 0; position: absolute; left: 194px; top: 330px; z-index: 99; color: #4b5254; overflow: hidden; height: 80px;}
#logo {position: absolute; border: 0px; width: 241px; top: 0; left: 0;}
#top-links { float: right; display: inline; padding-right: 5px;}
#top-links-list { margin: 0px; padding: 0px; white-space: nowrap;}
#top-links-list li { display: inline; list-style-type: none; margin: 0px; padding: 0px; color: #000000; font-weight: normal;}
#top-links-list a { font-weight: normal; font-size: 1em; padding: 1px 2px; margin-right: 2px; margin-bottom: 0px; color: #000000; text-decoration: underline;}
#top-links-list a:hover { text-decoration: underline; color: #521c1d;}
#search { margin-right: 5px; clear: right; padding-top: 10px;}
#search-box { font-size: 1em; font-weight: normal; background-color: #FFFFFF; color: #000000; border: 1px solid #000000;; height: 17px; margin-bottom: 1px; width: 150px;}
#search-button { background-color: #d7b9ba; font-weight: bold; font-size: 0.9em; border: 1px solid #000000; color: #000000; cursor: pointer; padding-bottom: 1px; height: 17px; position: relative; padding-bottom: 2px;}
/* HELP: Surrounding container for the mini cart shown in the sub-header section */
#mini-cart {position: absolute; width: 320px; right: 150px; top: 300px; z-index: 999; text-align: right;}
#mini-cart-list { margin: 0px; padding: 0px; white-space: nowrap;}
#mini-cart-list li {display: inline; list-style-type: none; color: #a71161; font-weight: bold;}
#mini-cart-list li:hover a {background-color: #f0f0f0;}
#mini-cart-list a {font-weight: bold; font-size: 0.9em; text-transform:uppercase; padding: 5px; margin-bottom: 0px; color: #a71161; text-decoration: none;}
#mini-cart-list a:hover {}
#mini-cart-list span {font-size: 0.9em; color: #65686c; font-weight: normal;}
/* HEADER: Left and Right Menus */
/* Main menu */
.main-menu {width: 540px; margin: 10px 134px 10px 0; background-color: #ffffff; font-size: 1em; font-weight: normal; padding-bottom: 2px; float: right; overflow: visible;}
.main-menu-title { font-size: 1.1em; font-weight: bold; color: #ffffff; background-color: #a85254; border-bottom: 1px solid #763638; border-top: 1px solid #d7b9ba; width: 100%; text-align: center; padding-bottom: 2px; display: none; overflow: hidden;}
.main-menu-content {text-align: left; overflow: visible; border-bottom: 1px dotted #e9e9e9; height: 26px;}
#main-menu-section-list { margin: 0px; padding: 0px;}
#main-menu-section-list ul {margin: 0px; padding: 0px; list-style-type: none; display: inline;}
#main-menu-section-list li {float: left; width: 129px; list-style: none; padding: 5px 4px 5px 0; border-right: 1px solid #e9e9e9}
#main-menu-section-list li a {text-transform:uppercase; color: #65686c; letter-spacing: 0.015em; text-decoration: none; font-size: 1.25em; margin-left: 5px;}
#main-menu-section-list li:hover {background: url(../images/menu_on_bg.png) repeat;}
#main-menu-section-list li:hover a {color: #fff; }
#main-menu-section-list li a.active {color: #a71161;}
/* HELP: The div container for the left menu in the store
*/
#left-menu {font-size: 1em; color: #000000; width: 190px; float: left;}
#right-menu { font-size: 1em; color: #000000; width: 160px;}
/* HELP: The overall container for each menu box in the left and right menus */
.menu-box {width: 170px; margin: 10px 0; background-color: #ffffff; font-size: 1em; font-weight: normal; padding-bottom: 2px; float: left; border: 1px dotted #A71161;}
.menu-box-title { font-size: 1.1em; font-weight: bold; color: #A71161; width: 100%; text-align: center; padding-bottom: 2px; background-color: #e9e9e9;}
.menu-box-content {padding: 5px; margin-right: 2px; text-align: left; }
.menu-box-content-center { padding: 5px 0; margin: 0 2px; text-align: center;}
#menu-section-list { margin: 0px; padding: 0px;}
#menu-section-list ul {margin: 0px; padding: 0px; list-style-type: none; display: inline;}
#menu-section-list li {float: left; width: 125px; list-style: none; padding: 5px 5px 5px 0; border-right: 1px solid #e9e9e9}
#menu-section-list li a {text-transform:uppercase; color: #A71161; letter-spacing: 0.015em; text-decoration: none; font-size: 1.3em; margin-left: 5px;}
#menu-section-list li:hover {background: url(../images/menu_on_bg.png) repeat;}
#menu-section-list li:hover a {color: #fff; }
/* HELP: List formatting for the customer account links in the left menu. Also used for open account etc. links if customer is not logged in */
#customer-links { margin: 0px; padding: 0px; padding-left: 12px; list-style-type: none;}
/* HELP: List formatting for the news links in the left menu. The links themselves use the standard a and a:hover formatting */
#news-links { margin: 0px; padding: 0px; padding-left: 17px; list-style-type: disc;}
/* HELP: Used to surround the product lists shown in the right menu in your store */
.menu-product-list { clear: both; padding-top: 2px; margin-bottom: 2px;}
.menu-product-image { margin-right: 5px; float: left; position: relative;}
/* HEADER: Main Content */
#main-content {color: #6d6d6d; background-color: #ffffff; font-size: 1em; float: right; margin-right: 137px; width: 540px; }
#breadcrumb { font-size: 0.7em; border: 1px solid #A71161; width: 100%; margin-bottom: 10px; display: none;}
#breadcrumb a { text-decoration: none;}
#breadcrumb a:hover { text-decoration: none;}
#breadcrumb-title { font-weight: normal; color: #ffffff; background-color: #A71161; padding-left: 3px; padding-right: 3px; margin-right: 3px; font-weight: bold; border-right: 1px solid #A71161;}
/* HEADER: Page Footer */
#footer { color: #6d6d6d; padding-top: 10px; width: 540px; clear: both; float: right; margin: 20px 137px 20px 0; border-top: 1px dotted #6d6d6d;}
.footer-links {white-space: nowrap; font-size: 0.9em; padding-bottom: 10px;}
.footer-links li { font-weight: bold; display: inline; list-style-type: none; padding-right: 2px;}
.footer-links a {padding: 1px 0px; margin: 2px 2px 0px 0px; white-space: nowrap; text-decoration: none; font-weight: normal; color: #6d6d6d; font-size: 0.9em;}
.footer-links a:hover { text-decoration: underline; font-weight: normal; color: #b60463;}
#users-online { font-size: 1em; margin-left: auto; margin-right: auto; text-align: center; clear: both;}
#copyright { font-size: 0.9em; margin: 3px 0 10px; clear: both; letter-spacing: 0.005em;}
/*Home page style*/
.hp_sub_section_thumb {float: left; margin: 0 1px 1px 0; width: 134px; height: 134px; overflow: hidden;}
/* HEADER: Section Page Style */
/* HELP: Container for the content (sub-sections & products) on the section pages */
.section-content { clear: both; padding-top: 2px;}
.sub-sections { width: 100%; clear: both; text-align: left;}
.section-thumbnail { float: left; margin-right: 5px; padding: 3px;}
.sub-section-title, .sub-section-title a { font-weight: bold; font-size: 0.9em; text-decoration: none;}
/* HEADER: Paging Styles */
/* HELP: Container for the paging links on section and search pages */
.pages-container { top: 0px; padding: 1px; margin-bottom: 5px; font-weight: bold; font-size: 0.6em; text-align: right;}
.pages-list { margin-left: 0px; padding-left: 0px; white-space: nowrap; margin-top: 0px; padding-top: 0px; margin-bottom: 0px; margin-right: 0px;}
.pages-list li { color: #000000; display: inline; list-style-type: none; margin: 0px; padding: 0px; margin: 0px; margin-left: 1px; margin-right: 1px;}
.pages-list span { padding: 5px; padding-top: 3px; padding-bottom: 3px; margin: 0px; color: #000000; background-color: #d7b9ba; border: 1px solid #000000;}
.pages-list a { padding-top: 3px; padding-bottom: 3px; margin: 0px; color: #521c1d; background-color: #eae0e0; padding-left: 5px; padding-right: 5px; border: 1px solid #000000;}
.pages-list a:hover { text-decoration: underline; color: #ff8d29; background-color: #763638;}
/* HEADER: Product Listing Styles */
.product-thumbnail {margin: 0; padding: 0px;}
.product-single {text-align: left; width: 134px; float: left; margin: 0 1px 1px 0; }
.product-column-left { width: 49%; float: left;}
.product-column-right { width: 49%; float: right;}
.product-double { width: 100%; clear: both; text-align: left;}
.section-product-title, .section-product-title a { font-weight: bold; font-size: 0.9em; text-decoration: none;}
.product-gap { width:2%; float: left;}
.product-separator { clear: both; border: 0px; margin-bottom: 8px; height: 5px; border-bottom: 1px dotted #bbbbbb; background: #ffffff; color: #ffffff;}
.prod_variables_wrapper {}
#prod_info {width: 250px; float: right;}
#prod_pics {width: 265px; float: left;}
/* HEADER: Other Product Styles */
.product-flag-container { float: right; width: 4.5em; margin-left: 5px; padding: 3px; display: none;}
.product-flag { font-size: 0.6em; font-weight: normal; background-color: #A71161; color: #ffffff; border: 1px dotted #ff0000; border-left: 3px solid #ff0000; margin-bottom: 3px; padding-left: 3px; white-space: nowrap; text-align: right;}
.product-image {float: left; margin: 0 10px 10px 0;}
.links-container {margin: 3px;}
.product-link { font-size: 0.7em; font-weight: bold; border: 0px; color: #A71161; padding: 0px; margin: 0px; white-space: nowrap; cursor: pointer; text-decoration: underline;}
.product-link:hover { color: #A71161; text-decoration: underline;}
.product-add {font-size: 0.8em; font-weight: bold; background-color: #fdfefe; color: #b60463; padding: 0 6px; border: 1px solid #d0d0d0; cursor: pointer; float: left; margin-right: 2px; height: 20px; overflow: visible; margin-top: 12px;}
.send-friend a {padding: 4px 6px 2px; font-size: 0.8em; font-weight: bold; background-color: #fdfefe; color: #b60463; border: 1px solid #d0d0d0; float: left; margin-right: 1px; height: 12px; text-decoration: none;}
.product-add:hover, .send-friend a:hover {border: 1px solid #4b5254;}
.product-extra-fields {float: left; margin-left: 5px; text-align: left;}
.product-add, .send-friend, .wish-list {font-family: Arial, Helvetica, sans-serif;}
.qty_input {padding-bottom: 15px;}
/* HEADER: Send To Friend Styles*/
/* Product Option Tables */
.product-options-container {float: right; width: 254px; margin: 15px 0;}
.product-table-div { text-align: center;}
.product-table { margin-left: auto; margin-right: auto; padding: 0px; width: 100%; border: 0px;}
.product-table caption { font-weight: bold; font-size: 0.70em; margin-left: auto; margin-right: auto; text-align: right;}
.product-table th { font-weight: bold; font-size: 0.70em; background-color: #aaaaaa; padding: 2px; text-align: left; vertical-align: top;}
.product-table td { font-weight: normal; font-size: 0.70em; background-color: #dddddd; padding: 2px; text-align: left;}
/* HEADER: Cart Table Styles */
.cart-div { text-align: center;}
.cart-table {font-size: 0.70em; color: #4b5254;}
.cart-table caption { font-size: 0.70em; border-bottom: 1px dotted #e9e9e9; margin-left: auto; margin-right: auto;}
.cart-table th { font-weight: bold; border-bottom: 1px dotted #e9e9e9; padding: 2px 16px; text-align: left; vertical-align: top; color: #4b5254;}
.cart-table th.right { font-weight: bold; border-bottom: 1px dotted #e9e9e9; padding: 2px 16px; text-align: right; vertical-align: top;}
.cart-table th.total { font-weight: bold; border-top: 1px dotted #e9e9e9; text-align: right; vertical-align: top; padding: 3px 16px;}
.checkout_button a {padding: 4px 6px 2px; font-size: 0.8em; font-weight: bold; background-color: #fdfefe; color: #b60463; border: 1px solid #d0d0d0; float: left; margin-right: 1px; height: 12px; text-decoration: none;}
.checkout_button a:hover {border: 1px solid #4b5254;}
.cart-table td { font-weight: normal; padding: 2px 16px; text-align: left; vertical-align: top;}
.cart-table td.right { font-weight: normal; padding: 2px 16px; text-align: right; vertical-align: top;}
select#xShippingSelect {margin-right: 5px;}
.cart-div form {margin-bottom: 15px;}
/* Checkout styles */
.no-account {margin-bottom: 15px; border-bottom: 1px dotted #e9e9e9; padding-bottom: 15px;}
a.select_address {font-size: 0.9em; font-weight: bold; text-decoration: none; color:#b60463; padding: 3px 6px; border: 1px solid #d0d0d0; cursor: pointer; height: 2em; margin: 10px 0;}
a:hover.select_address {cursor: pointer; border: 1px solid #4b5254;}
/* HEADER: Account Styles */
#account-summary { margin-left: auto; margin-right: auto; text-align: center; width: 420px;}
#account-summary-left { float: left; width: 200px; text-align: left;}
#account-summary-right { float: right; width: 200px; text-align: left;}
/* HEADER: Form Entry Tables */
/* HELP: Container for form entry tables
*/
.form-div { text-align: center;}
.form-table {padding: 0px; border: 0px;}
.form-table caption { font-size: 0.70em; border-bottom: 1px dotted #000000; margin-left: auto; margin-right: auto;}
.form-table th { font-weight: bold; font-size: 0.8em; padding: 2px; text-align: left; vertical-align: top; padding-top: 3px; color: #4b5254;}
.form-table td { font-weight: normal; font-size: 0.8em; padding: 2px; text-align: left; color: #4b5254;}
.form-table td.submit-row { border-top: 1px solid #000000; text-align: right; padding: 6px 0; font-size: 1em;}
.form-table select { font-size: 1em; font-weight: normal; background-color: #FFFFFF; color: #000000; border: 1px solid #30799E;}
/* HEADER: General Table Styles */
/* HELP: Container for general tables used throughout the store templates
*/
.general-table-div { text-align: center;}
.general-table { }
.general-table caption { font-weight: bold; font-size: 0.95em; margin-left: auto; margin-right: auto; text-align: right;}
.general-table th { font-weight: bold; font-size: 0.9em; border-bottom: 1px dotted #000000; padding: 3px 10px; text-align: left; vertical-align: top;}
.general-table td { font-weight: normal; font-size: 0.9em; padding: 3px 10px; text-align: left;}
.general-table td.bold { font-weight: bold; font-size: 0.9em; padding: 3px; text-align: left;}
/* HEADER: Advanced Styles */
html { font-size: 100%; margin: 0px; padding: 0px; overflow: -moz-scrollbars-vertical; overflow-x: hidden;}
/* HELP: Simple style for forms to avoid any unplanned gaps */
.clear-left { clear: left;}
.clear-both { clear: both;}
.float-right { float: right;}
.float-left { float: left;}
.center { text-align: center;}