﻿/* Black Library stylesheet v0.2 */
/* Built by Ragnar Karlsson */
/* Edited By RED */

/* BOF Styles reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
      margin:0;
      padding:0;
      border:0;
      font-weight:inherit;
      font-style:inherit;
      font-size:100%;
      font-family:inherit;
}
/* EOF Styles reset */

/* BOF Defaults and HTML elements definitions */
BODY {
	/* Layout */
	padding:0px;
	margin:0px;
    border:0px none;
	/* Appearance */
	background:#EEEEEE;
	/* Text defaults */
	color:#000000;
	font-size:100%;
	line-height:1.125em;
	font-family:Arial, Helvetica, sans-serif;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

BODY#popup {
    background-color:#FFFFFF;
}

P, ul.default, table.default {
    font-size:0.75em;
}

/* Additional Default Styles */
ul.default {
    list-style-position:outside;
    padding-left:13px;
}

table.default {
    border-collapse:collapse;
    margin:10px 0px;
}

table.default th {
    font-weight:bold;
}

table.default td, table.default th {
    border:1px solid #CCCCCC;
    padding:5px;
    text-align:left;
}
/* End Default Styles */

HR {
	background:#CCCCCC;
	border:0px none;
	color:#CCCCCC;
	height:1px;
	margin:0px;
	padding:0px;
	line-height:1px;
}

H1 {
    text-transform:uppercase;
    color:#990000;
    font-weight:bold;
}

H2 {
    text-transform:uppercase;
    color:#990000;
    font-weight:bold;
    font-size:0.75em;
}

H3 {
    color:#990000;
    font-weight:bold;
    font-size:0.75em;
    text-align: center;
}

H4 {
    color:#990000;
    font-weight:bold;
    font-size:0.75em;
}

H5 {
    font-weight:bold;
    font-size:0.75em;
}

H6 {
    font-size:0.75em;
}

/* BOF Page link default styles */
A:LINK {
    color:#990000;
    text-decoration:underline;
}

A:VISITED {
    color:#990000;
    text-decoration:underline;
}

A:HOVER {
    color:#990000;
    text-decoration:none;
}

A:ACTIVE, a.active {
    color:#000000;
    text-decoration:none;
}

A:FOCUS {
	outline:0;
}

a.external {
	padding-right:10px;
}

a.external {
	background: url('/SiteImages/remote.gif') no-repeat right top;
}

H1 A, H2 A, H3 A, H4 A, H5 A, H6 A {
	text-decoration:none !important;
}

H1 A:HOVER, H2 A:HOVER, H3 A:HOVER, H4 A:HOVER, H5 A:HOVER, H6 A:HOVER {
	text-decoration:underline !important;
}

/*.error {
    color:#ff0000;
}*/

.error {
    background-color:#ffebe8;
    border:1px solid #dd3c10;
    padding:2px;
}

.warning {
    background-color:#fff9d7;
    border:1px solid #e2c822;
    padding:2px;
}

/* EOF Page link default styles */
/* EOF Defaults and HTML elements definitions */
/* BOF Page custom elements definitions */
#pagecontainer {
    margin:auto;
    width:1000px;
    overflow:auto;
    background:#FFFFFF;
    position:relative;
    -webkit-box-shadow:0px 3px 5px #999;
    -moz-box-shadow: 0px 3px 5px #999;
    box-shadow:  0px 3px 5px #999;
}

/* BOF Page header */
#pageheader {
    width:auto;
    z-index:100;
    overflow:auto;
}

#logo {
    margin:0px 15px 12px;
    float:left;
}

#quicklinks {
    float:right;
    padding:20px 15px 0px 0px;
    line-height:1.4em;
    text-align:right;
    width:300px;
    padding-bottom: 10px;
    background: #FFF;
    /*position: fixed;
    top: 0px;
    margin-left: 660px;
    -moz-box-shadow: 0px 3px 4px #999;
    -webkit-box-shadow: 0px 3px 4px #999;
    box-shadow: 0px 3px 4px #999; */
}

#quicklinks p a:link, #quicklinks p a:visited {
    text-decoration:none;
    font-weight:bold;
}

#quicklinks p a:hover, #quicklinks p a:active {
    text-decoration:underline;
}

form#search input#filter_value {
	margin-top:1px;
}

/* Main Navigation */

#menus {
    clear:both;
    width:100%;
    height:26px;
    background:#990000 repeat-x left url('/SiteImages/red-bar.jpg');
    /*-webkit-box-shadow:0px 3px 5px #999;
    -moz-box-shadow: 0px 3px 5px #999;
    box-shadow:  0px 3px 5px #999;*/
}

#menu, #extrasmenu, #menu ul, #extrasmenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	/*line-height: 1; */
    line-height:26px;
}

.contentnav ul, #myaccountnav ul, ul.myaccountnav {
    list-style: none;
}

#myaccountnav ul li, ul.myaccountnav li {
    margin-top:15px;
}

#menu, #extrasmenu {
    font-size:0.8em;
}

#menu a, #extrasmenu a {
	display: block;
	/*width: 10em;*/
    padding: 0px 10px;
    color:#FFFFFF;
    text-decoration:none;
}

#menu li ul li a:hover, #extrasmenu li ul li a:hover {
    background:#660000;
    border-left:#000000 3px solid;
}

#menu a:hover, #extrasmenu a:hover {
    background:#990000;
}

#menu li ul li a, #extrasmenu li ul li a {
    border-left:#990000 3px solid;
}

#menu li { /* all list items */
	float: left;
	/*width: 10em; /* width needed or else Opera goes nuts */
}

#extrasmenu {
	float:right;
}

#extrasmenu li {
    float:left;
}

#menu li ul, #extrasmenu li ul { /* second-level lists */
	position: absolute;
	background: #990000;
	width: 15em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#menu li ul li, #extrasmenu li ul li {
    width: 15em;
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-position: 0 0;
}

#extrasmenu li:hover ul, #extrasmenu li.sfhover ul {
    left:auto;
    right:0px;
}

/* EOF Page header */
/* BOF Page content */
#pagecontent {
	clear:left;
    margin:5px 10px 15px 10px;
    overflow:auto;
    min-height:600px;
}

#popupcontent {
    margin:10px;
}

#breadcrumbs {
    font-size:0.75em;
    color:#999999;
    margin-bottom:10px;
}

#breadcrumbs a:link, #breadcrumbs a:visited, #breadcrumbs a:active {
    text-decoration:none;
    color:#dd9999;
}

#breadcrumbs a:hover {
    text-decoration:underline;
    color:#990000;
}

.container {
    clear:both;
    overflow:auto;
    padding:10px;
    border:1px solid #CCC;
    margin-top:10px;
}

.clearcontainer, .clear, .clearfix {
    clear:both;
}

.clearfix { clear:both; width: 100%; }
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; }

.simplecontainer {
    overflow:auto;
}

.halfcolumn {
    float:left;width:485px;
}

.myaccounthalfcolumn {
    float:left;width:344px;
}

.rightmargin {
    margin-right:10px;
}

.standardpadding {
    padding:10px;
}

.standardborder {
    border:1px solid #CCCCCC;
}

.standardmargin {
    margin:10px;
}

.standardmargin2 {
    margin:10px 10px 10px 0px;
}

.toppadding {
    padding-top:10px;
}

.topmargin {
    margin-top:10px;
}

.floatleft {
    float:left;
}

.floatright {
    float:right;
}

.alignright {
    text-align:right;
}

.imgrightmargin {
    margin-right:10px;width:auto;
}

.thumbimgrightmargin {
    margin-right:14px;width:auto;
}

.imgleftmargin {
    margin-left:10px;width:auto;
}

.prodlistimg {
    min-height:129px;
}

.prodlistimage a img, .prodlistimg a img {
    -webkit-box-shadow:3px 3px 5px #999;
    -moz-box-shadow: 3px 3px 5px #999;
    box-shadow:  3px 3px 5px #999;
}

.prodlistimage a img {
    margin-bottom:10px;
}

.shorttext {
    overflow: auto;
}

.frontpageproduct {
    width:470px;
}

.frontpagesmallproduct {
    width:155px;
}

.productinfo, .productinfo a {
    color:#999999;
}

p.tweettime {
    color:#999999;
    margin-left:57px;
}

.texthighlight {
    color:#990000;
}

ul.trackingNumbers {
	list-style:none;
	font-size:0.75em;
	float:left;
	padding-left:2px;
}

.productpage_images {
    width:210px;margin:10px 10px 0px 0px;
}

.productpage_images a img {
    -webkit-box-shadow:3px 3px 5px #999;
    -moz-box-shadow: 3px 3px 5px #999;
    box-shadow:  3px 3px 5px #999;
}

.productpage_blurb {
    width:550px;margin:10px 10px 0px 0px;
}

.productpage_blurb p {
    margin-bottom:1em;
}

.productpage_info {
    width:190px;margin:10px 0px 0px 10px;
}

.listing_header {
    float:right;
    width:480px;
    margin-left:10px;
}

.product, .firstproduct {
    overflow:auto;
    padding:10px;
    border:1px solid #CCC;
    float:left;
    width:298px;
    min-height:201px;
}

* html .product, * html .firstproduct {
    width:296px;
}

.product {
	margin:10px 0px 0px 10px;
}

.firstproduct {
	margin:10px 0px 0px 0px;
}

.wishlistproduct_leftcol {
    overflow:auto;
    padding:10px;
    border:1px solid #CCC;
    margin:10px 10px 0px 0px;
    float:left;
    width:322px;
}

.wishlistproduct_midcol {
    overflow:auto;
    padding:10px;
    border:1px solid #CCC;
    margin:10px 0px 0px 0px;
    float:left;
    width:322px;
}

.price {
    width:80px;
}

.qty {
    width:270px;
}

.buynow {
    width:134px;
}

.contentnav {
    float:left;
    margin:10px 10px 0px 0px;
    border:1px solid #CCCCCC;
    padding:10px;
    width:300px;
}

.content {
    float:left;
    margin-top: 10px;
    border:1px solid #CCCCCC;
    padding:10px;
    width:626px;
}

.checkout_current {
    font-size:0.833em;
    font-weight:bold;
    text-align:center;
}

.checkout_noncurrent {
    font-size:0.833em;
    font-weight:bold;
    color:#999999;
    text-align:center;
}

.basketcol1 {
    width:100px;
}
.basketcol2 {
    width:438px;
}
.basketcol3 {
    width:140px;
}
.basketcol4 {
    width:100px;
}
.basketcol5 {
    width:100px;
}
.basketcol6 {
    width:80px;
}

.basketcode {
    width:220px;
    margin:10px 10px 0px 0px;
    border:1px solid #CCCCCC;
    padding:10px;
}

.basketbox {
    min-height:8em;
}

.throughline {
	text-decoration:line-through;
}

.basketadvert {
    width:454px;
    margin:10px 10px 0px 0px;
    border:1px solid #CCCCCC;
    padding:10px;
}

.baskettotals {
    margin:10px 0px 0px 0px;
    border:1px solid #CCCCCC;
    padding:10px;
}

table.offers {
    width:100%;
}

table.offers th {
    text-align:left;
}

table.offers td.discountvalue {
    width:168px;
}

table.basket_items {
	text-align:left;
}

table.basket_items th {
	padding:5px 0px;
	font-size:80%;
	font-weight:bold;
}

table.basket_items td {
	padding-right:10px;
}

.confirmpaymentleft {
   width:718px; 
}

.confirmpaymentright {
    width:251px;
}

#iFrame iframe {
    width:100%;
}

#iFrame iframe html body {
    border:1px solid #CCCCCC;
}

#myaccountnav {
    width:250px;
    margin:10px 10px 0px 0px;
    border:1px solid #CCCCCC;
    padding:10px;
}

#myaccount {
    width:698px;
}

#newsnav {
    width:310px;
    margin:10px 0px 10px 10px;
    border:1px solid #CCCCCC;
    padding:10px;
}

#news {
    width:638px;
    margin-bottom:10px;
}

.newsitem p {
    margin-bottom:1em;
}

.newsitem_comments {
    overflow:auto;padding:10px;border:1px solid #CCC;margin:10px 10px 0px 0px;float:left;width:292px;
}

.newsitem_commentform {
    overflow:auto;padding:10px;border:1px solid #CCC;margin:10px 0px 0px 0px;float:left;width:292px;
}

ul.newsnavyear {
    list-style-position:inside;
    list-style-type:none;
    padding:3px 0px 0px 10px;
    font-size:0.833em;
    line-height: 1.6em;
    font-weight:bold;
    text-transform:uppercase;
    color:#000000;
}

ul.newsnavmonth {
    list-style-position:inside;
    list-style-type:none;
    padding:3px 0px 0px 17px;
    line-height: 1.6em;
    font-weight:bold;
    text-transform:uppercase;
    color:#000000;
}

ul.newsnavmonth li.newsnavactive a {
    color:#990000 !important;
}

ul.newsnavmonth li {
    list-style-image:none;
}

li.newsnavactive {
    list-style-image:url(../SiteImages/minus.jpg);
}

li.newsnavinactive {
    list-style-image:url(../SiteImages/plus.jpg);
}

ul.newsnavdate {
    list-style-position:outside;
    list-style-type:disc;
    list-style-image:none;
    padding:3px 0px 0px 15px;
    line-height: 1.3em;
    font-weight:normal;
    text-transform:none;
    color:#000000;
}

ul.newsnavyear li a, ul.newsnavmonth li a {
    color:#000000 !important;
    text-decoration:none;
}

ul.newsnavdate li a {
    color:#990000;
    text-decoration:none;
}

ul.newsnavdate li a:hover {
    text-decoration:underline;
}

.authorbio p {
    margin-bottom:1em;
}

.sitemap {
    font-size:0.75em;
}

ul.sitemaplevel1 li a {
    color:#990000;
    text-decoration:none;
}

ul.sitemaplevel1 ul li a, ul.sitemaplevel1 ul ul li a {
    color:#000000;
    text-decoration:none;
}

ul.sitemaplevel1 li a:hover {
    text-decoration:underline;
}

ul.sitemaplevel1 {
    list-style-position:inside;
    list-style-type:none;
    padding:8px;
    font-size:inherit;
    line-height: 1.2em;
    font-weight:bold;
    text-transform:uppercase;
    color:#990000;
}

ul.sitemaplevel1 ul {
    list-style-position:inside;
    list-style-type:disc;
    padding:3px 8px;
    line-height: 1.2em;
    font-weight:bold;
    text-transform:none;
    color:#000000;
}

ul.sitemaplevel1 ul ul {
    list-style-position:inside;
    list-style-type:disc;
    padding:3px 8px;
    line-height: 1.2em;
    font-weight:normal;
    text-transform:none;
    color:#000000;
}

/* EOF Page content */
/* BOF Page footer */
#pagefooter {
    clear:both;
    border-top:1px solid #CCCCCC;
    margin:0px 15px 15px 15px;
    padding-top:15px;
    overflow:auto;
    color:#BBBBBB;
    font-size:0.8333em;
}

#pagefooter a.ecommercebyred {
	float:right;
	font-size:80%;
	color:#ff0000;
}

/* EOF Page footer */
/* BOF Form elements */

.textbox, .updatecountry, #ShippingMethod,
#Address #billing_address6, #Address #_address6 {
    border:1px solid #999999;
    padding:2px;
    background: #FFFFFF;
}

/* BUTTONS */

.buttons a, .buttons button, input.inputsubmit,
input.simplesubmit, p.submit input#Submit {
    display:block;
    margin:0 7px 0 0;
    background:#990000 repeat-x left top url('../SiteImages/red-bar.jpg');
    border:0px solid #dedede;
    border-top:0px solid #eee;
    border-left:0px solid #eee;
    font-size:0.833em;
    line-height:26px;
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    font-family:Arial, Helvetica, sans-serif;
}

.buttons button, * html .buttons input.inputsubmit {
    width:auto;
    overflow:visible;
    padding:0px 10px 0px 7px; /* IE6 */
}

.buttons button[type], input.inputsubmit, input.simplesubmit, p.submit input#Submit {
    padding:5px 10px 5px 10px; /* Firefox */
    line-height:16px; /* Safari */
}

*:first-child+html button[type], *:first-child+html input.inputsubmit {
    padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img {
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover {
    background-color:#990000;
    border:0px solid #c2e1ef;
    color:#FFFFFF;
}
.buttons a:active{
    background-color:#000000;
    border:0px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive {
    color:#FFFFFF;
}
.buttons a.positive:hover, button.positive:hover, input.inputsubmit:hover {
    background:#990000;
    border:0px;
    color:#FFFFFF;
}
.buttons a.positive:active {
    background:#000000;
    border:0px;
    color:#FFFFFF;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#FFFFFF;
}
.buttons a.negative:hover, button.negative:hover{
    background:#990000;
    border:0px solid #fbc2c4;
    color:#FFFFFF;
}
.buttons a.negative:active{
    background:#000000;
    border:0px;
    color:#FFFFFF;
}

/* SIMPLE */

.buttons a.simple, button.simple, a.simplecontinue,
input.simplesubmit, p.submit input#Submit {
    background:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
}
.buttons a.simple:hover, button.simple:hover, a.simplecontinue:hover,
input.simplesubmit:hover, p.submit input#Submit:hover {
    background:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
}
.buttons a.simple:active, a.simplecontinue:active, a.simplecontinue:active,
input.simplesubmit:active, p.submit input#Submit:active {
    background:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
}

/* SMALL BUTTONS */

.smallbuttons a, .smallbuttons button{
    display:block;
    margin:0px 0px 0px 0px;
    background:#FFFFFF;
    border:1px solid #000000;
    font-size:0.833em;
    line-height:26px;
    text-decoration:none;
    font-weight:bold;
    color:#000000;
    cursor:pointer;
    padding:2px 4px 2px 4px; /* Links */
    font-family:Arial, Helvetica, sans-serif;
}
.smallbuttons button{
    width:auto;
    overflow:visible;
    padding:0px 6px 0px 6px; /* IE6 */
}
.smallbuttons button[type]{
    padding:2px 4px 2px 4px; /* Firefox */
    line-height:16px; /* Safari */
}
*:first-child+html button[type]{
    padding:2px 4px 2px 4px; /* IE7 */
}
.smallbuttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

/* SEARCH */

.buttons a.search, button.search {
    background:#FFFFFF;
    border:1px solid #000000;
    color:#000000;
}

.smallbuttons a.search:hover, button.search:hover{
    background:#FFFFFF;
    border:1px solid #000000;
    color:#990000;
}

.buttons a.search:active{
    background:#FFFFFF;
    border:1px solid #000000;
    color:#990000;
}

/* Links as Buttons */

input.aslink {
	font-family:Arial,Helvetica,sans-serif;
	background-color:#FFFFFF;
	border:0;
	cursor:pointer;
	display:inline-block;
	padding:0;
	margin:0;
	text-align:center;
	color:#990000;
	height: 20px;
}

input.aslink {
	text-decoration:underline;
}

input.aslink:hover {
	text-decoration:none;
}

a.positive, a.simplecontinue,
input.simplesubmit, p.submit input#Submit {
	font-weight:bold;
	line-height:16px;
	text-align:center;
}

a.simplecontinue {
	width:125px;
}

a.positivecheckout {
	width:65px;
}

a.positivecheckout:active {
	background-color:#990000 !important;
}

a.reserve {
	width:76px;
	text-decoration:none !important;
}

a.reserve:active {
	background-color:#990000 !important;
}

input.inlinesubmit {
    display:inline;
    padding:1px 10px;
}

button.outofstock {
	width:130px;
}

/* EOF Form elements */
/* EOF Page custom elements definitions */

table.productListing tr td div.buttons p,
table.productListing tr td div.buttons button {
	display:inline;
}

table.productListing tr td div.buttons button {
	margin-left:30px;
}

#frmReview p.error, #frmTellAFriend p.error, .frmReserveProduct p.error {
	margin-top:10px;
}

#frmReview .imgleftmargin {
	margin-left:25px;
}

div.seperator {
	height:1px;
	clear:both;
	border-bottom:1px dotted #CCCCCC;
	margin:10px 0px;
	width:99%;
}

.inline {
	display:inline;
}

/* ----- Generic Form Style ----- */

form div.genericformdiv, form div.genericformcheckboxdiv {
    margin:5px 0px;
    clear:both;
}

form div.genericformdiv p {
    display:inline;
}

form div.genericformdiv p input, form div.genericformdiv p textarea
,form div.genericformdiv p select {
    border:1px solid #999999;
    padding:2px;
    background: #FFFFFF;
    min-width:400px;
}

form div.genericformdiv p textarea {
    min-height:200px;
}

form div.genericformdiv label, div.genericformcheckboxdiv label {
    font-size:0.75em;
    float: left;
    min-width: 150px;
    margin-right:10px;
}

form div p.submit {
    clear:left;
    margin-top:10px;
}

div.genericformcheckboxdiv p {
    float:left;
}

form div p.submit input#Submit {
    font-size:1em;
}

form div.voteform p, form div.voteform label {
    font-size:0.75em;
    float:left;
}

form div.voteform p {
    clear:left;
    margin-left:160px;
}

form div.voteform p input {

}

td.showimages { width:110px; }
td.sortby { width:270px; }