/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */


body { color:#695A44; font: 12px 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; background:#F5F1E8 url(../images/bg.jpg) top center }
div { position:relative }
img { margin:0px  }
div.top-gutter {  background:#3c3f36; height:15px;}
div.wrapper { text-align:left; width:950px; margin:0 auto; position:relative }
div.masthead { border-bottom: 1px dashed #363535; margin-bottom:50px; height:170px; z-index:1 }



.image a { float:left; margin-right:25px; margin-bottom:15px;  border: 5px solid #fff }
div.top-gutter {  background:#3C3F36; height:23px;   }
div.top-gutter-container { width:950px; margin:auto; }
.contact-details { width:966px; display:block; font-size:12px; padding:5px; text-align:right; margin-left:auto; margin-right:auto; color:#b9ae93 }
.contact-details a {  color:#b9ae93 }
.red { color:#CC0000; }
.promo { font-size:14px; color:#CC0033; }
ul.list-disc li { list-style:disc; margin:0 0 5px 20px; }
img.no-border { border:0px; }







/* Navigation */
ul.quick-nav { width:655px; position:absolute; top:120px; right:0px;  }
ul.quick-nav li { display:inline; margin:0 0 0 7px; font-size:16px; text-transform:uppercase; font-family:Cambria, Georgia, Times, 'Times New Roman', serif; font-weight:bold;  }
ul.quick-nav li.line { font-weight:normal; color:#CCCCCC; }
ul.quick-nav li.last { margin:0 0 0 7px;  }
ul.quick-nav li a { color:#72918B; text-decoration:none }
ul.quick-nav li a:hover { color: #936333; text-decoration:underline }




/* Footer */
#footer-wrapper { height: 140px; margin-top:35px;  background: #F4F4F0; border-top: 1px solid  #CCCCCC; z-index:2  }
#footer { width:966px; margin: 0 auto; padding: 30px 0 0 0 }
#footer p { margin: 0; line-height: normal;  font-size: 11px }
#footer a { color: #666666; text-decoration:none } 
#footer a:hover { text-decoration:underline} 
#legal { float: left; color:#666666 }
#links { float: right;   }


/* our catalogues div */
#our_catalogues { width:966px; margin-bottom:20px;  }
#our_catalogues li { border-top: 10px solid #333333; list-style:none; float:left; background: #fff url(../images/clothing-over.jpg) no-repeat 0 0; margin:0 25px 60px 0; width:300px; height:408px; position: relative;}
#our_catalogues li.clothing { background: #fff url(../images/clothing-over.jpg) no-repeat 0 0; }
#our_catalogues li.golf { background: #fff url(../images/promotional-over.jpg) no-repeat 0 0; }
#our_catalogues li.last{ background: #fff url(../images/golf-over.jpg) no-repeat 0 0; margin-right:0; }
#our_catalogues li a { display: block; position: relative; overflow: hidden; width:300px; height:408px; color: #000; font: 1.92em/1.2 "Avenir LT Std", Avenir, Helvetica, Arial, sans-serif; }
#our_catalogues li img { position: absolute; top: 0; left: 0; width:300px; height:408px; border: 0; }


/*page layout */

div.the-story, .about, .blog, .catalogue-quotation-form { width:625px; margin-right:25px; float:left }
div.about img { border:2px solid #663300; padding:1px; background:#fff; margin-right: 17px; }
div.about img.no-border { border:0px solid #663300; padding:0px; background:#fff; margin-right: 17px; }
div.about img.last { margin-right: 0px; }
div.blog img { border:2px solid #663300; padding:1px; background:#fff; float:right;  margin: 5px 0 20px 20px }
div.blog ul { display:block; width:100%; margin-bottom:25px; }
div.side-bar, .side-bar-services, .contact_details { width:300px;  float:left }
div.side-bar ul.about li, ul.manufacturing li { list-style:disc; margin:0 0 5px 20px; color:#936333 }
div.side-bar img { margin: 5px 10px 0 0;  float:left; border:1px solid #663300; padding:1px; background:#fff; }
div.side-bar-services img.special { margin-bottom: 20px; }
div.side-bar a:hover img, .about a:hover img { border:1px solid #0099CC; }

div.cat1, .cat2 { width:299px; margin-right:26px; float:left }
div.cat3 { width:299px; float:left  }

em.t-shirt-special a { background:url(../images/t-shirts.png) top left no-repeat; float:left; margin:0 10px 10px 0; width:303px; height:108px; text-indent:-9999px; display:block; }
em.t-shirt-special a:hover { background-position: -304px 0; }
em.polo-shirt-special a { background:url(../images/polo-shirts.png) top left no-repeat; float:left; margin:0 0px 10px 0; width:303px; height:108px; text-indent:-9999px; display:block; }
em.polo-shirt-special a:hover { background-position: -302px 0; }

/**comments**/
div.comments img { float:left; margin: 0 10px 5px 0; }
.comments .alt { background:#f0f4f7; }
.comments li{ padding: 10px 10px; border: 1px solid #CCCCCC; }
blockquote { margin:0 auto 15px auto; font-size:10px; padding:15px; width:80%; background:#f0f4f7; border:1px solid #d9e4ef; }

cite { font-size:14px; padding-left:5px; color: #CC6633; } 
cite a { font-size:14px; padding-left:5px; color: #CC6633; } 

input.general-input  { width:300px; height:15px; padding:5px; margin-right:15px; }
input.delivery-date { width:120px; height:15px; padding:5px; margin-right:15px; }

textarea { width:100%; }
#submit{ background: url(../images/submit.png) no-repeat; font: bold 12px Arial, Helvetica, sans-serif; color: #FFFFFF; border: none; width: 127px; height: 70px; cursor: pointer; text-indent:-9999px;}

/**quoteform**/

#personal-info, #quote-info { margin:0 auto 15px auto; position:relative; font-size:10px; padding:15px; width:90%; background:#f0f4f7; border:1px solid #d9e4ef; }
div.note { margin:0 auto 15px auto; position: absolute; top:40px; right:40px; font-size:11px; padding:15px; width:135px;  border:1px solid #d9e4ef; }


/**table**/

table {  font: 11px/24px Verdana, Arial, Helvetica, sans-serif; border-collapse: collapse; width: 520px; }
tr.border td { border-top:1px solid  #72918B; border-bottom:1px solid  #72918B; border-left:1px solid  #72918B; border-right:1px solid  #72918B;   }
td { border-bottom: 1px solid  #72918B; padding: 0 0.5em; }
td.blue { color:#FFF; font-size:16px; font-weight:bold; background-color:#72918B; }
td.blue2 { color:#FFF; font-size:12px; font-weight:bold; background-color:#92B6AF; }

/**terms and conditions**/
ul.terms { list-style-type:circle; margin-left:20px; }
ul.terms li { list-style-type:circle; padding-bottom:10px; }




/**client**/
#clients img{
width:85px;
}