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

/* PAGE SETUP */
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background:#cccccc;font:16px Arial, Helvetica, sans-serif; color:#333; padding:0; text-align: center; }
ul { list-style: none inside; line-height: 28px;}
p { line-height: 28px; margin:0px 0 15px 0; }
a { outline: none; color:#000; text-decoration:underline; }
a:hover { color:#244a99; text-decoration:underline; }
a img { border: none; }

#header-container {background-color:#111111;margin:0;}
#header { height: 114px; padding: 0 0 0 0;background:#111111  url(../images/top-bg.jpg) no-repeat;width: 960px; margin: 0 auto; text-align: center;  }

#logo h1 a { display: block; width: 270px; height: 114px; float: left; background: url(../images/logo.png); text-indent: -9999px; }
#righttext { float:right; text-align:right; color:#fff;  margin-top:25px; font-size:14px; }
#righttext a { color:#fff;text-decoration:none;}
.toptext {margin:0;font-size:12px}
h2 { font-size: 30px; padding:0 0 0 0; margin-bottom:12px; font-weight:bold; color:#244a99;font-family:'Play', sans-serif;}
h3 { font-size: 30px; padding:4px 0 0 0; margin-bottom:12px; font-weight:bold; color:#244a99;font-family:'Play', sans-serif;}
h4 {font-size:18px;line-height:28px;margin-bottom:15px;}
hr {color:#cccccc;border:1px solid;margin:20px 0 20px 0;}


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

.small-link {font-style:italic;font-size:13px;}
.small-link a {color:#666666;text-decoration:none;}
.small-link a:hover {color:#244a99;text-decoration:underline;}

.button1 {background:url(../images/button.jpg) no-repeat;color:#ffffff;font-size:14px;margin:10px 0 10px 0;width:220px;height:37px;}
.button1 a {color:#ffffff;text-decoration:none;height:27px;display:block;padding:10px 30px 0;}
.button1 a:hover {background:url(../images/button-hover.jpg) no-repeat;}

.four-col .button1 a {padding:8px 30px 0;}

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

.rounded {-webkit-border-radius: 10px;  
-moz-border-radius: 10px;  
border-radius: 10px;}

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

/* NAVIGATION */
#nav-container {width:100%;background:url(../images/navbg.jpg) repeat-x;}
.navsaleimg {position:absolute;background:url(../images/navsaleimg.png) no-repeat;width:100px;height:35px;z-index:500;bottom:-30px;left:98px;}
ul#main-nav { padding:10px 0 6px 0px; margin:0 auto; list-style:none; height:34px; position:relative;width:960px;}
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-size:14px;font-weight:normal; text-align:center; padding:0 48px 0 15px; cursor:pointer; }
ul#main-nav li a span { float:left; display:block; padding:0 15px 0 0; }
ul#main-nav li a:hover { color:#fff; background:url(../images/leftnav_h.gif) no-repeat; }
ul#main-nav li a:hover span {background:url(../images/rightnav_h.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#press a#press,
body#news a#news, body#about a#about, body#links a#links { 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#press a#press span,
body#about a#about span, body#links a#links span { background:url(../images/rightnav_h.gif) right top;   }

/* PRODUCTS NAVIGATION */
ul#products-nav { padding:20px 0; margin:0 0 20px 0; list-style:none; height:30px; position:relative; background-color:#FFFFFF;border-bottom:2px solid #ccc; }
ul#products-nav li { float:left; }
ul#products-nav li a { display:block; float:left; height:30px; line-height:30px; color:#000; 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:#fff; 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-container {background:url(../images/bannerbg.jpg) repeat;padding:20px 0;}
#topimages { padding:15px;position:relative;width:928px;height:314px;margin:0 auto;background-color:#fff;border:1px solid #aaaaaa; }
.topbanner-nav a#prev  {background:url(../images/cycle/prev.png) no-repeat;width:33px;height:37px;display:block;text-indent:-9999px}
.topbanner-nav a#next  {background:url(../images/cycle/next.png) no-repeat;width:33px;height:37px;display:block;text-indent:-9999px}
.topbanner-nav #prev {left:-33px;position:absolute;top:145px;z-index:50;}
.topbanner-nav #next {right:-33px;position:absolute;top:145px;z-index:50;}


.gallery-container {float:left;width:130px;margin:31px}

/* CONTENT */
#content-container {background-color:#fff;}
#content { padding:30px 0; background-color:#fff; margin:0 auto; text-align:left;width:960px; }
.left-col, .right-col { width:48%;position:relative; }
.saleimg {background:url(../images/sale.png) no-repeat;position:absolute;z-index:500;top:0;right:30px;height:50px;width:50px;}
.main-left { width:65%; float:left; }
.main-right { width:25%; float:right;  padding:10px 0 10px 40px;border-left:2px solid #cccccc; }
ul.main-list li { margin:7px 0 10px 0; background:url(../images/arrowpoint.jpg) no-repeat 0 7px;padding:0 0 1px 17px;line-height:25px}

.product-image {border:1px solid #ccc;padding:15px;-webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;}

.product-image:hover {border:1px solid #244a99;}

#four-columns {font-size:16px; text-align:left; line-height:20px;float:left;width:960px;margin:0 auto 0px;}
#four-columns h4 {margin:20px 0 5px 0;}
#four-columns p {margin:0 10px 0 0}

#intro-text {text-align:center;margin:0 0 0px 0;padding:0 0 3px 0;}
/* FOOTER */
/* Footer nav */
#footer-cols-container {background-color:#cccccc;padding:30px 0;}
.footer-bg {width:960px;margin:0 auto;}

#footer-columns {color:#555; font-size:14px; text-align:left; line-height:20px;float:left;width:960px;margin:0 auto 30px;}

#footer-container {background-color:#333333;padding:30px 0;}
#footer { color:#cccccc; font-size:14px; line-height:20px;text-align:center;}
#footer a { color:#cccccc; text-decoration:none; }
#footer a:hover { text-decoration:none;color:#999999;text-decoration:underline }
#footer h3 {color:#cccccc;font-size:22px;margin:0 0 20px 0;}

small {font-size:13px;}


.four-col { width:225px; float:left;margin:0 20px 0 0;}
.footer-col { width:225px; float:left;margin:0 20px 0 0;}

.footer-col ul li a, .four-col ul li a {color:#555555;text-decoration:none;}
.footer-col ul li a:hover, .four-col ul li a:hover {color:#333333;text-decoration:underline;}
.footer-col h3, .four-col h3 {color:#555555;padding:0 0 10px 0;}
.last {margin: 0;}
.border { border-left:1px solid #fff; padding:0 0 0 30px; }
.cards {margin:0 0 20px 0;}

/* CONTACT BOX */
#commentForm label { position: absolute; text-align:left; width:430px; padding:8px 0 5px; font-weight:bold; display: inline-block; color:#333333; }
#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:15px 15px; width:500px;font-size:16px; background-color:#eeeeee;-webkit-border-radius: 10px;  
-moz-border-radius: 10px;  
border-radius: 10px;}
#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 #244a99;background-color:#eeeeee}

/* QUICK QUOTE BOX */
#quickquoteForm label { position: absolute; text-align:left; width:200px; padding:8px 0 5px; font-weight:bold; display: inline-block;color:#000000; }
#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 #555;background-color:#efefef }

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

/* 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; }