/* global style */


html{
overflow: scroll;

}

body{
font: normal 85% Georgia, "Times New Roman", Times, serif;
line-height: 1.5em;
text-align: left;
color: #444;
background: #cac28a url(images/bgcircles4.jpg) repeat-y 50% 100px;
}

#container{
margin: 0 auto;
padding: 0;
width: 780px;
background: transparent;
}


.content{
width: 500px;
margin: 0 auto;
margin-top: 3%;
padding-top: 2%;
text-align: center;
background: transparent;
border-top: 1px solid #555;
}


.toppara{
position: relative;
top: 0;
left:0;
background: transparent url(images/flourish.gif) no-repeat 50% 0;
padding-top: 40px;
clear: both;
}

.lastpara{
float: left;
clear: both;
width: 100%;
background: transparent url(images/flourish.gif) no-repeat 50% 100%;
padding-bottom: 40px;
}

#retro p{
text-align: center;}


#princess, #whirley{
clear: both;
}

#princess{
margin: 20px 0 60px 0;
}

#princess p{
width: 300px;
float: right;
}
.fltlft{
float: left;
}

.fltrt{
float: right;
}

/* fix float glitch in internet explorer */

.lastpara#popcornfix{
padding-top: 110px;
}

/* mainlogo image rep phark technique */

#logo{
text-indent: -5000px;
background: url(images/bannercrop-new.jpg) no-repeat 50% 0;
height: 115px;
}

h2{
padding-bottom: 10px;
}


/* navigation styling */

#navigation{
text-align: center;
font: bold 120% Arial, sans-serif;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
margin: 0;
padding: 10px 0;
}

#navigation ul{
list-style-type: none;
margin: 0;
padding:0;
}

#navigation ul li{
list-style-type: none;
display: inline;
margin: 0;
padding:0 5px;
}

/*nav style for mos ie7 using child selector because impact looks crap in ie6 */

#container >#navigation{
border: none;
font: normal 140% Impact, Arial, sans-serif;
padding: 0;
}

#navigation ul>li{
margin: 0 5px;
}


/*link styling */


#navigation ul li a{
color: #586844;
text-decoration: none;
}

#navigation ul li a:visited{
color: #586844;
text-decoration: none;
}

#navigation ul li a:hover{
color: #993b02;
}

#navigation ul li a:active{
color: #fff;
}

a:link{
color: #586844;
}

a:hover{
color: #fff;
}


/* denotes current page */

body#home #homelink a{
color: #993b02;
}

body#seeds #seedslink a{
color: #993b02;
}

body#popcorn #popcornlink a{
color: #993b02;
}

body#popper #popperlink a{
color: #993b02;
}

body#cobs #cobslink a{
color: #993b02;
}

body#stock #stocklink a{
color: #993b02;
}

body#buyonline #buylink a{
color: #993b02;
}


body#contact #contactlink a{
color: #993b02;
}

/* alternating positions on product layout using reverse floats */

.content dl{
clear: both;
width: 100%;
margin: 12% 0;
}

.content dt{
float: left;
margin: 0;
padding: 0 0 15px 0;
width: 200px;
font-size: 140%;
font-weight: bold;
}

.content dd{
font-size: 90%;
margin: 0;
padding: 0;
}

.content dd.img img{
float: right;
padding-top: 5px ;
}

.alt dt{
float: right;
}

.content .alt dd.img img{
float: left;
}


/* popcorn flavours styling in two columns */

#leftlist{
width: 230px;
float: left;
padding-right: 20px;
}

#leftlist dt{
padding-left: 15px;
}

#leftlist dl{
clear: both;
float: left;
}


#rightlist{
width: 230px;
float: right;
padding-top: 75px;
padding-left: 20px;
}

#rightlist dt{
padding-left: 15px;
}

#rightlist dl{
clear: both;
float:right;
}


/* cobs page */

#coblist{

margin: 0 auto;
padding: 0;
width: 200px;
list-style-type: none;
}



/*popper page layout */

#popcornblah{
margin: 5% 0;
padding: 0;
text-align: left;
}



/* stockist page list styling */


body#stock h3. body#distributors h3{
margin-top: 25px;
padding: 7px 0;
border-top: 1px solid #98a78f;
border-bottom: 1px solid #98a78f;
}

body#stock ul.stocklist, body#distributors ul.stocklist{
margin: 0;
padding: 0 ;
width: 100%;
text-align: center;
list-style-type: none;
}

body#stock ul.stocklist li.address, body#distributors ul.stocklist li.address{
margin: 0;
padding: 0 0 10px 0;
width: 100%;
text-align: center;
font-weight: normal;
}

body#stock ul.stocklist li.stockistname, body#distributors ul.stocklist li.stockistname{
margin: 0;
padding: 0 ;
width: 100%;
text-align: center;

}


/* reduce text size on contact page */

.smallertext{
font-size: 85%;
}



/* footer styling */

#footer{
clear: both;
font-size: 80%;
text-align: center;
margin-top: 30px;
padding-bottom: 30px;
}

#footer ul{
list-style-type: none;
margin: 0;
padding: 0;
}

#footer ul li{
display: inline;
text-align: center;
margin: 0;
padding: 0;
}

#footer ul li a:link, a:visited{
text-decoration: none;
color: #993b02;
}

#footer ul li a:hover{
color: #586844;
text-decoration: none;
}

/* positions the footer lists */

#one{
width:60%;
float: left;
}

#two{
width: 40%;
float: right;
}







/*IMAGE REPLACEMENTS */




/*Page title h2 image rep phark technique*/

#welcomestrip{
text-indent:-5000px;
background: url(images/welcomestrip.gif) no-repeat 50% 0;
height: 29px;
}

#distributorstrip{
text-indent:-5000px;
background: url(images/distributorstrip.gif) no-repeat 50% 0;
height: 29px;
}

#seedstrip{
text-indent:-5000px;
background: url(images/seedstrip.gif) no-repeat 50% 0;
height: 29px;
}

#popcornstrip{
text-indent:-5000px;
background: url(images/popcornstrip.gif) no-repeat 50% 0;
height: 29px;
}

#popperstrip{
text-indent:-5000px;
background: url(images/popperstrip2.gif) no-repeat 50% 0;
height: 29px;
}

#whirleystrip{
text-indent:-5000px;
background: url(images/whirleystrip.gif) no-repeat 50% 0;
height: 29px;
float: left;
width: 100%;
margin-top: 15px;
}

#cobstrip{
text-indent:-5000px;
background: url(images/cobstrip.gif) no-repeat 50% 0;
height: 29px;
}

#stockstrip{
text-indent:-5000px;
background: url(images/stockstrip.gif) no-repeat 50% 0;
height: 29px;
}

#buystrip{
text-indent:-5000px;
background: url(images/buystrip.gif) no-repeat 50% 0;
height: 29px;
}


#contactstrip{
text-indent:-5000px;
background: url(images/contactstrip.gif) no-repeat 50% 0;
height: 29px;
}

#retrostrip{
text-indent:-5000px;
background: url(images/retrostrip.gif) no-repeat 50% 0;
height: 29px;
}	

p#irishstrip{
text-indent:-9999px;
background: url(images/irishstrip.gif) no-repeat top center;
height: 29px;
}





/* Product name replacements */

#papname{
text-indent:-5000px;
background: url(images/papname.gif) no-repeat 50% 0;
height: 29px;
}

#saltname{
text-indent:-5000px;
background: url(images/saltname.gif) no-repeat 50% 0;
height: 29px;
}

#cheesename{
text-indent:-5000px;
background: url(images/cheesename.gif) no-repeat 50% 0;
height: 29px;
}


#autumnhaze{
text-indent:-5000px;
background: url(images/autumnhaze.gif) no-repeat 70% 0;
height: 29px;
}

#babyyellow{
text-indent:-5000px;
background: url(images/babyyellowrice.gif) no-repeat 70% 0;
height: 29px;
}

#babywhite{
text-indent:-5000px;
background: url(images/babywhiterice.gif) no-repeat 70% 0;
height: 29px;
}

#blackmountain{
text-indent:-5000px;
background: url(images/blackmountain.gif) no-repeat 70% 0;
height: 29px;
}

#blueseas{
text-indent:-5000px;
background: url(images/blueseas.gif) no-repeat 70% 0;
height: 29px;
}

#midnightblue{
text-indent:-5000px;
background: url(images/midnightblue.gif) no-repeat 70% 0;
height: 29px;
}

#fieryamber{
text-indent:-5000px;
background: url(images/fieryamber.gif) no-repeat 70% 0;
height: 29px;
}

#pinkblossom{
text-indent:-5000px;
background: url(images/pinkblossom.gif) no-repeat 70% 0;
height: 29px;
}

#richrubyred{
text-indent:-5000px;
background: url(images/richrubyred.gif) no-repeat 70% 0;
height: 29px;
}

#goldenbutter{
text-indent:-5000px;
background: url(images/goldenbutter.gif) no-repeat 70% 0;
height: 29px;
}

#zaramamamix{
text-indent:-5000px;
background: url(images/zaramamamix.gif) no-repeat 70% 0;
height: 29px;
}

#oldeoak{
text-indent:-5000px;
background: url(images/oldeoak.gif) no-repeat 70% 0;
height: 29px;
}


/* relatively positions paragraph on popcorn page so rollover sticker can be absolutely positioned alongside accurately in any browser */

#holdlabel{
position: relative;
top: 0;
left:0;
}

#closelabel{
position: absolute;
top: 30px;
left: -180px;
}




/* sticker image positioning */

#seedsplash{
position: absolute;
top: -180px;
left: -155px;
}

#popsplash{
position: absolute;
top: 200px;
right:10%;
}

#poppersplash{
position: absolute;
top: 200px;
right: 10%;
}


ul#county li{
display: inline;
}

img.flag{
	position: relative;
	top: 6px;
	left: 6px;
}