@charset "utf-8";
/* CSS Document */

/* Default styles */

html { min-height: 100%; margin: 0px; padding: 0px;}
body {
		font-family: calibri, arial, helvetica, sans-serif;
		font-size: 16px;
		color: #222222;
		background-color:  #b1eafb;
		background: url('../img/bg_stars.png') bottom left repeat-x;
        background: url('../img/bg_stars.png') bottom left repeat-x, -webkit-linear-gradient(#b1eafb 0%, #86bae9 50%); /* For Safari 5.1 to 6.0 */
        background: url('../img/bg_stars.png') bottom left repeat-x, -o-linear-gradient(#b1eafb 0%, #86bae9 50%);      /* For Opera 11.1 to 12.0 */
        background: url('../img/bg_stars.png') bottom left repeat-x, -moz-linear-gradient(#b1eafb 0%, #86bae9 50%);    /* For Firefox 3.6 to 15 */
        background: url('../img/bg_stars.png') bottom left repeat-x, linear-gradient(#b1eafb 0%, #86bae9 50%);         /* Standard syntax */
		margin: 0px auto;
}

img { border: 0px; }

a, a:link, a:visited { text-decoration: none; color: #222222; }
a:hover              { color: #342e7d; }

h1 { font-size: 24px; text-transform: uppercase; margin: 0px; font-weight: normal; }
h2 { font-size: 20px; text-transform: uppercase; margin: 0px; font-weight: normal; }
h3 { font-size: 18px; text-transform: uppercase; margin: 0px; font-weight: normal; }

/* Site Header */

.headerOuter   { width: 960px; margin: 0px auto; height: 120px; position: relative; }
.logoMain      { position: absolute; top: 0px; left: 0px; }
.headerDetail  { font-size: 12px; text-align: right; padding: 80px 20px 0px 20px; }
.headerNav     { width: 960px; margin: 0px auto; background: #ffffff; text-transform: uppercase; font-size: 18px; }
.headerNav ul  { margin: 0px; padding: 20px 60px 10px 20px; list-style: none; text-align: right; line-height: 1em; }
.headerNav li  { margin: 0px; padding: 0px; display: inline; }
.navSelect, .navSelect:link, .navSelect:visited     { color: #f3220b; }
.navSelect:hover { color: #342e7d; }

/* Splash */

.splashOuter   { width: 1020px; padding: 0px; margin: 0px; background: #ffffff; margin: 0px auto; }
.splashInner   { padding: 10px; }
.titleHidden   { display: none; }

.splashRock    { height: 150px; background: url('../media/banner_rocknov.jpg') 10px 10px no-repeat; position: relative;}
.splashGormet  { height: 150px; background: url('../media/banner_gormet.jpg') 10px 10px no-repeat; position: relative;}
.splashMallow  { height: 150px; background: url('../media/banner_mallow.jpg') 10px 10px no-repeat; position: relative;}
.splashContact { height: 150px; background: url('../media/banner_contact.jpg') 10px 10px no-repeat; position: relative;}

.splashRock h1, .splashGormet h1, .splashMallow h1, .splashContact h1 { line-height: 1.0em; padding: 50px 0px 0px 40px; color: #ffffff; font-size: 50px; }

/* Products */

.productBody ul { padding: 0px; margin: 0px; }
.productBody li { display: inline; background: #e9e9e9; float: left; margin-bottom: 20px; }
.productBody img { padding: 10px; }
.productDesc    { display: block; text-align: center; line-height: 1.0em; padding: 10px 20px 20px 20px; }
.productMid     { margin-left: 30px; margin-right: 30px; }

/* Pages */

.mainBody           { width: 960px; margin: 0px auto; padding: 0px; background: #ffffff; }
.homeQuicklinks     { padding: 0px 30px 0px 30px; }
.homeQuickLinksMid  { margin: 0px 30px; }
.contactBody        { padding: 20px 50px 20px 50px; }
.productBody        { padding: 20px 30px 20px 30px; }


/* Contact Form */

.contactOuter        { margin: 0px 30px; padding: 20px 20px 20px 20px; background: #c9e6f1; clear: both;  }
.contactOuter label  { display: block; font-size: 14px; margin-bottom: 5px; }
.contactDetail       { width: 250px; float: left; }
.contactFields       { width: 280px; float: left; margin-left: 20px; }
.contactFields input { display: block; border: 0px; padding: 10px; margin-bottom: 10px; width: 260px; }
.contactMessage      { width: 280px; float: left; margin-left: 20px;  }
.contactMessage textarea { display: block; height: 156px; width: 270px;  padding: 10px; border: 0px; resize: none; font-family: calibri, arial, helvetica, sans-serif; font-size: 16px; }
.contactSend         { text-align: right; padding: 10px 0px 0px 0px; clear: both; }
.contactSend input   { border: 0px; background: #5bb4d6; color: #ffffff; padding: 10px 20px; }

.clear {margin: 0px; padding: 0px; height: 0px; line-height: 0px; clear: both; }


/* Footer */

.footer   { width: 960px; padding: 0px; margin: 0px auto; background-color: #ffffff;}
.footer p { text-align: center; line-height: 1em; padding: 20px; margin: 0px; }
.footerCookie { width: 960px; margin: 0px auto; font-size: 11px; text-align: center; }

/* Section Colour Variations */

#sectionalt1 {
		background-color:  #c8f18c;
		background: url('../img/bg_stars.png') bottom left repeat-x;
        background: url('../img/bg_stars.png') bottom left repeat-x, -webkit-linear-gradient(#c8f18c 0%, #a0cf75 50%); /* For Safari 5.1 to 6.0 */
        background: url('../img/bg_stars.png') bottom left repeat-x, -o-linear-gradient(#c8f18c 0%, #a0cf75 50%);      /* For Opera 11.1 to 12.0 */
        background: url('../img/bg_stars.png') bottom left repeat-x, -moz-linear-gradient(#c8f18c 0%, #a0cf75 50%);    /* For Firefox 3.6 to 15 */
        background: url('../img/bg_stars.png') bottom left repeat-x, linear-gradient(#c8f18c 0%, #a0cf75 50%);         /* Standard syntax */
}