/* 
Theme Name: Croftminster
Description: A blank theme for you to draw on.
Author: Ian Heggaton
Version: 2.0.1
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

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, strong, 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: 81.3%; font: normal normal normal 0.813em/130% 'trebuchet ms', arial, helvetica, sans-serif; color: #4c4c4c; background-color: #e5e5e5;}

h1 {font-weight: bold; font-size: 3.385em; line-height: 100%; color: #fff;}
h2 {margin-top: 1em; font-weight: bold; font-size: 1.923em; line-height: 100%; color: #000;}
h3 {font-size: 1.077em; 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: 100%; background: #232323 url('images/logo-background.jpg') no-repeat scroll center top;}
#header .logo-line {width: 950px; height: 73px; margin: 0 auto;}
#header .logo-line img {float: left; padding: 10px 0 0 25px;}
#header .main-menu {width: 100%; height: 47px; background: #282828 url('images/menu-background.png') repeat-x;}
#header .main-menu ul {width: 950px; height: 47px; margin: 0 auto; list-style: none;}
#header .main-menu ul li {float: left; margin: 0;}
#header .main-menu ul li a {font-size: 1.231em; color: #000; display: block; padding: 15px;}
#header .main-menu ul li a:hover {text-decoration: none;}

#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;}


body.home #banner-background {position: static; height: 255px;}
body.home #banner-background #banner {width: 100%; height: 255px; margin: 0 auto; background: transparent url('images/homepage-background.jpg') no-repeat scroll center top;}
body.home #banner-background #banner h1 {display: none;}
#banner-background {width: 100%; height: 100%; background: transparent url('images/home-header-split-background.png') repeat-y scroll center top;}
#banner-background {position: absolute; top: 0; left: 0; height: 103px;}
#banner-background #banner {width: 100%; height: 103px; margin: 0 auto; background: transparent url('images/heading-background.jpg') no-repeat scroll center top; text-align: center; vertical-align: middle;}
#banner-background #banner h1 {text-align: center; display: inline-block;}

#container {width: 100%; min-height: 900px; padding-top: 20px; background: #e4e4e4 url('images/page-background.jpg') no-repeat scroll center top; position: relative;}
body.home #container {min-height: 600px;}
body.home #container #content {width: 950px; margin: 0 auto;}
#container #content {width: 950px; margin: 103px auto 0;}
#container #content .main-content {width: 730px; padding-top: 20px; float: left;}

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

.col-wide {width: 555px; float: left;}
.col-narrow {width: 390px; float: right;}

#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;}

.latest-news h2 {margin-bottom: 15px;}
.latest-news h3 {margin-bottom: 20px;}
.latest-news .news-content {margin-bottom: 35px;}

#filter-box {padding: 0 0 15px 5px;}
#product-list {width: 500px; float: left;}
.product-box {width: 150px; height: 145px; 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-image {float: left; width: 210px; overflow: hidden;}
.product-description {float: left; width: 310px; padding-left: 10px; line-height: 1.4em;}
.sidebar-data {float: right; width: 198px; position: relative;}
.product-list .sidebar-data {margin-top: -77px;}
.product-detail .sidebar-data {margin-top: -40px;}
.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;}

.clear-both {
	clear: both;
}