/* ------------------------------------------------------------------------------------
Website: Total Cricket
File: Global styles
Created: December 2009 Tom Adams/Ian Kynnersley
Copyright: Total Cricket

Colours:
Turquoise (links, highlights)	#007c7f
Pale grey (main bg)				#dbe2e2
Grey (borders)					#e4ebeb
------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------
-- Resets
------------------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, 
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 1em; }

img, embed, form, fieldset { border: 0; vertical-align: bottom; }

ul, ol { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight:normal; }

table { border-collapse: collapse; border-spacing: 0; }
table th { font-weight: normal; text-align: left; }

/* ------------------------------------------------------------------------------------
-- Base Styles and basic layout
------------------------------------------------------------------------------------ */
body { font: 62.5% "Arial", sans-serif; line-height:1.3; background:#dbe2e2 url(../images/bg-main.png) repeat-x left top; color:#000; }
input, textarea { font-family:"Arial", sans-serif; } 

a { text-decoration:underline; color:#007c7f; }
a:hover, a:active, a:focus { color:#000; }

#mainWrapper { position:relative; width:900px; margin:0 auto; }
#mainContent { position:relative; clear:both; }
.cols2 { background:url(../images/bg-columns-main-sub.png) repeat-y; }

#mainCol { position:relative; float:left; width:594px; padding:18px 0; }
#subCol { position:relative; float:right; width:288px; padding:18px 0; }

.standardContent #mainCol { float:right; width:671px; }
.standardContent #subCol { float:left; width:211px; }
.standardContent .cols2 { background:url(../images/bg-columns-sub-main.png) repeat-y; }

.featureLink { padding-right:9px; background:url(../images/bullet-green-arrows-small.png) no-repeat 100% 50%;  }

.hide, .screen-reader-text { position:absolute; top:-999em; left:-999em; }

/* ------------------------------------------------------------------------------------
-- Forms
------------------------------------------------------------------------------------ */
.form {  }
.form fieldset div { position:relative; clear:both; }
.form fieldset div label { position:relative; }

.wpcf7-form li { position:relative; margin:0 !important; padding:0 0 12px 0; list-style:none !important; }
.wpcf7-form li input { margin-top:6px; padding:3px; width:307px; font-size:1.2em; border:1px solid #999; }

.wpcf7-form li textarea { width:622px; margin-top:6px; padding:3px; font-size:1.2em; border:1px solid #999; }

.wpcf7-response-output { font-size:1.2em; padding:9px !important; background:#eee; }
.wpcf7-validation-errors { border:2px solid #990000 !important; }
.wpcf7-mail-sent-ok {  border:2px solid #007C7F !important; }
.wpcf7-not-valid-tip { padding:3px 9px !important; border:2px solid #990000 !important; background:#eee !important; }


.form .formButtons { margin-top:18px; }
.wpcf7-form .formButtons { text-align:right; }
.form .formButtons input, .wpcf7-form .formButtons input { font-size:1.8em; padding:2px 24px 2px 12px; cursor:pointer; border:0 none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#fff; background:#007c7f url(../images/bullet-green-arrows-button.png) no-repeat 100% 54%; }
.form .formButtons input:hover, .form .formButtons input:active, .form .formButtons input:focus,
.wpcf7-form .formButtons input:hover, .wpcf7-form .formButtons input:active, .wpcf7-form .formButtons input:focus 
{ background:#000 url(../images/bullet-black-arrows-button.png) no-repeat 100% 54%; }
a.ctaButton { font-size:1.4em; padding:2px 24px 2px 12px; cursor:pointer; text-decoration:none; border:0 none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; color:#fff; background:#007c7f url(../images/bullet-green-arrows-button.png) no-repeat 100% 54%; }
a.ctaButton:hover, a.ctaButton:active, a.ctaButton:focus { background:#000 url(../images/bullet-black-arrows-button.png) no-repeat 100% 54%; }


/* ------------------------------------------------------------------------------------
-- Content areas
------------------------------------------------------------------------------------ */
.content { padding:0 18px; background:#fff; }
.content h1 { margin-bottom:.7em; font-size:3em; font-weight:bold; color:#000; }
.content h2 { margin-bottom:.5em; margin-top:.2em; font-size:1.8em; font-weight:bold; color:#000; }
.content h3 { margin-bottom:.5em; margin-top:.2em; font-size:1.2em; font-weight:bold; color:#000; }
.content p, .content h4, .content ul, .content ol, .content label { margin-bottom:.7em; font-size:1.2em; color:#000; }
.content p label, .content ul label, .content ol label { font-size:1em; }
.content ul ol, .content ol ol, .content ul ol, .content ul ul { margin-bottom:0; font-size:1em; }
.content ul li { margin-left:1em; list-style-type:disc; }
.content ol li { margin-left:1.5em; list-style-type:decimal; }

.content p.first { font-size:1.6em;  }

.content table { font-size:1.2em; }
.content table td { padding:.4em 0; border:1px solid #ccc; border-left:1px solid #fff; border-right:1px solid #fff; }

.content .alignleft { float:left; margin:0 8px 8px 0; }
.content .alignright { float:right; margin:0 0 8px 8px; }

.content #banner { position:relative; height:200px; margin-bottom:18px; color:#fff; background-position: right bottom; background-repeat:no-repeat; background-color:#000; }
.content #banner span { position:absolute; top:12px; left:22px; /*line-height:1.2; font-size:3.2em;*/ font-weight:normal;}


/* ------------------------------------------------------------------------------------
-- Header
------------------------------------------------------------------------------------ */
#header { position:relative; }
#header h1, #header .h1 { position:relative; float:left; width:459px; height:150px; }
#header h1 span, #header .h1 span { position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/logo-totalcricket.png); }

#header address { position:relative; padding-top:42px; float:right; width:288px; font-style:normal;text-align:right; }
#header address p { font-size:1.2em; }
#header address p.phone { font-weight:bold; line-height:1; font-size:3em; color:#007c7f; }

#header #topBasket { position:relative; clear:right; float:right; padding-top:3px; width:288px; text-align:right; font-size:1.4em; font-weight:bold; }
#header #topBasket a { padding-right:9px; background:url(../images/bullet-green-arrows-small.png) no-repeat 100% 54%; }

/* ------------------------------------------------------------------------------------
-- Main navigation
------------------------------------------------------------------------------------ */
#mainNav { clear:both; border-top:1px solid #000; border-bottom:1px solid #000; padding:.2em 0 .3em; }
#mainNav li { position:relative; float:left; }
#mainNav li a { position:relative; padding:.2em 9px .2em 9px; font-size:1.5em; font-weight:bold; text-decoration:none; border-right:1px solid #fff;}
#mainNav li.current_page_item a, #mainNav li a:hover, #mainNav li a:active, #mainNav li a:focus { color:#000; background-color:#e4ebeb; }

/* ------------------------------------------------------------------------------------
-- Sub navigation
------------------------------------------------------------------------------------ */
#subNav h2 a { text-decoration:none; color:#000; }
#subNav h2 a:hover, #subNav h2 a:active, #subNav h2 a:focus { text-decoration:underline; }
#subNav ul { margin:0 -4px; border-bottom:1px solid #e4ebeb; }
#subNav li { margin:0; padding:0; list-style:none; border-top:1px solid #e4ebeb; }
#subNav li a { display:block; padding:4px; text-decoration:none;}
#subNav li a:hover, #subNav li a:active, #subNav li a:focus { text-decoration:underline; background:#e4ebeb; }

/* ------------------------------------------------------------------------------------
-- Breadcrumb
------------------------------------------------------------------------------------ */
#breadcrumb { margin:5px 0 9px 18px; font-size:1.2em;}
#breadcrumb ol, #breadcrumb p { display:inline; }
#breadcrumb li { margin:0 3px 0 0; list-style:none; display:inline; }
#breadcrumb li a { padding-right:9px; background:url(../images/bullet-green-arrows-small.png) no-repeat 100% 50%;  }

/* ------------------------------------------------------------------------------------
-- Homepage
------------------------------------------------------------------------------------ */
.home #hero { position:relative; clear:both;width:900px; height:246px; margin-bottom:18px; overflow:hidden; background:#000; }
.home #hero li { position:relative; width:900px; height:246px; color:#fff; background-position: right bottom; background-repeat:no-repeat; background-color:#000; }
.home #hero li strong { position:absolute; bottom:22px; left:22px; width:452px; line-height:1.2; font-size:3.2em; font-weight:normal;}

.home #intro { position:relative; float:right; width:288px; padding:18px 0; }
.home #intro p { margin-bottom:.7em; font-size:1.8em; font-weight:bold; color:#000; }
.home #intro p strong { color:#007c7f; }
.home #intro p a { color:#000; }
.home #intro p a:hover, .home #intro p a:active, .home #intro p a:focus{ color:#007c7f; }

.home #shop { position:relative; float:left; width:594px; padding:18px 0; }

.home #shop .shopListing { padding:0 18px; }

/* ------------------------------------------------------------------------------------
-- Shop
------------------------------------------------------------------------------------ */
#sideBasket { padding-bottom:9px; margin-bottom:9px; border-bottom:1px solid #E4EBEB }
#sideBasket a { padding-right:9px; background:url(../images/bullet-green-arrows-small.png) no-repeat 100% 54%; }

#shopSearch { padding-bottom:9px; margin-bottom:9px; border-bottom:1px solid #E4EBEB }
#shopSearch input#s { width:100px }
#shopSearch input#searchsubmit { font-size:1.4em; padding:0px 20px 1px 8px; cursor:pointer; text-decoration:none; border:0 none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; color:#fff; background:#007c7f url(../images/bullet-green-arrows-button.png) no-repeat 100% 54%; }
#shopSearch input#searchsubmit:hover, #shopSearch input#searchsubmit:active, #shopSearch input#searchsubmit:focus { background:#000 url(../images/bullet-black-arrows-button.png) no-repeat 100% 54%; }


.shoppingNav { position:relative; margin:10px 0; }
.shoppingNav a.ctaButton { float:right; }

#shopp button, #shopp .update-button { padding:2px; cursor:pointer; font-size:.8em; background:#F8F8F8; border:1px solid #BBBBBB; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

/* listing pages */
.categoryHead { margin-bottom:0 !important; }
.orderByForm { position:relative; padding-bottom:9px; }
.orderByForm label { display:inline !important; margin-right:6px; }

.itemsList { clear:both; }

.shopListing .pagination { position:relative; padding-bottom:9px; }
.shopListing .pagination p { float:left; padding-right:6px; }
.shopListing .pagination li { position:relative; float:left; width:1.2em; margin-left:0 !important; text-align:center; }
.shopListing .pagination li a { display:block; }
.shopListing .pagination .active { background:#eee !important; }
.shopListing .pagination .disabled { display:none !important; }
.shopListing .pagination .next a { width:1.5em; height:1.3em; text-indent:-999em; background:url(../images/button-next.png) no-repeat 50% 50%; }
.shopListing .pagination .next a:hover, .shopListing .pagination .next a:active, .shopListing .pagination .next a:focus { background:url(../images/button-next-over.png) no-repeat 50% 50%; }
.shopListing .pagination .previous a { display:block; width:1.5em; height:1.3em; text-indent:-999em; background:url(../images/button-prev.png) no-repeat 50% 50%; }
.shopListing .pagination .previous a:hover, .shopListing .pagination .previous a:active, .shopListing .pagination .previous a:focus { background:url(../images/button-prev-over.png) no-repeat 50% 50%; }

#categoryList ul li { font-size:1.6em; font-weight:bold; margin:.2em 0 0.5em 0; list-style:none; }
#categoryList ul li li { font-size:.65em; font-weight:normal; margin:0 0 .2em 0; }

/* Normal listing */
.inner ul.itemsList li { margin:0 0 9px 0 !important; padding:4px !important; list-style:none; position:relative; border:3px solid #e4ebeb; }
.inner ul.itemsList li h3, ul.itemsList li h2  { width:420px; margin:0; font-size:1em; font-weight:normal; color:#000; }
.inner ul.itemsList li img { float:left; width:102px; height:102px; margin-right:8px; }
.inner ul.itemsList li a { text-decoration:none; color:#000; }
.inner ul.itemsList li a:hover span, ul.itemsList li a:active span, ul.itemsList li a:focus span { text-decoration:underline; }

.inner ul.itemsList li p { font-size:1em; }

.inner ul.itemsList li .title { display:block; padding:6px 0 0 0; font-size:1.6em; font-weight:bold; color:#000; }
.inner ul.itemsList li a .price { position:absolute; width:120px; right:6px; top:9px; display:block; text-align:right; font-weight:bold; font-size:1.6em; color:#007c7f; }
.inner ul.itemsList li a:hover .price, ul.itemsList li a:active .price, ul.itemsList li a:focus .price { text-decoration:none !important; }
.inner ul.itemsList li a .price .wasPrice { display:block; font-size:.6em; }
.inner ul.itemsList li a:hover .wasPrice, ul.itemsList li a:active .wasPrice, ul.itemsList li a:focus .wasPrice { text-decoration:none !important; }


.inner ul.itemsList li .featureLink { text-decoration:underline; color:#007c7f; }
.inner ul.itemsList li a:hover .featureLink, .inner ul.itemsList li a:active .featureLink, .inner ul.itemsList li a:focus { color:#000; }

.inner ul.itemsList li form input { position:absolute; right:6px; bottom:9px; font-size:1.2em; padding:0px 20px 1px 8px; cursor:pointer; text-decoration:none; border:0 none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; color:#fff; background:#007c7f url(../images/bullet-green-arrows-button.png) no-repeat 100% 54%; }
.inner ul.itemsList li form input:hover, .inner ul.itemsList li form input:active, .inner ul.itemsList li form input:focus { background:#000 url(../images/bullet-black-arrows-button.png) no-repeat 100% 54%; }

/* homepage listing */
.home ul.itemsList li { margin:0; padding:0; list-style:none; position:relative; float:right; width:256px; margin-bottom:18px; padding:4px; border:3px solid #e4ebeb; }
.home ul.itemsList li.left { float:left; clear:both; }
.home ul.itemsList li a img { float:left; width:102px; height:102px; margin-right:8px; }

.home ul.itemsList li a { text-decoration:none; color:#000;  }
.home ul.itemsList li a:hover span, .home ul.itemsList li a:active span, .home ul.itemsList li a:focus span { text-decoration:underline; }

.home ul.itemsList li a .title { display:block; padding-top:6px; font-size:1.4em; font-weight:bold; color:#000; }
.home ul.itemsList li a .price { display:block; font-weight:bold; font-size:1.8em; color:#007c7f; }
.home ul.itemsList li a .price .wasPrice { display:block; font-size:.6em; }
.home ul.itemsList li a:hover .wasPrice, .home ul.itemsList li a:active .wasPrice, .home ul.itemsList li a:focus .wasPrice { text-decoration:none !important; }

.home ul.itemsList li a.categoryLink { display:block; padding-top:3px; font-size:1.2em; }
.home ul.itemsList li a.categoryLink strong { text-decoration:underline; font-weight:bold; }
.home ul.itemsList li a.categoryLink:hover strong, .home ul.itemsList li a.categoryLink:active strong, .home ul.itemsList li a.categoryLink:focus strong { color:#007c7f; }

/* Product item view*/
.itemHeader { position:relative; float:right; width:288px; }
.itemHeader h1 { margin-bottom:0; padding-top:8px; }
.itemHeader .price { margin-bottom:1em; font-weight:bold; font-size:2.4em; color:#007c7f; }

.itemImage { position:relative; float:left; width:246px; min-height:246px; margin-left:-3px; }
.itemImage .gallery .previews li { padding:3px !important; }
.itemImage .gallery .previews { border:3px solid #E4EBEB; }
.itemImage .gallery .previews img { width:240px; height:240px; }
.itemImage .gallery .thumbnails li img { border:3px solid #E4EBEB; }

.itemDesc { position:relative; clear:both; padding:18px 0 0 0; }
.itemDesc ul , .itemDesc ol { margin-bottom:0.7em !important; }
.itemDesc ul li { margin-left:1em !important; }
.itemDesc ol li { margin-left:1.5em !important; }
.itemDesc .rrp { margin-top:.7em; font-size:2.2em; font-weight:bold; }
.itemDesc .rrp strong { color:#007C7F; }

form.product fieldset div label { position:relative; width:70px; float:left;}
form.product fieldset div input, form.product fieldset div select { position:relative; float:left; }

/* Basket and checkout */
#cart { font-size:1.2em; }
#cart table { width:100%; margin:16px 0; font-size:1em;}
#cart th, #cart td { padding:5px 5px 5px 0; border:none; }
#cart thead th { border-bottom:1px solid #BBB; border-top:1px solid #BBB; }
#cart thead th.money { width:70px; }
#cart tbody tr.cartItem td { border-bottom:1px solid #DBE3E6; }
#cart tbody tr.total th, #cart tbody tr.total td { border-bottom:1px solid #000; border-top:1px solid #000; font-weight:bold; }

#checkout { padding:10px 18px 18px; background:#F5FCFF; border:1px solid #bbb; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#checkout h2 { font-size:1.4em; }
#checkout  ul li span label, #checkout div label { padding:8px 0 0 0 !important; }
#checkout #billing-address-fields, #checkout #payment-info-fields, #checkout #shipping-address-fields { border-top:1px solid #DBE3E6; }
#checkout .formButtons { text-align:right; }
#checkout #checkout-button { font-size:1.4em; }

.xcheckout { text-align:right; }

#errors.shopp { margin-bottom:9px; padding:9px; border:2px solid #990000; background:#eee; }
#errors.shopp h3 { font-size:1.8em; }

#checkoutConfirm { text-align:right; }

table.transaction { width:100%; margin:16px 0; }
.transaction th, .transaction td { padding:0; font-size:1.2em; }
.transaction th { width:100px; }

#receipt .address { font-size:1.2em;}
#receipt .address address { font-style:normal; }

/* ------------------------------------------------------------------------------------
-- Footer
------------------------------------------------------------------------------------ */
#footer { clear:both; margin-top:18px; padding:.8em 18px 3em; border-top:1px solid #000; }
#footer ol { clear:left; padding-top:.2em; }
#footer li { float:left; font-size:1.2em; }
#footer li a { padding:0 4px; text-decoration:none; border-right:1px solid #000; color:#000; } 
#footer li.first a { padding-left:0; }
#footer li.last a { border-right:none; }
#footer li a:hover, #footer li a:active, #footer li a:focus { text-decoration:underline; }

/* ------------------------------------------------------------------------------------
-- Clearfix
------------------------------------------------------------------------------------ */
.clearfix:after, #mainNav:after, #mainContent:after, .cols2:after, .shoppingNav:after, ul.itemsList:after, ul.itemsList li:after, .pagination:after
{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }