/* lafrattacreative.co.uk */
/* Vantage Cricket */

/* PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #022835 url(../images/bg.jpg) repeat-x; font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; padding:2px 0; text-align: center; }
ul { list-style: none inside; }
p { line-height: 23px; margin:7px 0 15px 0; }
a { outline: none; color:#124558; text-decoration:underline; }
a:hover { color:#124558; text-decoration:underline; }
a img { border: none; }
#header { height: 114px; padding: 5px 0 0 0; }
#header h1 a { display: block; width: 270px; height: 114px; float: left; background: url(../images/logo.png); text-indent: -9999px; }
#header h2 { letter-spacing:5px; text-align:right; color:#fff; font-size:18px; border-bottom:none; margin-top:35px; font-weight:normal; text-transform:uppercase; }
h3 { font-size: 24px; padding:4px 0 0 0; margin-bottom:8px; font-weight:normal; color:#124558; }

/* Styles */
.bold { font-weight:bold; }
.italic { font-style:italic; }
.white { color:#fff }
.blue { color:#124558 }
.red { color:red; }
.small { font-size:13px; }
.phone { font-size:16px; }
.rrp { font-size:12px; color:#124558; text-decoration:line-through; }
.price { font-size:22px; color:red }
.sale { font-size:22px; color:red; }

/* TOOLS */
.floatleft { float: left; }
.floatright { float: right; }
.clear-both { clear: both; padding:0; margin:0 }
.clear-right { clear: right; }
.clear-left { clear: left; }

/* STRUCTURE */
#container { width: 840px; margin: 0 auto; text-align: center; }

/* NAVIGATION */
ul#main-nav { padding:7px 0 7px 15px; margin:0; list-style:none; height:30px; position:relative; background:url(../images/navtab.png); font-size:13px;}
ul#main-nav li { float:left; }
ul#main-nav li a { display:block; float:left; height:30px; line-height:30px; color:#fff; text-decoration:none; font-weight:normal; text-align:center; padding:0 25px 0 12px; cursor:pointer; text-transform:uppercase; }
ul#main-nav li.last a { padding:0 0 0 12px; }
ul#main-nav li a span { float:left; display:block; padding:0 12px 0 0; }
ul#main-nav li a:hover { color:#124558; background:url(../images/leftnav_a.gif) no-repeat; }
ul#main-nav li a:hover span { background:url(../images/rightnav_a.gif) right top; }

body#home a#home, body#synth a#synth, body#lithium a#lithium, body#contact a#contact, 
body#repairs a#repairs, body#faq a#faq, body#sizes a#sizes, body#products a#products, 
body#news a#news, body#about a#about { color:#fff; background:url(../images/leftnav_h.gif) no-repeat; }

body#home a#home span, body#synth a#synth span, body#lithium a#lithium span, 
body#contact a#contact span, body#repairs a#repairs span, body#faq a#faq span, 
body#sizes a#sizes span, body#products a#products span, body#news a#news span, 
body#about a#about span { background:url(../images/rightnav_h.gif) right top; }

/* PRODUCTS NAVIGATION */
ul#products-nav { padding:1px 0 7px 0px; margin:0; list-style:none; height:30px; position:relative; background-color:#FFFFFF; }
ul#products-nav li { float:left; }
ul#products-nav li a { display:block; float:left; height:30px; line-height:30px; color:#124558; text-decoration:none; font-size:13px;font-weight:normal; text-align:center; padding:0 25px 0 15px; cursor:pointer; }
ul#products-nav li.last a { padding:0 25px 0 12px; }
ul#products-nav li a span { float:left; display:block; padding:0 15px 0 0; }
ul#products-nav li a:hover { color:#022835; background:url(../images/leftnav2_h.gif) no-repeat; }
ul#products-nav li a:hover span { background:url(../images/rightnav2_h.gif) right top; }

.bats a#batsnav, .stockists a#stockistsnav, .pads a#padsnav, .gloves a#glovesnav, .clothing a#clothingnav, 
.accessories a#accessoriesnav, .bags a#bagsnav, .bundles a#bundlesnav, .emb a#embnav { color:#fff; background:url(../images/leftnav2_a.gif) no-repeat; }

.bats a#batsnav span, .stockists a#stockistsnav span, .pads a#padsnav span, .gloves a#glovesnav span, 
.clothing a#clothingnav span, .accessories a#accessoriesnav span, .bags a#bagsnav span, 
.bundles a#bundlesnav span, .emb a#embnav span { background:url(../images/rightnav2_a.gif) right top; }

#topimages { padding:0 0; background-color:#FFFFFF; }

/* CONTENT */
#content { padding:15px; background-color:#fff; margin:0; text-align:left; }
.left-col, .right-col { width:48% }
.right-col { border-left:1px solid #ccc; }
.main-left { width:67%; float:left; }
.main-right { width:28%; float:right; border-left:1px solid #ccc; padding:0 0 0 10px; }
ul.main-list li { margin:7px 0 10px 0; background:url(../images/arrowpoint.jpg) no-repeat 0 5px;padding:0 0 1px 17px;}

/* FOOTER */
/* Footer nav */
#footer { color:#fff; font-size:12px; padding:5px 15px; text-align:left; line-height:20px; margin:10px 0 0 0; }
#footer a { color:#ffffff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }
.footer-col { width:105px; float:left; }
.footer-colright { width:220px; float:left; }
.border { border-left:1px solid #fff; padding:0 0 0 30px; }
li.footer-header { font-size:16px; padding:0 0 5px 0; }
#footer p.small { font-size:11px; }

/* CONTACT BOX */
#commentForm label { position: absolute; text-align:left; width:430px; padding:8px 0 5px; font-weight:normal; display: inline-block; color:#124558; }
#commentForm label.error { position:relative; padding:0 0 10px 0; margin:0 0 0 0; color:red; font-style:italic; font-weight:normal; font-size:10px; width:400px; display: inline-block; line-height: 16px; }
#commentForm input, #commentForm textarea, #commentForm select { margin:12px 0 3px 0; padding:8px 8px; width:530px; }
#commentForm input.submit, #commentForm input.button { width:220px; height:37px; border:none; padding:0;}
#commentForm div.error { display: none; }
#commentForm input.box, #commentForm textarea.box { border: 1px solid #ccc; }
#commentForm input.error { border: 1px dotted red; }
#commentForm form.cmxform .gray * { color: #ccc; }
#commentForm .button { width:220px; height:37px; border:none;padding:0; }
#commentForm input:focus, #commentForm textarea:focus { border: 1px solid #124558;background-color:#efefef }

/* QUICK QUOTE BOX */
#quickquoteForm label { position: absolute; text-align:left; width:200px; padding:8px 0 5px; font-weight:normal; display: inline-block;color:#124558; }
#quickquoteForm label.error { position:relative; padding:0 0 10px 0; margin:0 0 0 0; color:red; font-style:italic; font-weight:normal; font-size:10px; width:200px; display: inline-block; line-height: 16px; }
#quickquoteForm input, #quickquoteForm textarea, #quickquoteForm select { margin:12px 0 3px 0; padding:8px 8px; width:200px; }
#quickquoteForm input.submit, #quickquoteForm input.button { width:220px; height:37px; border:none; padding:0 }
#quickquoteForm div.error { display: none; }
#quickquoteForm input.box, #quickquoteForm textarea.box { border: 1px solid #ccc; }
#quickquoteForm input.error { border: 1px dotted red; }
#quickquoteForm form.cmxform .gray * { color: #ccc; }
#quickquoteForm .button { width:220px; height:37px; border:none;padding:0; }
#quickquoteForm input:focus, #quickquoteForm textarea:focus { border: 1px solid #124558;background-color:#efefef }

/* PRODUCT FORM */
label { position: absolute; text-align:left; width:250px;color:#124558; }
input, textarea, select { margin-left: 0; width:230px; margin-top:2px; margin-bottom:15px; }
.button { width:220px;padding:0;border:0; }
table td { font-size:13px;color:#124558; }

/* EMBROIDERY IMAGES*/
ul#emb-images { }
ul#emb-images li { display: inline; }
ul#emb-images li { float:left; width:135px; text-align:center; margin:0; padding:6px 0 0 0; }
ul#emb-images li img { width:125px; height:150px; }