/*-------------------------------------- Style Sheet Information -------------------------------------
------------------------------------------------------------------------------------------------------
Version: 1.0
Included on the following html pages:
	=All HBO TruBeverage.com Pages

Notes:
	=Use of _ before selector targets IE6 only.
	=Use of * before selector targets IE6 & 7.

Contains:
	=Global Reset
	=Links
	=Buttons
	=Header
	=Logos
	=Global Nav
	=Footer
	=Content Container, Columns and Rows
	=News Template
	=Shop Template
	=Locator Template
----------------------------------------------------------------------------------------------------*/



/* =Global Reset  
----------------------------------------------------------------------------------------------------*/	
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, em, img,  strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
/* Optional and Usually Not Used */
abbr, acronym, address, applet, big, cite, code,
del, dfn, ins, kbd, q, s, samp,
small, strike, tt, var {
	background: transparent;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	background: #000 url("/img/global/bg.png") 50% 70px no-repeat;
	color: #b7976e;
	font-family: "Times New Roman", Times, serif;
	font-size: 100%;
	line-height: 1;
}
ul, dl {
	list-style: none;
}
ol li { /* fixes number placement in IE6/7 */
	list-style-position: inside;
}
li, dd, blockquote { 
	margin-left: 1.0em;
}
input, textarea, select, button {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
:focus { /* still need to define focus styles */
	outline: 0;
}
table { /* tables still need cellspacing="0" in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img, iframe {
	border: 0;
	vertical-align: bottom;
}

	
/* =Links 
----------------------------------------------------------------------------------------------------*/	
a:link, a:visited {
	color: #ed1c24;
	text-decoration: none;
}
a:hover {
	color: #fff;
	text-decoration: underline;
}
a:active {
	color: #ed1c24;
	outline: 0;
}


/* =Buttons 
----------------------------------------------------------------------------------------------------*/
a.btn {
	display: block;
	height: 28px;
	text-indent: -999.9em;
	width: 99px;
}
a.btn:hover {
	background-position: 0 -28px;
}
a.buyNow {
	background: url("/img/home/btnBuyNow.png") 0 0 no-repeat;
	left: 523px;
	position: absolute;
	top: 302px;
}
a.addToCart {
	background: url("/img/shop/btnAddToCart.png") 0 0 no-repeat;
clear: both;
display: block;
	position: relative;
	margin-left: 41px;
}
a.seriesLink{
	background: url("/img/home/btnSeriesLink.png") 0 0 no-repeat;
	left: 476px;
	position: absolute;
	top: 394px;
	width: 186px;
}
a.preOrder {
	background: url("/img/locator/btnPreorderOnlineNow.jpg") 0 0 no-repeat;
	position:absolute;
	width:190px;
	top:257px;
	left:337px;
}

/* =Header
----------------------------------------------------------------------------------------------------*/
#header {
	margin: 0 auto;
	padding-top: 12px;
	width: 860px;
}


/* =Logos
----------------------------------------------------------------------------------------------------*/
.logo {
	background: url("/img/global/TruBloodLogo.jpg") 10px -1px no-repeat;
	margin: 0 auto;
	text-indent: -999.9em;
}

.logo a {
	display: block;
}
.truBlood {
	line-height: 39px;
	width: 160px;
}
.truBlood a {
	height: 39px;
}
.hbo {
	background-position: -160px -23px;
	float: right;
	line-height: 17px;
	width: 40px;
}
.hbo a {
	height: 17px;
}


/* =Global Nav
----------------------------------------------------------------------------------------------------*/
#navGlobal {
	background: url("/img/global/nav.png") 0px 0 no-repeat;
	_background-position: 16px 0; /* IE6 */
	height: 10px;
	margin: 20px auto 0 auto;
	_overflow: hidden; /* IE6 */
	width: 393px;
}
#navGlobal li {
    display: block;
    float: left;
}
#navGlobal a {
	background: url("/img/global/nav.png") 0 0 no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 10px;
    text-indent: -999.9em;
}
#navGlobal a#item1 { background-position: -62px 0; display: inline; margin-left: 46px; width: 63px; }
#navGlobal a#item2 { background-position: -168px 0; display: inline; margin-left: 27px; width: 59px; }
#navGlobal a#item3 { background-position: -273px 0; display: inline; margin-left: 30px; width: 53px; }
#navGlobal a#item4 { background-position: -372px 0; display: inline; margin-left: 30px; width: 89px; }

#navGlobal a#item1:hover,
#home #navGlobal a#item1 { background-position: -62px -10px; }
#navGlobal a#item2:hover,
#news #navGlobal a#item2 { background-position: -168px -10px; }
#navGlobal a#item3:hover,
#shop #navGlobal a#item3 { background-position: -273px -10px; }
#navGlobal a#item4:hover,
#locator #navGlobal a#item4 { background-position: -372px -10px; }


/* =Footer
----------------------------------------------------------------------------------------------------*/
#footer {
	border-top: 1px solid #2b2b2b;
	clear: both;
	color: #474747;
	font-size: 10px;
	font-weight: bold;
	margin: 0 auto;
	padding: 6px 0 30px 0;
	text-align: center;
	width: 808px;
}
#footer p {
	clear: both;
	line-height: 1.6em;
}
#footer li {
	display: inline;
	float: left;
	margin: 0;
	
	padding-right: 5px;
}
#footer li a {
	color: #474747;
	margin-top: 4px;
	position: relative; /* IE6 */
	text-decoration: underline;
}
#footer li a:hover {
	color: #fff;
}


/* =Content Container and Columns
----------------------------------------------------------------------------------------------------*/

/* ----- Content ----- */
#content {
	margin: 23px auto 0 auto;
	padding: 0;
	position: relative;
	width: 860px;
}
#home #content {
	background: url("/img/home/bg.jpg") 0 0 no-repeat;
	height: 476px;
}
#news #content {
	overflow: hidden;
	margin-bottom: 65px;
	width: 850px;
}
#shop #content {
	width: 812px;
}
#locator #content {
	background: url("/img/locator/bg.jpg") 0 0 no-repeat;
	margin-bottom: 50px;
	overflow: hidden;
}

/* ----- Column ----- */
.col {
	float: left;
}
#locator .col {
	border-right: 2px solid #300;
	display: inline;
	margin: 130px 0 0 175px;
	padding: 0 72px 0 0;
	width: 140px;
}


/* =News Template
----------------------------------------------------------------------------------------------------*/

/* ----- Events ----- */
.events {
	width: 205px;
}
.events img {
	margin-bottom: 25px;
}
.event {
	font-size: 12px;
	line-height: 1.2em;
	margin: 0 0 15px 45px;
}
.event h3 {
	color: #fff;
	font-size: 12px;
}

/* ----- Posts ----- */
.posts {
	margin-top: 36px;
	padding: 0 15px;
	width: 344px;
}
.post {
	margin-bottom: 40px;
}
.post h2 {
	color: #fff;
	font-size: 16px;
	padding-bottom: 2px;
}
.post span {
	display: block;
	font-size: 11px;
	padding-bottom: 18px;
}
.post span.date {
    display:inline; padding:0;
}
.post p,
.post p span {
	font-size: 15px;
	line-height: 1.2em;
}
.post p span.more {
	padding-bottom: 10px;
}
.post p span.body,
.post p.full span.summary,
.post p.full span.ext {
    display:none;
}
.post p span.summary,
.post p.full span.body {
    display:block;
}
.post span.more.hidden {
    display:none;
}
.post a {
	font-size: 12px;
}
.loading #page-links,
#page-links {
    display:none; height:1em;
}
#page-links.active {
    display:block;
}
#page-links a.disabled {
    color:#680000;
}
#page-links a#prev-page {
    float:left;
}
#page-links a#next-page {
    float:right;
}
/* ----- Videos ----- */
.videos {
	margin-top: 36px;
	width: 241px;
}
.videos object {
	margin-bottom: 35px;
}
.videos .poster img {
    display:block; margin:0 auto 20px;
}

/* =Shop Template
----------------------------------------------------------------------------------------------------*/

/* ----- Row ----- */
.row {
	display: inline-block;
	margin: 0 -14px;
	overflow: hidden; /* FF2 */
}

/* ----- Product ----- */
.product {
	float: left;
	padding: 0 14px 52px 14px;
	width: 182px;
}
.product img {
	border: 1px solid #b7976e;
	padding: 1px;
	height: 148px;
	margin-left: 15px;
	width: 148px;
}
.product h2 {
	clear: both;
	height:2.4em;
	overflow:hidden;
	color: #fff;
	font-size: 16px;
	line-height: 1.2em;
	padding-top: 9px;
	text-align: center;
}
.product span {
	display: block;
	font-size: 13px;
	padding-bottom: 7px;
	text-transform: uppercase;
	text-align: center;
}


/* =Locator Template
----------------------------------------------------------------------------------------------------*/
#locator h3 {
	font-size: 13px;
	margin-bottom: 25px;
}

/* ----- Continents ----- */
#continents {
	margin-bottom: 195px;
}
#continents a {
	clear: both;
	color: #d8070a;
	float: left;
	font-size: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}
#continents a:hover {
	color: #fff;
	text-decoration: underline;
}
#continents a.selected,
#continents a.selected:hover {
	color: #680000;
	text-decoration: none;
}

/* ----- Company Info ----- */
#companyInfo {
	font-size: 13px;
	padding-bottom: 20px;
}
#companyInfo h3 {
	font-size: 17px;
	margin-bottom: 3px;
}
#companyInfo address {
	font-size: 13px;
	font-style: normal;
	line-height: 1.3em;
	margin-bottom: 20px;
}
#companyInfo span {
	clear: both;
	display: block;
	line-height: 1.3em;
}
#companyInfo a {
	float: left;
	line-height: 1.3em;
	margin-bottom: 20px;
}

/* ----- Locations ----- */
#locator .locations {
	border-left: 2px solid #300;
	border-right: 0;
	margin-left: -2px;
	margin-right: 0;
	padding: 0 0 0 30px;
	width: 350px;
}
.locations h2 {
	color: #fff;
	font-size: 17px;
	margin-bottom: 15px;
}
.locations address {
	clear: both;
	font-size: 13px;
	font-style: normal;
	line-height: 1.3em;
}
.locations strong {
	clear: both;
	display: block;
	font-size: 13px;
	line-height: 1.2em;
	text-transform: uppercase;
}
.locations address span {
 	display: block;
	text-transform: uppercase;
}
.locations a {
	float: left;
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 30px;
}



.loading {
    /*visibility:hidden;*/
}
.block-fragment {
    display:none;
}
#content #alternate {
    display:none;
}
#shop #content.alternate {
    width:860px;
}
#content.alternate #alternate {
    display:block;
}

.locations .continent {
    display:none;
}
.locations .selected {
    display:block;
}