/* 
Theme Name: Croftminster
Author: Ian Heggaton
Version: 2.0.1
*/
html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,a,
	abbr, del, dfn, em, font, img, ins, kbd, q, s,
	samp, acronym, address, big, cite, code, small,
	strike, sub, sup, tt, var,dl, dt, dd,
	ol, ul, li, fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {font-size: 100%; font-family: inherit; margin: 0; padding: 0; border: 0 ;outline: 0; font-weight: inherit; font-style: inherit;}

caption, th, td {text-align: left; font-weight: normal;}
table {border-collapse: separate; border-spacing: 0;}
blockquote: before, blockquote: after, q: before, q: after {content:  "";}
blockquote, q {quotes:  "" "";}

body {font-size: 13px; font: normal 13px arial, helvetica, sans-serif; color: #4c4c4c; background-color: #fff;}

h1 { margin: 1em 0; font: bold 20px arial, helvetica, sans-serif; text-transform: uppercase; color: #254392; line-height: 100%; }
body.pods h1 { margin: 0; }
h2 { margin: 1em 0; font: bold 15px arial, helvetica, sans-serif; color: #254392; line-height: 100%; }
h3 { font-size: 16px; line-height: 100%; font-weight: bold;}

p {margin-top: 1em;}

a {text-decoration: none; color: #0066cc;}
a:hover {text-decoration: underline;}

ul, ol {margin: 1em 0 1em 2em;}
li {margin-top: .8em;}

#header {width: 1011px; height: 190px; background: #234690 url('images/croftminster_main_header.png') no-repeat; margin: 0 auto;}
#header .logo a {display: block; float: left; width: 380px; height: 140px;}
#header .main-menu {clear: both; width: 100%; height: 47px;}
#header .main-menu ul {width: 950px; height: 44px; margin: 0 auto; padding-top: 6px; list-style: none;}
#header .main-menu ul li {float: left; margin: 0;}
#header .main-menu ul li a {font-size: 15.2px; color: #fff; display: block; padding: 13px 15px; font-style: italic;}
#header .main-menu ul li.current-menu-item a {text-shadow: 0 0 5px #d4ddf7; font-weight: bold;}
#header .main-menu ul li a:hover {text-decoration: none;}

#functions-block { width: 430px; float: right; }

#functions-block  ul.reseller-func {list-style: none; margin: 0; width: auto; float: right; padding: 13px 10px 0;}
#functions-block  ul.reseller-func a {color: #fff;}
#functions-block  ul.reseller-func li {float: left; margin: 0; color: #fff;}
#functions-block  ul.reseller-func li .separator { padding: 0 1em; color: #fff;}

#header-cart { width: 430px; height: 60px; padding: 40px 0 0; position: relative; z-index: 5; font-size: 14px; }
#header-cart a.cart-link { position: absolute; z-index: 10; width: 422px; height: 52px; }
#cart-contents { background-color: #dee1e8; width: 420px; height: 50px; padding: 1px; }
#cart-contents h3 { color: #fff; margin: 0; padding: 5px 0 5px 10px; background-color: #7585d2; /*background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQImWNgQAXGZHAAGioAzdMFH7oAAAAASUVORK5CYII=);*/ }
#cart-contents .totals { padding: 5px; }
#cart-contents .highlight { font-weight: bold; }

#global-search {float: left; width: auto; padding: 10px 0 0; color: #fff;}
#global-search label {color: #fff;}

.top-board { padding: 10px 0; }
.top-board img { margin: 0 auto; display: block; }

.side-board { padding: 10px 0; }

#footer-bar {width: 950px; margin: 20px auto 0; padding: 10px 0 40px; border-top: 1px solid #fff; clear: both;}
#footer-bar a {color: #4C4C4C; text-decoration: underline;}
#footer-bar ul {list-style: none; margin: 0;}
#footer-bar ul li {float: left; margin: 0;}
#footer-bar .copyright {width: 200px; text-align: right; float: right;}

#home-main { position: relative; clear: both; height: 340px; }
#site-description { display: none; }
#slides, #main-banner { width: 1011px; minheight: 340px; }
#main-banner div { width: 1011px; height: 340px; overflow: hidden; }
#slides { margin: 0 auto; position: absolute; z-index: 5; }
#slides a.banner-click-area { display: block; position: absolute; z-index: 7; background: transparent; }
#slides img { z-index: 6; }
#latest-news-wrapper { width: 500px; position: absolute; z-index: 10; right: 0; }

#wrapper {width: 1011px; margin-top: 20px; position: relative; margin: 0 auto; background-color: #fff; }
#container {width: 961px; min-height: 900px; clear: both; margin: 0 auto; }
body.home #content {width: 100%; margin-top: 10px;}
#container #content {width: 950px; margin: 0 auto;}
#container #content .main-content {padding: 0 0 20px; clear: both;}
body.search-results #container #content .main-content {clear: none;}
body.pods #container #content {width: 760px; margin: 0; float: right;}
body.pods #container #content .main-content {width: 760px; padding: 0px; float: left;}


ul.monthly-archive-links {list-style: none; margin: 0; padding: 30px 0 0;}
ul.monthly-archive-links li {float: left; margin: 0; padding: 0 10px;}
ul.monthly-archive-links li:first-child {padding-left: 0;}


/* STAFF SECTION ON ABOUT US PAGE */
.staff { width: 310px; height: 120px; overflow: hidden; float: left; }
.staff .photo { width: 110px; height: 100px; float: left; }
.staff .name { width: 200px; float: left; font-weight: bold; text-transform: uppercase; padding-top: 30px; }
.staff .position { width: 200px; float: left; }


/* PODS SIDEBAR CATEGORY TILES */
.category-group-tiles { width: 190px; float: left; padding-top: 20px; margin: 0; }
body.home .category-group-tiles { padding-top: 0px; }
.category-group-tiles h2 {font: bold 15px arial, helvetica, sans-serif; text-transform: uppercase; color: #254392; margin: 0 0 15px; height: 20px;}

/* BREADCRUMBS */
.breadcrumb { list-style: none; margin: 20px 0 0; padding: 0 0 0; }
.breadcrumb li { margin: 0; padding: 0 0 15px; float: left; white-space: nowrap; height: 20px; }
.breadcrumb li a { display: block; float: left; }
.breadcrumb li span { display: block; float: left; padding: 0 1ex; }

.category-description { margin-top: 15px; }
.category-description .side-col { float: right; width: 350px; margin-left: 10px; }
.video-embed { width: 350px; overflow: hidden; }
.new-product-buttons { width: 350px; padding-top: 10px; }
.new-product-buttons .new-arrivals { width: 170px; float: left; }
.new-product-buttons .new-releases { width: 170px; float: right; }


#sidebar {width: 200px; float: right;}

body.home #col-left { float: left; }
body.home #col-left a:hover { text-decoration: none; }
body.home #col-left .row-separator { clear: both; height: 15px; width: 95%; }
body.home #col-left .home-button { float: left; width: 161px; height: 169px; overflow: hidden; margin: 0 17px 0 0; }
body.home #col-left .home-button a { display: block; width: 100%; height: 100%; }
body.home #col-left .home-button span { display: block; font: bold 15.2px arial; color: #fff; text-decoration: none; padding: 10px; font-style: italic; }
body.home #col-left .trading-cards { background: transparent url('images/butt_home_trading_cards.png') no-repeat; }
body.home #col-left .game-outlet { background: transparent url('images/butt_home_game_outlet.png') no-repeat; }
body.home #col-left .sevent-gen { background: transparent url('images/butt_home_seventh_gen.png') no-repeat; }
body.home #col-left .events { background: transparent url('images/butt_home_events.png') no-repeat; border: 1px solid #ccc; width: 159px; height: 167px; }

body.home #col-left .ad-bottom-left { float: left; width: 518px; height: 168px; margin-right: 17px; }

body.home #col-left .social-media { float: left; border: 1px solid #ccc; width: 159px; height: 167px; text-align: center; }
body.home #col-left .social-media h2 { margin-top: 40px; }
body.home #col-left .social-media a { padding: 0 3px; }
body.home #col-left .social-media .description { float: right; width: 130px; font-size: 11px; }


.col-retailers {width: 296px; float: right; color: #292929; background: #fff url('images/home_retailer_login_back.png') repeat-x; border: 1px solid #ccc;}
.col-retailers h2 {text-transform: capitalize; color: #fff; font: bold 15.2px arial; padding: 10px; font-style: italic; margin: 0 0 20px 0;}
.col-retailers .padder {padding: 10px;}
.col-retailers .head {font-weight: bold; text-transform: uppercase;}
.col-retailers .register-button {margin: 10px -10px; background-color: #344796; text-align: center; line-height: 0;}

#homepage-tiles {width: 555px; float: left;}
.category-tiles .tile {width: 180px; height: 125px; float: left; margin-right: 5px;}
.category-tiles .tile .label {text-align: center; font-weight: bold;}
.category-box { float: left; wdith: 180px; padding: 0 5px 10px; }

.latest-news { padding: 30px 0 0; float: right; width: 370px; }
.latest-news h2 {font: bold 15px arial, helvetica, sans-serif; color: #254392; margin: 0 0 15px; height: 20px;}
.latest-news h3 {padding-bottom: 25px;}
.latest-news h3 a {font: bold 12px verdana, arial, helvetica, sans-serif; margin-bottom: 20px; color: #292929;}
.latest-news .news-content {margin-bottom: 17px;}

#filter-box {padding: 0 0 15px 5px;}

#product-list {float: right; width: 760px;}
.search-matching-products h2 { margin-top: 21px; }

.child-category-box { padding: 20px 20px 0; }
.child-category-box .description { padding: 0 0 15px; }
.product-box {width: 150px; height: 170px; overflow: hidden; float: left; text-align: center; margin: 5px; padding-top: 5px; background-color: #fff; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.product-box .name-label {}
.product-box .item-code {color:#999; font-size: 90%;}
.product-box-cart {height: 210px;}
.product-image {float: left; width: 210px; overflow: hidden;}
.product-description {float: left; width: 290px; padding-left: 10px; line-height: 1.4em;}
.sidebar-data {float: right; width: 198px; position: relative;}
.product-list .sidebar-data {margin-top: -77px;}

.cart-message { font-weight: bold; font-size: 19px; text-align: center; background-color: #f9ff9a; padding: 20px 0; border: 1px solid #999; }

.reseller-input {padding: 15px 0 0 5px;}
.reseller-input label {float: left; padding: 3px 10px 0 0;}
.reseller-input input {float: left; width: 30px;}

.empty-cart { font-size: 19px; font-weight: bold; text-align: center; }
.cart-box {width: 730px; margin: 5px; padding: 10px; background-color: #fff; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; vertical-align: top;}
.cart-box td.data, .cart-box td.price-desc, .cart-box td.price {padding-left: 20px;}
.cart-box td.pic {width: 20%;}
.cart-box td.data {width: 50%;}
.cart-box td.price-desc {width: 15%;}
.cart-box td.price {width: 15%;}
.cart-box .name-label {font-weight: bold;}
.cart-page #buttons { padding: 20px 0 0 200px; }
.cart-page #buttons input { float: left; margin-right: 20px; }
.cart-page #buttons #submit-order { font-weight: bold; }

#product-list-heading, #search-results-heading {width: 711px; height: 79px; margin-bottom: 20px; font: bold 20px arial, helvetica, sans-serif; color: #304092;}
#product-list-heading div {padding: 26px 20px 0;}

.product-detail .sidebar-data {margin-top: -20px;}
.sidebar-data div {margin-left: 13px;}
.sidebar-data div.arrow {width: 13px; position: absolute; top: 34px; left: 0; margin-left: 0; background: transparent url('images/sidebar-data-arrow.png') no-repeat; height: 25px;}
.sidebar-data .content {width: 165px; background-color: #dcdcdc; padding: 40px 10px 0; min-height: 150px;}
.sidebar-data .content .data-line {padding-bottom: 2em;}
.sidebar-data .content .reseller-info {margin: 0; padding: 0;}
.sidebar-data .content .reseller-info .data-line {font-weight: bold;}
.sidebar-data .foot {width: 185px; background: transparent url('images/sidebar-data-footer.png') no-repeat; height: 12px;}
.sidebar-data .laquo {font: 1.2em arial, sans-serif;}
.sidebar-data a {color: #011538;}
.sidebar-data ul {list-style: none; margin: 0 0 0 13px;}
.sidebar-data ul li {padding-bottom: 1em;}

.au-only { font-style: italic; padding-bottom: 20px; }

div.search-results { padding: 20px 0 0; float: right; width: 760px; }

.calendar-link { float: right; width: 180px; }


.h-separator { border-top: 1px solid #999; width: 50%; height: 1px; margin: 20px auto 0; }
.search-results .h-separator { width: 760px; margin: 20px 0 0; float: right; }
.clear-both {clear: both;}
.subnote {font-size: 75%;}


/* SLIDER CLASSES */

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
.slides_container { width:600px; display:none; }

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container div { width:600px; height:340px; display:block; overflow: hidden; }

/*
	Optional:
	Reset list default style
*/
.pagination { list-style:none; margin:0; padding:0; }

/*
	Optional:
	Show the current slide in the pagination
*/
.pagination .current a { color:red; }