/**
 * Common Stylesheet
 *
 * @author 	    Zone
 * @email	    info@zonecontent.com
 * @url 		http://www.zonecontent.com/
 * @copyright 	Copyright (c) 2009, zonecontent.com. All rights reserved.
 */

/* Global ****************/
body {
	background:#fff url('../img/common/background_gradient_main.png') repeat-x left top;
	text-align:left;
}
.clear {
    clear:both;
}

/* Layout ****************/
#page {
	margin:0 auto;
	overflow:hidden;
	text-align:left;
	width:980px;
}
#header {
    background:transparent url('../img/common/shadow_header_sides.png') repeat-y left top;
	padding:0 4px;
	width:972px;
	position:relative;
    z-index:35;
}
#content {
    margin-top:5px;
    overflow:hidden;
    width:980px;
}
#footer {
	background:#fff url('../img/common/background_gradient_footer.png') repeat-x left top;
	border-top:solid 1px #aaaaaa;
	margin-top:20px;
	padding:25px 0;
	width:100%;
}

/* Typography ****************/
/* http://meyerweb.com/eric/thoughts/2007/06/04/ordering-the-link-states/ */
a {
	color:#008EFF;
	text-decoration:none;
}
a:link {
	color:#008EFF;	
}
a:visited {
	color:#008EFF;
}
a:focus {
	color:#008EFF;	
}
a:hover {
	color:#008EFF;
	text-decoration:underline;
}
a:active {
	color:#008EFF;	
}
p {
    color:#333;
}
p.small {
    font-size:93%;
}
p.big {
    font-size:108%;
}
p.x-big {
    font-size:123.1%;
}
strong {
    font-weight:bold;
}
em {
    font-style:italic;
}
span.blue,
p.blue {
    color:#008EFF;
}
span.uppercase,
p.uppercase {
    text-transform:uppercase;
}

span.binding {
	color: #333333;
}

/* Forms ****************/
fieldset legend {
    left:-9999px;
    position:absolute;
    top:-9999px;
}

/* Shadows ****************/
div.shadow-header-bottom {
    background:transparent url('../img/common/shadow_header_bottom.png') no-repeat left top;
    height:7px;
    width:980px;
}

/* Masthead ****************/
#masthead {
	background:#303338 url('../img/common/background_gradient_header.png') repeat-x left top;
	border-bottom:solid 1px #4c4f52;
	height:64px;
	width:972px;
}
#masthead a.logo {
    background:transparent url('../img/common/logo_titan.jpg') no-repeat left top;
    display:block;
    float:left;
    height:64px;
    width:336px;
}
#masthead a.logo span {
    display:block;
    height:0px;
    overflow:hidden;
    width:0px;
}
#masthead div.region-search {
    float:right;
    padding:4px 15px 0 0;
    position:relative;
    text-align:right;
    width:290px;
	z-index:100;
}
#masthead div.java {
    width:270px;
}
#masthead div.region-search p {
    color:#fff;
    display:inline;
    font-size:77%;
}
#masthead div.region-search p a {
    color:#fff;
}
#masthead div.region-search p span {
    margin:0 5px;
}
#masthead div.region-search p select {
    padding-right:10px;
}
#masthead div.region-search .region-1 {
    background:transparent url('../img/common/UK.png') no-repeat left top;
    padding:0 0 2px 26px;
}

#masthead div.region-search .region-2 {
    background:transparent url('../img/common/US.png') no-repeat left top;
    padding: 0 0 2px 26px;
}

#masthead div.region-search .region-3 {
    background:transparent url('../img/common/Can.png') no-repeat left top;
    padding: 0 0 2px 26px;
}

#masthead div.region-search .region-4 {
    background:transparent url('../img/common/Oz.png') no-repeat left top;
    padding: 0 0 2px 26px;
}
#masthead div.region-search li {
    text-align:left;
    padding-bottom:10px
}
#masthead div.region-search div.region {
    background:transparent url('../img/common/glyph_indicator_region.png') no-repeat right 50%;
    color:#fff;
    font-size:77%;
    cursor:pointer;
    display:none;
    padding:0 8px 5px 5px;
    position:relative;
    z-index:50;
}
#masthead div.region-search div.region:hover {
    color:#008EFF;
}
#masthead div.region-search div.region_hover {
    color:#008EFF;
}
#masthead div.region-search div.region ul {
    background-color:#fff;
    display:block;
    padding:10px 9px 5px;
    position:absolute;
    right:3px;
    top:-9999px;
    width:106px;
}
#masthead div.region-search div.region:hover ul {
    top:16px;
    z-index:20;
}
#masthead div.region-search div.region_hover ul {
    left:-40px;
    top:18px;
    z-index:20;
}
#masthead div.region-search div.region ul li a.region-uk {
    background:transparent url('../img/common/uk.jpg') no-repeat left top;
    color:#333;
    display:block;
    margin-top:9px;
}
#masthead div.region-search fieldset {
    background:transparent url('../img/common/background_search.png') no-repeat left top;
    height:22px;
    left:35px;
    position:absolute;
    text-align:left;
    top:30px;
    width:233px;
}
#masthead div.region-search fieldset input.textbox {
    border:0;
    color:#333;
    left:25px;
    position:absolute;
    top:4px;
    width:135px;
}
#masthead div.region-search fieldset input.image {
    left:163px;
    position:absolute;
    top:0px;
}

/* Navigation ****************/
#navigation {
    background:#333639 url('../img/common/background_gradient_nav.png') repeat-x left top;
	border-bottom:solid 1px #3f4245;
	border-top:solid 1px #181a1c;
    height:33px;
    width:972px;
}
#navigation ol {
    padding:0 0 0 8px;
    position:relative;
    z-index:30;
}
#navigation ol li {
    display:inline-block;
    float:left;
    padding:9px 9px 9px 15px;
    position:relative;
    z-index:30;
}
#navigation ol li a {
    color:#fff;
    display:block;
    font-weight:bold;
}
#navigation ol li.active a {
    color:#008EFF;
}
#navigation ol li a:hover {
    text-decoration:none;
}
#navigation ol li.subnav a {
    background:transparent url('../img/common/glyph_indicator_nav.png') no-repeat right 80%;
    padding-right:10px;
}
#navigation ol li.subnav_active a {
     background:transparent url('../img/common/glyph_indicator_nav_hover.png') no-repeat right 80%;
}
#navigation ol li.subnav:hover a,
#navigation ol li.subnav_hover a  {
    background:transparent url('../img/common/glyph_indicator_nav_hover.png') no-repeat right 80%;
}
#navigation ol li:hover a,
#navigation ol li.hover a {
    color:#008EFF;
}
#navigation ol li div {
    background:transparent url('../img/common/background_gradient_subnav.png') repeat-x left top;
    display:none;
    z-index:25;
}
#navigation ol li:hover div,
#navigation ol li.hover div {
    display:block;
    left:0px;
    padding-bottom:5px;
    position:absolute;
    top:34px;
    z-index:25;
}
#navigation ol li div h3 {
    color:#b9b8b8;
    border-bottom:solid 1px #b9b8b8;
    display:block;
    font-size:108%;
    font-weight:bold;
    margin:0 0 8px 13px;
    padding:12px 0 5px 0;
    white-space:nowrap;
    width:195px;
}
#navigation ol li div ol {
    display:block;
    padding:0 0 0px 0;
    width:220px;
}
#navigation ol li ol li {
    display:block;
    float:none;
    padding:0;
    width:220px;
}
#navigation ol li ol li a {
    color:#fff;
    font-weight:normal;
    padding:4px 20px 4px 27px;
    white-space:nowrap;
}
#navigation ol li.subnav:hover ol li a,
#navigation ol li.subnav_hover ol li a  {
    color:#fff;
    background:transparent url('../img/common/glyph_indicator_subnav.png') no-repeat 15px 50%;
}
#navigation ol li.subnav:hover ol li a:hover,
#navigation ol li.subnav_hover ol li a:hover  {
    background:#000 url('../img/common/glyph_indicator_subnav_hover.png') no-repeat 15px 50%;
}
#navigation ol li.subnav ol li a:hover {
    color:#008EFF;
}
#navigation ol li div hr {
    border-bottom:0;
    border-top:solid 1px #b9b8b8;
    height:0;
    margin:8px 0 0 13px;
    width:195px;
}
#navigation ol li div a.all {
    background:transparent url('../img/common/glyph_indicator_subnav.png') no-repeat 15px 50% !important;
    color:#fff;
    font-weight:normal;
    margin:2px 0 0 0;
    padding:4px 20px 4px 27px;
    white-space:nowrap;
}
#navigation ol li div a.all:hover {
    background:#000 url('../img/common/glyph_indicator_subnav_hover.png') no-repeat 15px 50% !important;
    color:#008EFF;
}

/* Hero ****************/
#hero {
    overflow:hidden;
    position:relative;
    width:972px;
	height: 386px;
}
#hero ul {
    overflow:hidden;
    width:972px;
}
#hero ul li {
    height:386px;
    overflow:hidden;
    position:relative;
    width:972px;
}
#hero.java {
    height:386px;
}
#hero.java ul {
    padding-top:15px;
}
#hero.java ul li {
    height:auto;
    padding:2px 0;
    position:static;
}
#hero.java ul li img {
    left:0px;
    position:absolute;
    top:0px;
    z-index:15;
}
#hero.java ul li div {
    left:0px;
    margin:0 15px 0 0;
    position:relative;
    top:0px;
}
#hero ul li div {
    color:#fff;
    display:inline;
    float:right;
    overflow:visible;
    padding:15px 60px 15px 20px;
    position:absolute;
    right:16px;
    top:18px;
    width:183px;
    z-index:20;
    
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    -moz-box-shadow:0px 0px 8px #999;
    -webkit-box-shadow:0px 0px 8px #999;
}
#hero ul li div span.background {
    background-color:#04a7ff;
    display:block;
    left:0px;
    position:absolute;
    top:0px;
    width:263px;
    height:10px;
    
    filter:alpha(opacity = 80);
    opacity:0.80;
    -moz-opacity:0.80;
    
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}
#hero ul li div p, #hero ul li div a {
    left:0px;
    position:relative;
    top:0px;
}
#hero ul li div h3 {
    font-size:138.5%;
    font-weight:bold;
    margin-bottom:12px;
    position:relative;
    z-index:10;
}
#hero ul li div p {
    color:#fff;
    font-size:108%;
    line-height:135%;
    margin-bottom:12px;
}
#hero ul li div a.read_more {
    background:transparent url('../img/common/sprite_button_read_more.png') no-repeat left top;
    color:#fff;
    display:block;
    font-size:93%;
    font-weight:bold;
    height:22px;
    left:-5px;
    padding-top:6px;
    position:relative;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:103px;
}
#hero ul li div a.read_more:hover {
    background:transparent url('../img/common/sprite_button_read_more.png') no-repeat left bottom;
}
#hero ul li.inactive div {
    background:transparent url('../img/common/background_hero.png') repeat-x left bottom;
    cursor:pointer;
    height:54px;
    padding:0px 30px 0px 13px;
    width:167px;
}
#hero ul li.inactive img {
    z-index:10;
}
#hero ul li.inactive div p, #hero ul li.inactive div a {
    position:absolute;
    right:-9999px;
    top:-9999px;
}
#hero ul li.inactive div h3 {
    display:table-cell;
    font-family:Arial, Sans-Serif;
    font-size:108%;
    font-weight:bold;
    height:54px;
    margin-bottom:0px;
    vertical-align:middle;
}
#hero ul li.inactive div span.background {
    background-color:Transparent;
    display:block;
    height:0px;
    left:0px;
    position:absolute;
    top:0px;
    width:0px;
}

/* Left bar ****************/
#left-bar {
    float:left;
    width:171px;
}

#left-bar div.panel {
    margin-bottom:12px;
    width:171px;
    background:transparent url(../img/nav/filter-bg-mid.png) repeat-y;
	position: relative;	
	margin-top: 32px;
	margin-bottom: 75px;
}

#left-bar div.panel h2 {
	top: -32px;
    background:transparent url('../img/nav/filter-bg-top.png') no-repeat left top;
    color:#666666;
	position: relative;
	margin-bottom: -67px;
    font-size:93%;
    font-weight:bold;
    height:22px;
    padding:10px 4px 0 12px;
    text-transform:uppercase;
    width:155px;
}
#left-bar div.panel ol {
    padding:10px 4px 12px 4px;
}

#left-bar div.panel div.content ol {
    background:0;
    padding:0;
}
#left-bar div.panel div.content ol {
    background:0;
    padding:0;
    margin-bottom:15px;
}
#left-bar div.panel div.content h3 {
    border-bottom:solid 2px #c9c9c9;
    color:#353333;
    font-size:85%;
    font-weight:bold;
    margin-bottom:3px;
    padding-bottom:3px;
}
#left-bar div.panel div.content ol li a {
    color:#666;
}
#left-bar div.panel div.content ol li {
    background:0;
    color:#666;
    padding:3px 0;
    margin:0;
    font-size:85%;
}
#left-bar div.panel div.content ol li.active a {
    color:#008EFF;
}

#left-bar div.panel div.content {
	background: url(../img/nav/filter-bg-bottom.png) no-repeat left bottom;
    padding:5px 14px 12px 14px;
	position: relative;
	top: 33px;
}

#left-bar div.panel div.landing-content ol {
	padding: 10px 5px;
	margin-bottom: 0;
}

#left-bar div.panel div.landing-content ol li a {
	color: #008EFF;
}

#left-bar div.panel div.landing-content ol li {
    background:transparent url('../img/common/glyph_bullet_left.png') no-repeat 7px 4px;
    padding:0 5px 8px 22px;
	font-size: 100%;
	color: #008EFF;
}

#left-bar div.panel div.landing-content ol li.hr {
    background:transparent url('../img/common/glyph_bullet_left.png') no-repeat 7px 12px;
    border-top:solid 1px #cccccc;
    padding-top:8px;
}

#left-bar div.panel div.landing-content {
	padding: 0;
}



/* Right bar ****************/
#right-bar {
    float:right;
    width:234px;
}
#right-bar div.panel {
    padding-bottom:8px;
    width:234px;
}
#right-bar div.panel h3 {
    background:transparent url('../img/common/sprite_background_right.png') no-repeat left top;
    color:#fff;
    font-size:108%;
    height:23px;
    padding:9px 4px 0 11px;
    text-transform:uppercase;
    width:219px;
}
#right-bar div.panel h3 strong {
    color:#bed8ff;
    font-weight:bold;
}
#right-bar div.panel div.content {
    background:transparent url('../img/common/sprite_background_right.png') no-repeat left bottom;
    padding:10px 4px 14px 4px;
    overflow:hidden;
    width:226px;
}
#right-bar div.panel div.content div {
    padding:0 9px 10px 11px;
    overflow:hidden;
    width:206px;
}
#right-bar div.panel div.content div hr.dotted {
    border:0;
    border-bottom:dotted 1px #c4c3c3;
    height:0;
    margin:9px 0;
}
#right-bar div.panel div.content div p.bullet {
    background:transparent url('../img/common/glyph_bullet_right.png') no-repeat 0px 50%;
    border-top:dotted 1px #c4c3c3;
    clear:both;
    padding:6px 0 6px 18px;
}
#right-bar div.panel div.content div p.small {
    padding-bottom:6px;
}
#right-bar div.panel div.content div p.small span {
    color:#999;
}
#right-bar div.panel div.content div img.blog {
    float:left;
    margin:0 10px 9px 0;
}
#right-bar div.panel div.content div fieldset {
    margin-top:10px;
}
#right-bar div.panel div.content div fieldset input.textbox {
    border:solid 1px #999999;
    color:#777777;
    font-size:93%;
    margin-bottom:10px;
    padding:2px 3px;
    width:195px;
}
#right-bar div.panel div.content div input.submit {
    border:0;
    cursor:pointer;
    display:block;
    float:right;
    font-size:0px;
    height:20px;
    width:68px;
}
#right-bar div.panel div.content div a.enter-now {
    background:transparent url('../img/common/sprite_button_enter_now.png') no-repeat left top;
    border:0;
    cursor:pointer;
    display:block;
    float:right;
    font-size:0px;
    height:20px;
    width:98px;
}
#right-bar div.panel div.content div a.enter-now:hover {
    background-position:left bottom;
}
#right-bar div.panel div.content div a.enter-now span {
    display:block;
    height:0px;
    overflow:hidden;
    width:0px;
}
#right-bar div.panel div.content a.gradient-link {
    background:transparent url('../img/common/background_gradient_right_link.png') repeat-x left top;
    color:#666;
    display:block;
    font-size:93%;
    padding:7px 9px 0px 9px;
    width:208px;
}
#right-bar div.panel div.content div ul {
    overflow:hidden;
    width:206px;
}
#right-bar div.panel div.content div ul li {
    border-bottom:dotted 1px #c4c3c3;
    clear:both;
    margin-bottom:15px;
    overflow:hidden;
    padding-bottom:15px;
    width:205px;
}
#right-bar div.panel div.content div ul li:last-child {
    border-bottom:none;
    margin-bottom:0;
    padding-bottom:0;
}
#right-bar div.panel div.content div ul li img {
    float:left;
    margin-right:10px;
}
#right-bar div.panel div.content div ul li p {
    float:left;
    font-size:93%;
    width:125px;
}
#right-bar div.panel div.content div ul li p span {
    color:#666;
}

/* Bookshelf ****************/
#bookshelf {
    margin-bottom:15px;
    overflow:hidden;
    width:980px;
}
#bookshelf h2 {
    background:transparent url('../img/common/background_bookshelf_head.png') no-repeat left top;
    color:#333;
    font-size:138.5%;
    font-weight:bold;
    height:30px;
    padding:12px 4px 0 15px;
    text-transform:uppercase;
    width:961px;
}
#bookshelf div.content {
    background:transparent url('../img/common/background_bookshelf_body.png') no-repeat left top;
    height:290px;
    padding:0 4px;
    position:relative;
    width:972px;
}
#bookshelf div.content span.corner-left {
	background:transparent url('../img/common/bookshelf_corner_left.png') no-repeat left top;
	bottom:0px;
	display:block;
	height:16px;
	left:0px;
	position:absolute;
    width:19px;
	z-index:100;
}
#bookshelf div.content span.corner-right {
	background:transparent url('../img/common/bookshelf_corner_right.png') no-repeat left top;
	bottom:0px;
	display:block;
	height:16px;
	position:absolute;
	right:0px;
    width:19px;
	z-index:100;
}
#bookshelf div.scroller {
    overflow:hidden;
    padding-top:9px;
    position:relative;
    width:972px;
}
#bookshelf div.scroller ul {
    left:-202px;
    position:relative;
    width:100000px;
}
#bookshelf div.content a.browse {
    cursor:pointer;
    display:block;
    height:284px;
    position:absolute;
    top:2px;
    width:42px;
    z-index:20;
}
#bookshelf div.content a.browse:hover {
    background-position:left bottom;
}
#bookshelf div.content a.left {
    background:transparent url('../img/common/sprite_glyphs_bookshelf_left.png') no-repeat left top;
    left:4px;
}
#bookshelf div.content a.right {
    background:transparent url('../img/common/sprite_glyphs_bookshelf_right.png') no-repeat left top;
    right:4px;
}
#bookshelf div.scroller ul li {
    cursor:pointer;
    display:inline-block;
    float:left;
    margin:0 18px 0 0;
    height:277px;
    position:relative;
    width:261px;
}
#bookshelf div.scroller ul li a.image {
    cursor:pointer;
    display:block;
    height:277px;
    position:relative;
    width:261px;
}
#bookshelf div.scroller ul li a.image span {
    bottom:0px;
    display:block;
    font-size:0%;
    position:absolute;
    text-align:center;  
    width:261px;
}
#bookshelf div.scroller ul li a.image span img {
    background:transparent url('../img/common/background_gradient_bookself_shadow.png') repeat-x left bottom;
    display:block;
    margin:0 auto;
    padding:0 0 24px 0;
}
#bookshelf div.scroller ul li a.description {
    bottom:-9999px;
    color:#fff;
    display:block;
    left:-9999px;
    position:absolute;
    width:261px;
}
#bookshelf div.scroller ul li:hover a.description,
#bookshelf div.scroller ul li.hover a.description {
    bottom:0px;
    left:0px;
}
#bookshelf div.scroller ul li a.description:hover {
    text-decoration:none;
}
#bookshelf div.scroller ul li a.description span.content {
    background:transparent url('../img/common/background_bookshelf_hover_body.png') repeat-y left top;
    display:block;
    font-size:123.1%;
    font-weight:bold;
    padding:2px 18px 10px 18px;
    width:225px;
}
#bookshelf div.scroller ul li a.description span.content span {
    color:#000;
    font-size:81%;
    font-style:italic;
}
#bookshelf div.scroller ul li a.description span.top {
    background:transparent url('../img/common/background_bookshelf_hover_head.png') no-repeat left top;
    display:block;
    height:24px;
    width:261px;
}
#bookshelf div.scroller ul li a.description span.bottom {
    background:transparent url('../img/common/background_bookshelf_hover_shadow.png') repeat-x left top;
    display:block;
    height:16px;
    width:261px;
}

/* Scroller & Book Lists ****************/
#main div.panel h3 span.indicators {
    position:absolute;
    right:10px;
    top:7px;
}
#main div.panel h3 span.indicators a {
    background:transparent url('../img/common/sprite_glyphs_scroller_indicator.png') no-repeat 0px -10px;
    cursor:pointer;
    display:inline-block;
    height:10px;
    margin-left:2px;
    overflow:hidden;
    width:11px;
}
#main div.panel h3 span.indicators a.active {
    background-position:0px 0px;
}
#main div.panel div.scroller {
    overflow:hidden;
    padding-top:20px;
    position:relative;
    width:547px;
}
#main div.panel div.scroller-background {
    background:transparent url('../img/common/background_main_scroller.png') no-repeat 0px 30px;
}
#main div.panel div.scroller span.scroll-button {
    display:block;
    height:38px;
    position:absolute;
    top:72px;
    width:27px;
    z-index:20;
}
#main div.panel div.scroller span.left {
    background:transparent url('../img/common/sprite_glyphs_scroller_left.png') no-repeat 0px 0px;
    left:7px;
}
#main div.panel div.scroller span.right {
    background:transparent url('../img/common/sprite_glyphs_scroller_right.png') no-repeat 0px 0px;
    right:7px;
}
#main div.panel div.scroller span.active {
    background-position:0px -39px;
    cursor:pointer;
}
#main div.panel div.scroller span.active:hover {
    background-position:0px -78px;
}


#main div.panel div.scroller ul,
#main div.panel div.content ul.book-list,
div.full-panel div.content div.results div.section ul.book-list {
    overflow:hidden;
    padding:0 0 0 43px;
    position:relative;
    width:504px;
}
#main div.panel div.scroller ul.java {
    width:10000px;
}
#main div.panel div.scroller ul li,
#main div.panel div.content ul.book-list li,
div.full-panel div.content div.results div.section ul.book-list li {
    float:left;
    height:380px;       /*made bigger after receiving new images from titan */
    overflow:hidden;
    padding:0 0 10px 0;
    position:relative;
    margin-right:15px;
    width:143px;
}

#main div.panel div.content div.book-list {
	padding-top: 15px;
}

#main div.panel div.content div.book-list div.book-list-row {
    padding-left:45px;	
    background:url("../img/common/background_book_list_wide.png") no-repeat scroll -90px -120px transparent;
}

#main div.panel div.content div.book-list div.book-list-row div.book-list-item {
    float:left;
    height:380px;       /*made bigger after receiving new images from titan */
    overflow:hidden;
    padding:0 0 10px 0;
    position:relative;
    margin-right:15px;
    width:143px;

}

#main div.panel div.content div.book-list div.book-list-row div.book-list-item p {
	color: #777777;
	height: 125px;
}

#main div.panel div.content div.book-list div.book-list-row div.book-list-item p span.binding {
	color: #333333;
}

#main div.panel div.content div.book-list div.book-list-row div.book-list-item a.image {
	display: block;
	height: 250px;
	position: relative;
	margin-bottom: 10px;
	border-bottom: 1px solid #AAAAAA;
}

#main div.panel div.content div.book-list div.book-list-row div.book-list-item a.image img {
	position: absolute;
	bottom: 0;
	padding-bottom: 15px;
	background: url("../img/common/background_gradient_book_shadow.png") repeat-x scroll left bottom transparent;
	vertical-align: bottom;
}




#main div.panel div.scroller ul li.book-padded {
    margin-right:49px;
}

#main div.panel div.scroller ul li a.image,
#main div.panel div.content ul.book-list li a.image,
div.full-panel div.content div.results div.section ul.book-list li a.image {
    border-bottom:solid 1px #aaaaaa;
    display:block;
    height:238px;       /*made bigger after receiving new images from titan */
    margin-bottom:8px;
    overflow:hidden;
    position:relative;
    width:143px;
}
#main div.panel div.scroller ul li a.image span,
#main div.panel div.content ul.book-list li a.image span,
div.full-panel div.content div.results div.section ul.book-list li a.image span {
    bottom:0px;
    display:block;
    font-size:0%;
    position:absolute;
    text-align:center;  
    width:143px;
}
#main div.panel div.scroller ul li a.image img,
#main div.panel div.content ul.book-list li a.image img,
div.full-panel div.content div.results div.section ul.book-list li a.image img {
    background:transparent url('../img/common/background_gradient_book_shadow.png') repeat-x left bottom;
    padding-bottom:15px;
}
#main div.panel div.scroller ul li p span,
#main div.panel div.content ul.book-list li p span,
div.full-panel div.content div.results div.section ul.book-list li p span {
    color:#777;
    font-size:93%;
}

#main div.panel div.scroller ul li p span.binding,
#main div.panel div.content ul.book-list li p span.binding,
div.full-panel div.content div.results div.section ul.book-list li p span.binding {
	color: #333333;
}

#main div.panel div.content ul.book-list {
    background:transparent url('../img/common/background_book_list.png') repeat-y 0px -205px;
    margin-top:30px;
}
#main div.panel div.content ul.book-list li {
    padding:0 0 20px 0;
}

/* Scroller - Wide ****************/
#main.medium div.panel h3 span.indicators a {
    background:transparent url('../img/common/sprite_glyphs_scroller_wide_indicator.png') no-repeat 0px -10px;
    margin-left:2px;
}
#main.medium div.panel h3 span.indicators a.active {
    background-position:0px 0px;
}
#main div.panel div.scroller_wide {
    background:transparent url('../img/common/background_main_scroller_wide.png') no-repeat 0px 30px;
    width:729px
}
#main div.panel div.scroller_wide ul li {
    margin-right:23px;
}

/* Breadcrumb ****************/
#breadcrumb {
    overflow:hidden;
    height:20px;
    margin:0 auto;
    padding:2px 0;
    width:972px;
}
#breadcrumb a {
    background:transparent url('../img/common/background_pagination_right.png') no-repeat right top;
    color:#fff;
    display:inline-block;
    float:left;
    font-size:93%;
    height:17px;
    padding:3px 14px 0px 4px;
}
#breadcrumb a.home {
    background:transparent url('../img/common/background_pagination_home.png') no-repeat left top;
    padding:3px 4px 0px 10px;
}
#breadcrumb a.preactive {
    background:transparent url('../img/common/background_pagination_right_preactive.png') no-repeat right top;
    padding-right:14px;
}
#breadcrumb a.active {
    background:transparent url('../img/common/background_pagination_right_active.png') no-repeat right top;
    color:#2c2c2c;
    padding-right:14px;
}
#breadcrumb span.home-right {
    background:transparent url('../img/common/background_pagination_right.png') no-repeat right top;
    display:inline-block;
    float:left;
    height:20px;
    width:11px
}
#breadcrumb span.home-right-preactive {
    background:transparent url('../img/common/background_pagination_right_preactive.png') no-repeat right top;
    display:inline-block;
    float:left;
    height:20px;
    width:11px
}

/* Main ****************/
#main {
    float:left;
    width:575px;
}
#main div.panel {
    margin:0 auto;
    overflow:hidden;
    width:555px;
}
#main div.panel h3 {
    background:transparent url('../img/common/background_main_head.png') no-repeat left top;
    color:#333;
    font-size:108%;
    font-weight:bold;
    height:23px;
    overflow:hidden;
    padding:8px 11px 0px 14px;
    position:relative;
    text-transform:uppercase;
    width:530px;
}
#main div.panel h3.inline {
    background:transparent url('../img/common/background_main_head_inline.png') no-repeat left top;
    height:25px;
    padding:6px 11px 0px 14px;
    width:530px;
}
#main div.panel div.content {
    background:transparent url('../img/common/background_main_body.png') repeat-y left top;
    overflow:hidden;
    padding:0 4px;
    width:547px;
}
#main div.bottom {
    background:transparent url('../img/common/background_main_bottom.png') no-repeat left top;
    margin:0 auto;
    height:16px;
    width:555px;
}

/* Main - Medium ****************/
#main.medium {
    width:737px;
}
#main.medium div.panel {
    width:737px;
}
#main.medium div.panel h3 {
    background:transparent url('../img/common/background_main_medium_head.png') no-repeat left top;
    height:24px;
    padding:10px 11px 0px 14px;
    width:715px;
}
#main.medium div.panel h3.inline {
    background:transparent url('../img/common/background_main_medium_head_inline.png') no-repeat left top;
    height:24px;
    padding:8px 11px 0px 14px;
    width:715px;
}
#main.medium div.panel h3.inside {
    background:transparent url('../img/common/background_main_head_inside.png') no-repeat left top;
    clear:both;
    height:24px;
    padding:7px 11px 0px 14px;
    width:522px;
}
#main.medium div.panel div.content {
    background:transparent url('../img/common/background_main_medium_body.png') repeat-y left top;
    width:729px;
}
#main.medium div.bottom {
    background:transparent url('../img/common/background_main_medium_bottom.png') no-repeat left top;
    height:24px;
    width:737px;
}
#main.medium div.black h3 {
    background:transparent url('../img/common/background_main_medium_head_black.png') no-repeat left top;
    color:#b7b7b7;
    height:27px;
    padding:10px 4px 0 20px;
    width:713px;
}
#main.medium div.black div.content {
    background:transparent url('../img/common/background_main_medium_body_black.png') repeat-y left top;
}
#main.medium div.bottom_black {
    background:transparent url('../img/common/background_main_medium_bottom_black.png') no-repeat left top;
    height:22px;
    width:737px;
}

/* Main - Full panel ****************/
div.full-panel {
    margin:0 auto;
    overflow:hidden;
    width:980px;
}
div.full-panel h3 {
    background:transparent url('../img/common/background_main_full_head.png') no-repeat left top;
    color:#333;
    font-size:108%;
    font-weight:bold;
    height:23px;
    padding:9px 11px 0px 14px;
    text-transform:uppercase;
    width:958px;
}
div.full-panel div.content {
    background:transparent url('../img/common/background_main_full_body.png') repeat-y left top;
    overflow:hidden;
    padding:0 4px;
    width:972px;
}
div.full-panel-bottom {
    background:transparent url('../img/common/background_main_full_bottom.png') no-repeat left top;
    height:19px;
    margin:0 auto;
    width:980px;
}

/* Main - Content ****************/
#main div.panel div.content p {
    margin-bottom: 1.5em;
}
#main div.panel div.content div.gradient {
    background:transparent url('../img/common/background_gradient_right_link.png') repeat-x left top;
    clear:both;
    display:block;
    font-size:93%;
    text-align:right;
    padding:10px 20px 5px 0px;
}

/* Main - Grid ****************/
#main div.panel div.content ul.grid {
    overflow:hidden;
}
#main div.panel div.content ul.grid li {
    float:left;
    margin:20px 14px 10px 14px;
    width:245px;
}
#main div.panel div.content ul.grid a.main {
    font-size:138.5%;
}
#main div.panel div.content ul.grid p.dotted {
    border-top:dotted 1px #b7b7b7;
    color:#666;
    font-style:italic;
    padding-top:5px;
}

/* Main - List ****************/
#main div.panel div.content ul.list {
    padding:12px 24px 25px 10px;
}
#main div.panel div.content ul.list li {
    border-bottom:dotted 1px #b7b7b7;
    clear:both;
    overflow:hidden;
    padding:8px 10px;
    width:493px;
}
#main div.panel div.content ul.list li:nth-child(even) {
    background-color:#efefef;
}
#main div.panel div.content ul.list li.even {
    background-color:#efefef;
}
#main div.panel div.content ul.list a img {
    float:left;
    margin-right:8px;
}
#main div.panel div.content ul.list a.main {
    font-size:138.5%;
}
#main div.panel div.content ul.list em {
    color:#666;
    font-size:123.1%;
    position:absolute;
    right:0px;
}
#main div.panel div.content ul.list p {
    float:left;
    position:relative;
    width:380px;
}
#main div.panel div.content ul.list p.summary {
    color:#464646;
    font-size:108%;
    width:260px;
}

/* Main - Filter ****************/
#main div.panel div.content div.filter {
    border-bottom:dotted 1px #c4c3c3;
    color:#333;
    font-size:93%;
    padding:10px;
    position:relative;
}
#main div.panel div.content div.filter label {
    padding-right:5px;
}
#main div.panel div.content div.filter div.display {
    position:absolute;
    right:15px;
    top:10px;
}
#main div.panel div.content div.filter div.display a {
    display:block;
    float:left;
    height:20px;
    margin-left:8px;
    width:20px;
}
#main div.panel div.content div.filter div.display span {
    display:block;
    height:0px;
    overflow:auto;
    width:0px;
}
#main div.panel div.content div.filter div.display a.grid {
    background:transparent url('../img/common/sprite_display_grid.png') no-repeat left top;
}
#main div.panel div.content div.filter div.display a.list {
    background:transparent url('../img/common/sprite_display_list.png') no-repeat left top;
}
#main div.panel div.content div.filter div.display a.active {
    background-position:left bottom;
}
#main div.panel div.content div.filter p.view-all {
    color:#666666;
    float:right;
    padding:4px 3px 0 0;
    text-align:right;
    width:175px;
}
#main div.panel div.content div.filter p.view-all a {
    color:#666666;
    padding-left:8px;
    text-decoration:underline;
}

/* Main - Pagination ****************/

 

 

div.extra-paging {

    clear:both;

    display:block;

    font-size:93%;

    text-align:right;

    padding:10px 20px 5px 0px;

 

 

}

 

 

div.pagination {

    color:#666;

 

}

div.pagination a {

    padding:0 1px;

}

div.pagination a.prev {

    background:transparent url('../img/common/glyph_pagination_prev.png') no-repeat left 50%;

    color:#666;

    padding:0 10px 0 11px;

}

div.pagination a.next {

    background:transparent url('../img/common/glyph_pagination_next.png') no-repeat right 50%;

    color:#666;

    padding:0 11px 0 10px;

}

div.pagination a.active {

    color:#333;

}

div.pagination p.view-all {

    color:#666666;

    float:left;

    padding-left:25px;

    text-align:left;

    width:175px;

}

div.pagination p.view-all a {

    color:#666666;

    padding-left:8px;

    text-decoration:underline;

}

/* Main - AZ ****************/
#main div.panel div.content  ul.letters {
    overflow:hidden;
    padding:15px 8px 0px 8px;
}
#main div.panel div.content ul.letters li {
    color:#b9b8b8;
    float:left;
    font-size:138.5%;
    text-align:center;
    text-transform:uppercase;
    width:23px;
}
#main div.panel div.content ul.letters li.active {
    background-color:#008EFF;
}
#main div.panel div.content ul.letters li.active a {
    color:#fff;
}
#main div.panel div.content h4.letter {
    border-bottom:solid 1px #2c2c2c;
    clear:both;
    color:#008EFF;
    font-size:212%;
    font-weight:bold;
    margin-top:30px;
    padding-left:10px;
}
#main div.panel div.content div.az-filter {
    border-bottom:dotted 1px #c4c3c3;
    font-size:93%;
    margin-bottom:18px;
    padding:10px;
}
#main div.panel div.content div.az-filter p {
    color:#898989;
    margin:5px 0;
}
#main div.panel div.content div.az-filter p strong {
    color:#333;
}
#main div.panel div.content div.az-filter p a {
    color:#898989;
    padding:0 5px;
    text-decoration:underline;
}
#main div.panel div.content div.az-filter p a.active {
    color:#333;
    font-weight:bold;
    text-decoration:none;
}
#main div.panel div.content div.az-list {
    margin:0 0 18px 10px;
    width:695px;
}
#main div.panel div.content div.az-list h5 {
    border-bottom:solid 1px #959595;
    color:#2c2c2c;
    font-size:108%;
    font-weight:bold;
    margin-bottom:5px;
    padding-bottom:3px;
}
#main div.panel div.content div.az-list ul {
    overflow:hidden;
    
    -moz-column-count:3;
    -webkit-column-count:3;
}
#main div.panel div.content div.az-list ul li {
    font-size:93%;
    padding:0 0 12px 2px;
}

/* Main - Blog Hero ****************/
#blog-hero {
    background:transparent url('../img/common/background_blog_hero.png') no-repeat left top;
    height:333px;
    margin-bottom:15px;
    margin-top:10px;
    overflow:hidden;
    width:980px;
}
#blog-hero * {
    outline:0;
}
#blog-hero ul {
    overflow:hidden;
    position:relative;
    width:980px;
}
#blog-hero ul li {
    overflow:hidden;
    width:980px;
}
#blog-hero ul li div.content {
    left:28px;
    overflow:hidden;
    position:absolute;
    top:22px;
    width:705px;
}
#blog-hero ul li div.content div.text {
    border-bottom:solid 1px #9e9ea2;
    height:284px;
    float:left;
    width:222px;
}
#blog-hero ul li div.content div.text h3 {
    border-bottom:solid 1px #9e9ea2;
    font-size:108%;
    font-weight:bold;
    margin-bottom:10px;
    padding-bottom:3px;
    text-transform:uppercase;
}
#blog-hero ul li div.content div.text h2 {
    font-size:215%;
    font-weight:bold;
    line-height:100%;
    margin-bottom:12px;
}
#blog-hero ul li div.content div.text p {
    font-size:108%;
    width:210px;
}
#blog-hero ul li div.content a.image {
    float:right;
}
#blog-hero ul li a.thumb {
    background:transparent url('../img/common/sprite_blog_hero.png') no-repeat left bottom;
    color:#fff;
    display:block;
    float:right;
    font-size:116%;
    font-weight:bold;
    height:112px;
    padding:0 1px 0 15px;
    position:relative;
    width:213px;
}
#blog-hero ul li a.first {
    background:transparent url('../img/common/sprite_blog_hero_top.png') no-repeat left bottom;
    height:110px;
}
#blog-hero ul li a.last {
    background:transparent url('../img/common/sprite_blog_hero_bottom.png') no-repeat left bottom;
    height:110px;
}
#blog-hero ul li a.active {
    background-position:left top;
}
#blog-hero ul li a.thumb span {
    display:block;
    float:left;
    width:120px;
}
#blog-hero ul li a.thumb span.indicator {
    background:transparent url('../img/common/glyph_blog_hero_indicator.png') no-repeat left top;
    height:31px;
    left:-15px;
    position:absolute;
	display: none;
    /*top:40px;*/
    width:16px;
}

#blog-hero ul li a.active span.indicator {
	display: block;
}


#blog-hero ul li a.thumb img {
    float:left;
    margin-right:10px;
    width:68px;
}

/* Main - Blog Archive ****************/
#main div.panel div.content div.archive {
    float:right;
    margin:18px 20px 0 0;
    width:145px;
}
#main div.panel div.content div.archive {
    float:right;
    margin:18px 20px 0 0;
    width:145px;
}
#main div.panel div.content div.archive h4 {
    color:#333;
    font-size:93%;
    font-weight:bold;
    margin-bottom:20px;
    text-transform:uppercase;
}
#main div.panel div.content div.archive ul li a {
    background:transparent url('../img/common/glyph_indicator_blog_archive.png') no-repeat 3px 3px;
    color:#494848;
    display:block;
    font-size:108%;
    font-weight:bold;
    margin-bottom:8px;
    padding-left:15px;
}
#main div.panel div.content div.archive ul li.active a {
    background:transparent url('../img/common/glyph_indicator_blog_archive_active.png') no-repeat left 5px;
}
#main div.panel div.content div.archive ul li ul {
    display:none;
}
#main div.panel div.content div.archive ul li.active ul {
    display:block;
    padding-bottom:10px;
}
#main div.panel div.content div.archive ul li.active ul li a {
    background:transparent url('../img/common/glyph_indicator_blog_archive.png') no-repeat 3px 3px;
    font-weight:normal;
    font-size:93%;
}
#main div.panel div.content div.archive ul li.active ul li.active a {
    background:transparent url('../img/common/glyph_indicator_blog_archive_active.png') no-repeat left 5px;
    font-weight:normal;
    font-size:93%;
}
#main div.panel div.content div.archive ul li.active ul li ul {
    display:none;
}
#main div.panel div.content div.archive ul li.active ul li.active ul {
    display:block;
    padding-bottom:10px;
}
#main div.panel div.content div.archive ul li.active ul li.active ul li a {
    background:0;
    color:#777;
    padding-left:18px;
}
#main div.panel div.content div.archive ul li.active ul li.active ul li a.active {
    color:#008EFF;
}

/* Main - Blog & Competitions ****************/
#main div.panel h3 a.rss {
    background:transparent url('../img/common/glyph_rss.png') no-repeat right top;
    color:#333;
    font-weight:bold;
    margin:0 8px 0 0;
    padding-right:25px;
    position:absolute;
    right:10px;
}
#main div.panel div.content div.posts,
#main div.panel div.content div.competitions,
#main div.panel div.content div.blog-entry,
#main div.panel div.content div.competition-entry {
    border-right:solid 1px #d7d9d9;
    float:left;
    margin-top:18px;
    padding:0 0 0 18px;
    width:529px;
}
#main div.panel div.content div.posts div.post,
#main div.panel div.content div.competitions div.competition {
    overflow:hidden;
    margin:0 10px 24px 0;
    position:relative;
    width:519px;
}
#main div.panel div.content div.posts div.post div,
#main div.panel div.content div.competitions div.competition div,
#main div.panel div.content div.blog-entry div,
#main div.panel div.content div.competition-entry div {
    overflow:hidden;
    position:relative;
}
#main div.panel div.content div.posts div.post div a.main,
#main div.panel div.content div.competitions div.competition div a.main,
#main div.panel div.content div.blog-entry div a.main,
#main div.panel div.content div.competition-entry div a.main {
    font-size:182%;
    font-weight:bold;
}
#main div.panel div.content div.posts div.post div a.comments,
#main div.panel div.content div.competitions div.competition div a.comments,
#main div.panel div.content div.blog-entry div a.comments,
#main div.panel div.content div.competition-entry div a.comments {
    background:transparent url('../img/common/background_blog_comments.png') no-repeat right top;
    color:#fff;
    display:block;
    font-size:138.5%;
    font-weight:bold;
    height:32px;
    padding-top:3px;
    position:absolute;
    right:0px;
    top:0px;
    text-align:center;
    width:29px;
}
#main div.panel div.content div.posts div.post div p.author,
#main div.panel div.content div.competitions div.competition div p.author,
#main div.panel div.content div.blog-entry div p.author,
#main div.panel div.content div.competition-entry div p.author {
    font-size:93%;
    margin-bottom:15px;
}
#main div.panel div.content div.posts div.post div p.author a,
#main div.panel div.content div.competitions div.competition div p.author a,
#main div.panel div.content div.blog-entry div p.author a,
#main div.panel div.content div.competition-entry div p.author a {
    color:#333;
    font-weight:bold;
    text-decoration:underline;
}
#main div.panel div.content div.posts div.post div p.summary,
#main div.panel div.content div.competitions div.competition div p.summary {
    color:#464646;
    font-size:108%;
    width:480px;
}
#main div.panel div.content div.posts div.post div p.summary a,
#main div.panel div.content div.competitions div.competition div p.summary a {
    white-space:nowrap;
}
#main div.panel div.content div.posts div.post div p.summary a img,
#main div.panel div.content div.competitions div.competition div p.summary a img {
    float:left;
    margin:0 15px 5px 0;
}
#main div.panel div.content div.posts div.post div.tags
#main div.panel div.content div.blog-entry div.tags {
    border-top:dotted 1px #dbdbdb;
    border-bottom:solid 1px #bbbbbb;
    clear:both;
    margin-top:10px;
}
#main div.panel div.content div.posts div.post div.tags p
#main div.panel div.content div.blog-entry div.tags p {
    font-size:93%;
    padding:8px 0;
}
#main div.panel div.content div.posts div.pagination {
    font-size:93%;
    padding-top:8px;
    text-align:right;
}

/* Main - Competitions ****************/
#main div.panel div.content div.competitions {
    border-right:0;
    width:680px;
}
#main div.panel div.content div.competitions div.competition {
    border-bottom:solid 1px #bbbbbb;
    margin-bottom:15px;
    margin-right:0;
    padding-bottom:20px;
    width:680px;
}
#main div.panel div.content div.competitions div.competition div p.closing {
    font-size:93%;
    margin-bottom:15px;
}
#main div.panel div.content div.competitions div.competition div p.summary {
    width:555px;
}
#main div.panel div.content div.competitions div.competition div a.enter-now {
    background:transparent url('../img/common/sprite_button_read_more.png') no-repeat left top;
    color:#fff;
    display:inline-block;
    font-size:85%;
    font-weight:bold;
    height:22px;
    margin-top:5px;
    padding-top:6px;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    width:103px;
}
#main div.panel div.content div.competitions div.competition div a.enter-now:hover {
    background:transparent url('../img/common/sprite_button_read_more.png') no-repeat left bottom;
}

/* Main - Blogs ****************/
#main div.panel div.content div.posts div.post,
#main div.panel div.content div.competitions div.competition {
    border-bottom:solid 1px #bbbbbb;
    margin:0 10px 14px 0;
    padding-bottom:10px;
}

/* Main - Blog Entry & Competition Entry ****************/
#main div.panel div.content div.blog-entry,
#main div.panel div.content div.blog-entry {
    padding-left:0;
    width:547px;
}
#main div.panel div.content div.blog-entry div.blog-content,
#main div.panel div.content div.blog-entry div.blog-content {
    margin:0 10px 0 18px;
    width:519px;
}
#main div.panel div.content div.blog-entry div a.view-all {
    color:#464646;
    display:block;
    font-size:85%;
    font-weight:bold;
    margin-bottom:28px;
}
#main div.panel div.content div.blog-entry div a.view-all span {
    color:#008EFF;
}
#main div.panel div.content div.blog-entry div p.big,
#main div.panel div.content div.competition-entry div p.big {
    color:#464646;
    margin-bottom:15px;
    width:505px;
}
#main div.panel div.content div.blog-entry div p.big strong {
    color:#23272b;
}
#main div.panel div.content div.blog-entry div.tags {
    border-top:solid 1px #bbbbbb;
    margin:10px 10px 0 18px;
    padding:10px 0 50px;
}
#main div.panel div.content div.blog-entry div.tags p {
    margin-bottom:15px;
}
#main div.panel div.content div.blog-entry div.tags a.email {
    margin-left:8px;
}
#main div.panel div.content div.blog-entry div.controls,
#main div.panel div.content div.competition-entry div.controls {
    border-bottom:solid 1px #bbbbbb;
    margin:0 10px 18px 18px;
    overflow:hidden;
    padding-bottom:3px;
    width:519px;
}
#main div.panel div.content div.blog-entry a.email,
#main div.panel div.content div.competition-entry a.email,
#main.medium div.panel div.product div.details a.email {
    background:transparent url('../img/common/glyph_mail.png') no-repeat left 50%;
    color:#b0b0b0;
    font-size:77%;
    font-weight:bold;
    padding-left:20px;
    position:relative;
    text-transform:uppercase;
    top:-2px;
}
#main div.panel div.content div.blog-entry div.controls a.email,
#main div.panel div.content div.competition-entry div.controls a.email {
    margin-right:8px;
}
#main div.panel div.content div.blog-entry div.controls span {
    color:#666666;
    float:right;
    font-size:77%;
    padding-top:3px;
}
#main div.panel div.content div.blog-entry div.controls span a.next-blog {
    background:transparent url('../img/common/glyph_next.png') no-repeat right 2px;
    color:#666666;
    padding:0 10px 0 4px;
}
#main div.panel div.content div.blog-entry div.controls span a.prev-blog {
    background:transparent url('../img/common/glyph_prev.png') no-repeat left 2px;
    color:#666666;
    padding:0 4px 0 10px;
}
#main div.panel div.content div.blog-entry div.comments {
    margin-left:23px;
    width:520px;
}
#main div.panel div.content div.blog-entry div.comments p.dotted {
    border-bottom:dotted 1px #b7b7b7;
    font-size:93%;
    padding:10px 0 8px;
}
#main div.panel div.content div.blog-entry div.comments p.dotted a {
    color:#636161;
    text-decoration:underline;
}
#main div.panel div.content div.blog-entry div.comments div.comment {
    border-bottom:dotted 1px #b7b7b7;
    overflow:hidden;
    padding:20px 3px;
    width:514px;
}
#main div.panel div.content div.blog-entry div.comments div.comment span.details {
    display:block;
    float:left;
    font-size:93%;
    width:100px;
}
#main div.panel div.content div.blog-entry div.comments div.comment span.details span.light {
    color:#666;
}
#main div.panel div.content div.blog-entry div.comments div.comment p {
    background:transparent url('../img/common/background_blog_comment.png') no-repeat left 7px;
    float:right;
    padding-left:29px;
}
#main div.panel div.content div.blog-entry div.comments div.comment p span {
    background-color:#e5f6ff;
    color:#aaa;
    display:block;
    font-size:93%;
    padding:17px 20px 17px 20px;
    width:338px;
}
#main div.panel div.content div.blog-entry div.comments p.comment {
    color:#666;
    font-size:93%;
    padding-top:18px;
}
#main div.panel div.content div.blog-entry div.comments fieldset {
    background-color:#f0f0f0;
    overflow:hidden;
    padding:14px 17px;
}
#main div.panel div.content div.blog-entry div.comments fieldset textarea {
    border:solid 1px #b4b4b4;
    height:93px;
    margin-bottom:10px;
    width:480px;
}
#main div.panel div.content div.blog-entry div.comments fieldset input.submit {
    border:0;
    color:#fff;
    cursor:pointer;
    display:block;
    float:right;
    font-size:85%;
    font-weight:bold;
    height:28px;
    text-transform:uppercase;
    width:142px;
}

/* Main - Competition Entry ****************/
#main div.panel div.content div.competition-list {
    float:left;
    margin-top:18px;
    padding-left:15px;
    width:138px;
}
#main div.panel div.content div.competition-list h4 {
    color:#333;
    font-size:93%;
    font-weight:bold;
    margin-bottom:15px;
    text-transform:uppercase;
}
#main div.panel div.content div.competition-list ul li {
    margin-bottom:8px;
    width:110px;
}
#main div.panel div.content div.competition-list ul li a {
    color:#777777;
    font-size:85%;
    text-decoration:underline;
}
#main div.panel div.content div.competition-list ul li.active a {
    color:#008EFF;
    text-decoration:none;
}
#main div.panel div.content div.competition-entry {
    border-left:solid 1px #bbbbbb;
    border-right:0;
    float:right;
    margin-right:25px;
    padding-bottom:20px;
}
#main div.panel div.content div.competition-entry div.competition-content img {
    margin-bottom:10px;
}
#main div.panel div.content div.competition-entry div.controls {
    margin-left:0;
    margin-right:0;
}
#main div.panel div.content div.competition-entry fieldset {
    background-color:#f0f0f0;
    color:#404040;
    font-size:93%;
    margin-bottom:12px;
    padding:20px 30px;
}
#main div.panel div.content div.competition-entry fieldset input.radio {
    margin:0 5px 8px 0;
}
#main div.panel div.content div.competition-entry fieldset p {
    color:#777;
    margin-top:12px;
}
#main div.panel div.content div.competition-entry fieldset input.textbox {
    border:solid 1px #bbb;
    margin-right:5px;
    padding:2px 0;
    width:170px;
}
#main div.panel div.content div.competition-entry fieldset input.submit {
    border:0;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-weight:bold;
    height:27px;
    position:relative;
    top:9px;
    text-transform:uppercase;
    width:82px;
}
#main div.panel div.content div.competition-entry a.addthis_button {
    margin-right:8px;
}

/* Main - Blog Entry ****************/
#main div.panel div.content div.blog-entry div.blog-content p {
    font-size:108%;
    line-height:150%;
}

/* Main - Search ****************/
div.full-panel div.content div.result-filter {
    float:left;
    padding:25px 0 0 20px;
    width:162px;
}
div.full-panel div.content div.result-filter h4,
div.full-panel div.content div.results h4 {
    font-size:93%;
    font-weight:bold;
    margin-bottom:12px;
    text-transform:uppercase;
}
div.full-panel div.content div.results h4 {
    margin-left:60px;
}
div.full-panel div.content div.result-filter a {
    display:block;
    font-weight:bold;
    margin-bottom:8px;
}
div.full-panel div.content div.results {
    float:left;
    padding:25px 0 0 0;
    position:relative;
    width:736px;
}
div.full-panel div.content div.results div.section {
    margin-bottom:30px;
    overflow:hidden;
    padding-left:60px;
    width:618px;
}
div.full-panel div.content div.results div.books {
    margin-bottom:5px;
    padding-left:0px;
    width:736px;
}
div.full-panel div.content div.results div.section h5 {
    border-bottom:solid 1px #bbbbbb;
    font-size:161.6%;
    font-weight:bold;
    margin-bottom:15px;
    text-transform:uppercase;
}
div.full-panel div.content div.results div.books h5 {
    margin-left:60px;
    width:618px;
}
div.full-panel div.content div.results div.section h5 span {
    float:right;
    font-size:57%;
    font-weight:normal;
    padding-top:7px;
    text-transform:none;
}
div.full-panel div.content div.results div.section h5 span a {
    text-decoration:underline;
}
div.full-panel div.content div.results div.section ul.book-list {
    background:url("../img/common/background_book_list_wide.png") repeat-y scroll 0 -205px transparent;
    padding-left:60px;
    width:736px;
}
div.full-panel div.content div.results div.section ul.book-list li {
    padding-bottom:25px;
}
div.full-panel div.content div.results div.section ul.book-list li:nth-child(4n) {
    margin-right:0px;
}

div.full-panel div.content div.results div.section a.big {
    display:block;
    font-size:123.1%;
    margin-bottom:10px;
}
div.full-panel div.content div.results div.section div.blog {
    border-bottom:solid 1px #bbbbbb;
    margin-bottom:18px;
    width:618px;
}
div.full-panel div.content div.results div.section div.blog:last-child {
    border-bottom:0;
    margin-bottom:0;
}
div.full-panel div.content div.results div.section div.blog p {
    margin-bottom:10px;
    width:475px;
}
div.full-panel div.content div.results div.section div.blog p a {
    color:#333;
    text-decoration:underline;
}

/* Main - Product ****************/
#main.medium div.panel div.top {
    background:transparent url('../img/common/background_main_top.png') no-repeat left top;
    height:12px;
    width:737px;
}
#main.medium div.panel div.product {
    background:transparent url('../img/common/background_product.png') no-repeat -90px 98px;
    padding:13px 18px 0;
    width:693px;
}
#main.medium div.panel div.product div.images {
    float:left;
    overflow:hidden;
    width:315px;
}
#main.medium div.panel div.product div.images img.main {
    background:transparent url('../img/common/background_gradient_book_shadow.png') repeat-x left bottom;
    display:block;
    margin:0 auto 40px;
    padding-bottom:15px;
}
#main.medium div.panel div.product div.images span.inside {
    background:transparent url('../img/common/background_look_inside.png') repeat-x left top;
    color:#fff;
    display:block;
    float:left;
    font-size:85%;
    height:39px;
    padding:6px 0 0 8px;
    position:relative;
    text-transform:uppercase;
    top:-20px;
    width:49px;
}
#main.medium div.panel div.product div.images ul {
    position:relative;
    top:-20px;
}
#main.medium div.panel div.product div.images ul li {
   float:left;
   margin-right:2px;
}
#main.medium div.panel div.product div.images ul li a {
   display:block;
   padding:0 0 10px 5px;
   width:54px;
}
#main.medium div.panel div.product div.images ul li a img {
   width:59px;
}
#main.medium div.panel div.product div.details {
    float:right;
    width:345px;
}
#main.medium div.panel div.product div.details div.social {
    overflow:hidden;
    text-align:right;
}
#main.medium div.panel div.product div.details div.social a {
    margin-left:10px;
}
#main.medium div.panel div.product div.details div.border {
    border-bottom:dotted 1px #bbb;
    border-top:dotted 1px #bbb;
    margin:5px 0;
    padding-bottom:5px;
    position:relative;
    z-index:20;
}
#main.medium div.panel div.product div.details div.border span.adult-only {
    background:transparent url('../img/common/glyph_adult_only.png') no-repeat left bottom;
    height:55px;
    float:left;
    display:block;
    margin-right:8px;
    width:42px;
}
#main.medium div.panel div.product div.details div.border span.limited-edition {
    background:transparent url('../img/common/glyph_limited_edition.png') no-repeat left bottom;
    height:60px;
    float:left;
    display:block;
    width:55px;
}
#main.medium div.panel div.product div.details div.border span.limited-edition span,
#main.medium div.panel div.product div.details div.border span.adult-only span {
    display:block;
    height:0px;
    overflow:hidden;
    width:0px;
}
#main.medium div.panel div.product div.details div.border h1 {
    clear:both;
    font-size:215%;
    font-weight:bold;
    line-height:80%;
    padding-top:20px;
    margin:0 0 5px;
}
#main.medium div.panel div.product div.details div.border h1 span {
    color:#666666;
    font-size:64%;
    font-weight:bold;
}
#main.medium div.panel div.product div.details div.border div.author {
    display:inline-block;
    padding:0 3px 6px 0;
    position:relative;
}
#main.medium div.panel div.product div.details div.border div.author a.glyph {
    background:transparent url('../img/common/glyph_product_more_info.png') no-repeat right 4px;
    font-style:italic;
    padding-right:16px;
}
#main.medium div.panel div.product div.details div.border div.author div {
    background-color:#00a2ea;
    display:none;
    right:0px;
    padding:12px 10px;
    position:absolute;
    top:17px;
    width:230px;
    z-index:10;
    
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
}
#main.medium div.panel div.product div.details div.border div.author:hover div {
    display:block;
}
#main.medium div.panel div.product div.details div.border div.author_hover div {
    display:block;
}
#main.medium div.panel div.product div.details div.border div.author div p {
    color:#fff;
}
#main.medium div.panel div.product div.details div.border div.author div a {
    border-top:dotted 1px #fff;
    color:#fff;
    display:block;
    padding-top:3px;
}
#main.medium div.panel div.product div.details div.border p.reviews {
    color:#666666;
    font-size:93%;
    margin-top:20px;
}
#main.medium div.panel div.product div.details a.buy {
    background:transparent url('../img/common/background_button_buy_now.png') no-repeat left top;
    color:#fff;
    display:inline-block;
    font-weight:bold;
    height:28px;
    padding:6px 0 0 35px;
    text-transform:uppercase;
    width:79px;
}
#main.medium div.panel div.additional-details {
    background:transparent url('../img/common/background_gradient_product_details.png') repeat-x left top;
    clear:both;
    overflow:hidden;
    padding:0 18px;
}
#main.medium div.panel div.additional-details h4 {
    border-bottom:solid 1px #bcbcbc;
    font-size:108%;
    font-weight:bold;
    margin:20px 0 8px;
    padding-bottom:3px;
    text-transform:uppercase;
}
#main.medium div.panel div.additional-details p {
    margin-bottom:15px;
    width:495px;
}
#main.medium div.panel div.additional-details div.small p {
    width:500px;
}
#main.medium div.panel div.additional-details ul {
    overflow:hidden;
    width:420px;
}
#main.medium div.panel div.additional-details ul li {
    float:left;
    font-size:93%;
    margin:0 20px 8px 0;
    width:190px;
}
#main.medium div.panel div.additional-details p.small {
    color:#5e5858;
}
#main.medium div.panel div.additional-details p.small a {
    font-weight:bold;
}
#main.medium div.panel div.copy {
    border-top:dotted 1px #bbb;
    clear:both;
    margin:10px 18px;
    overflow:hidden;
    padding-top:4px;
}
#main.medium div.panel div.copy p {
    color:#5e5858;
    font-size:85%;
}
#main.medium div.panel div.more-info {
    background-color:#f7f7f7;
    border:solid 1px #dfdbdb;
    float:right;
    margin:20px 0 0 0;
    padding:11px;
    width:200px;
}
#main.medium div.panel div.more-info h4 {
    border-bottom:dotted 1px #bcbcbc;
    font-size:108%;
    font-weight:bold;
    margin:0 0 8px;
    padding-bottom:3px;
    text-transform:uppercase;
}
#main.medium div.panel div.more-info h5 {
    border-bottom:dotted 1px #bcbcbc;   
    font-size:93%;
    font-weight:bold;
    margin:15px 0 2px;
    padding-bottom:3px;
    text-transform:uppercase;
}
#main.medium div.panel div.more-info div.video {
    border-bottom:dotted 1px #bcbcbc;
    font-size:93%;
    padding-bottom:3px;
}
#main.medium div.panel div.more-info div.video img {
    padding-top:3px;
}
#main.medium div.panel div.more-info a.toggle {
    color:#666;
    display:block;
    font-size:93%;
    padding-top:3px;
    text-align:right;
}
#main.medium div.panel div.more-info ul {
    width:200px;
}
#main.medium div.panel div.more-info ul li {
    background:transparent url('../img/common/glyph_product_bullet.png') no-repeat left 7px;
    border-bottom:dotted 1px #bcbcbc;
    float:none;
    font-size:93%;
    margin:0;
    padding:5px 45px 5px 22px;
    width:133px;
}
#main.medium div.panel div.more-details {
    width:693px;
}
#main.medium div.panel div.more-details {
    width:440px;
}
#main.medium div.panel div.additional-details div.more-details p {
    width:420px;
}
#main.medium div.panel div.review {
    border-bottom:dotted 1px #b7b7b7;
    color:#f9f9f9;
    margin-left:18px;
    overflow:hidden;
    padding:30px 0;
    width:680px;
}
#main.medium div.panel div.review p {
    color:#f9f9f9;
}
#main.medium div.panel div.review div.author {
    float:left;
    padding-right:35px;
    width:150px;
}
#main.medium div.panel div.review div.author h4 {
    font-size:123.1%;
    font-weight:bold;
    margin-bottom:5px;
}
#main.medium div.panel div.review p.review {
    float:left;
    font-size:108%;
    width:460px;
}

/* Home - Panels ****************/
#main div.panel div.content div.home-1 {
    padding:45px 0 50px 30px;
    position:relative;
    width:517px;
	min-height: 200px;
}
#main div.panel div.content div.home-1 p.details {
    color:#666;
    margin-bottom:15px;
    position:relative;
    width:140px;
    z-index:10;
}
#main div.panel div.content div.home-1 p.details a {
    font-size:136%;
    font-weight:bold;
}
#main div.panel div.content div.home-1 p.summary {
    color:#666;
    position:relative;
    width:190px;
    z-index:10;
}
#main div.panel div.content div.home-1 a.image {
    right:0px;
    position:absolute;
    top:0px;
    z-index:5;
}
#main div.panel div.content div.home-2 {
    background:transparent url('../img/common/background_home_panel.png') no-repeat left 100px;
    overflow:hidden;
    width:547px;
}
#main div.panel div.content div.home-2 div {
    float:left;
    margin:22px 0 0 20px;
    overflow:hidden;
    position:relative;
    width:250px;
}
#main div.panel div.content div.home-2 div span.new
{
   color:#ff328c;
   display:block;
   margin-bottom:5px;
   font-weight:bold;
   position:absolute;
   left:145px;
   top:15px;
   text-transform:uppercase;
}

#main div.panel div.content div.home-2 div span.binding {
	display: block;
	margin-top: 10px;
	color: #333333;
}

#main div.panel div.content div.home-1 span.new {
   color:#ff328c;
   display:block;
   margin-bottom:5px;
   font-weight:bold;
   text-transform:uppercase;
}

#main div.panel div.content div.home-1 span.binding {
	display: block;	
    font-weight: normal;	
	margin-top: 10px;
	color: #333;
}


#main div.panel div.content div.home-2 div p {
    position:absolute;
    right:10px;
    top:35px;
    width:95px;
	color: #777777;
}
#main div.panel div.content div.home-2 div p a {
   font-weight:bold;
}

/* Content - Content Section ****************/
#content div.content div.contentSection {
    padding:20px 18px 10px;
}
#content div.content div.contentSection p {
    margin-bottom:10px;
    width:90%;
}

/* Footer ****************/
#footer div.container {
    width:970px;
    margin:0 auto;
}
#footer div.content-wide {
    background:transparent url('../img/common/separator_footer.png') no-repeat right top;
    float:left;
    margin-right:17px;
    width:360px;
}
#footer div.content {
    float:left;
    width:216px;
}
#footer div.content-wide h3,
#footer div.content h3 {
    border-bottom:solid 1px #b3b4b6;
    color:#35393b;
    font-size:108%;
    font-weight:bold;
    margin-bottom:18px;
    padding-bottom:10px;
    text-transform:uppercase;
}
#footer div.content-wide h3 {
    width:343px;
}
#footer div.content-wide ul {
    overflow:hidden;
}
#footer div.content-wide ul li {
    float:left;
    font-size:93%;
    padding-bottom:15px;
    width:180px;
}
#footer div.content-wide div {
    clear:both;
    width:343px;
}
#footer div.content-wide div a.footer-image {
    display:block;
    float:left;
    margin-right:20px;
    text-align:center;
    width:105px;
}
#footer div.content-wide div a {
    font-size:108%;
}
#footer div.content a.footer-social {
    display:block;
    font-size:93%;
    margin-bottom:12px;
    padding:1px 0 8px 30px;
}
#footer div.content a.facebook {
    background:transparent url('../img/common/sprite_glyphs_social.png') no-repeat left 0px;
}
#footer div.content a.twitter {
    background:transparent url('../img/common/sprite_glyphs_social.png') no-repeat left -23px;
}
#footer div.content a.rss {
    background:transparent url('../img/common/sprite_glyphs_social.png') no-repeat left -48px;
}
#footer a.zone-link {
    background:transparent url('../img/common/logo_zone.png') no-repeat left top;
    clear:both;
    color:#666666;
    display:block;
    font-size:77%;
    height:22px;
    padding:9px 0 0 37px;
    text-transform:uppercase;
}

a.video_player, a.audio_player {
	display: block;
}

a.audio_player {
	height: 30px;
}

.blog-content h1 {
	font-size: 182%;
	font-weight: bold;
	margin-bottom: 0.5em;
}