/**************************************************************
   POPPY YARNS 2008 - Stylesheet Template for online shop
 **************************************************************/

html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 3px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: "Trebuchet MS", Verdana, garamond, serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px 0px 6px 0px;
  padding: 0px 0px 6px 0px;
  font-size: 100%;
  letter-spacing: .1em;
  font-weight: normal;
  text-decoration: underline;
}
img{border: 0px;}

a{outline: none;}

#slogan
{ font-family: Adlib, verdana, helvetica, arial, sans-serif;
  margin: 0px;
  padding: 0px 0px 3px 3px;
  font-size: 115%;
  color: #333333;
  letter-spacing: .2em;
  text-decoration: none;
}


#pageSurround {
/*	width: 98%; */
    width: 800px;
	margin: 0px auto;
	padding: 0px;
}
#subSurround {
	padding-left: 14px;
    padding-top: 10px;
}
#topHeader {
	text-align: right;
	height: 100px;
	background-image: url(../styleImages/backgrounds/topHeader.gif);
	background-repeat: no-repeat;
}
#sessionBox {
	text-align: left;
/*	background-image: url(../styleImages/backgrounds/sessionBg.gif); */
	width: 236px;
	height: 96px;
	float: right;
}
.topCats {
	text-align: center;
	background-image: url(../styleImages/backgrounds/catBg.gif);
	height: 42px;
	color: #ffffff;
	margin-bottom: 15px;
}
.topCatsBgRight {
	background-image: url(../styleImages/backgrounds/catBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 42px;
}
.topCatsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/catBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 42px;
}
.siteDocs {
	text-align: center;
	background-image: url(../styleImages/backgrounds/siteDocsBg.gif);
	height: 30px;
	color: #ffffff;
}
.siteDocsBgRight {
	background-image: url(../styleImages/backgrounds/siteDocsBgRight.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 30px;
}
.siteDocsBgLeft {
	float: left;
	background-image: url(../styleImages/backgrounds/siteDocsBgLeft.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 30px;
}
.boxTitleLeft, .boxTitleRight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #800080;
	background-image: url(../styleImages/backgrounds/boxTitleBg.gif);
	width: 175px;
	height: 15px;
/*    border-bottom: 1px solid #efefee; */
	padding: 5px 0px 5px 5px;
    background-repeat: no-repeat;
	font-weight: bold;
}

.boxFootLeft, .boxFootRight {
	background-image: url(../styleImages/backgrounds/boxFootBg.gif);
	width: 175px;
	height: 12px;
	padding-left: 5px;
	background-repeat: no-repeat;
	margin-bottom: 5px;
}

.boxContentLeft, .boxContentRight {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 168px;
}
.shopcartTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #800080;
	background-image: url(../styleImages/backgrounds/scboxTitleBg.gif);
	width: 160px;
	height: 16px;
	padding: 5px 0px 0px 6px;
    background-repeat: no-repeat;
	font-weight: bold;
}

.shopcartFoot {
 	background-image: url(../styleImages/backgrounds/scboxFootBg.gif);
	width: 160px;
	height: 15px;
	padding-left: 0px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
}

.shopcartContent {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding-left: 6px;
    padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 146px;
}

.boxContent {
/*	border-top: 1px solid #B8B8B8;
	border-right: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	border-left: 1px solid #B8B8B8; */
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #333333;
	margin-bottom: 0px;
}


/* CHECKOUT PAGES 
.colLeftCheckout {
	position: relative;
	left: 0px;
	width: 160px; 
	padding-left: 9px;
	padding-right: 10px;
	float: left;
}
*/

/* END CHECK OUT PAGES */
.docBtnLeft {
	background-image: url(../styleImages/backgrounds/docBtnLeft.gif);
	width: 4px;
}
.docBtnRight {
	background-image: url(../styleImages/backgrounds/docBtnRight.gif);
	width: 4px;
}
.docBtnMid {
	background-color: #DDDDDD;
	padding: 0px 3px 0px 3px;
}

.pagination {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
}
#subCats {
	background-color: #FFFFFF;
	text-align: center;
	border: 1px solid #CCCCCC;
	margin: 0px;
	float: left;
	width: 99.5%;
}
.subCat {	
	text-align: center;
	padding: 8px;
	float: left;
	width: 190px;
	height: 200px;
    border: 1px #ffffff;
}
.regSep{
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.topCatsTabLeft {
	background-image: url(../styleImages/backgrounds/catTabLeft.gif);
	background-repeat: no-repeat;
	width: 7px;
}
.topCatsTabMid {
	background-image: url(../styleImages/backgrounds/catTabMid.gif);
	background-repeat: repeat-x;
}
.topCatsTabRight {
	background-image: url(../styleImages/backgrounds/catTabRight.gif);
	width: 7px;
	background-repeat: no-repeat;
}
.latestProds {
	float: left;
	text-align: center;
	width: 190px;
	height: 200px;
    margin: 2px;
    padding-top: 10px;
    border: 1px solid #CCCCCC;
}
/* margin lefts / margin rights - to centre content */
#pageSurround, #main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{width: 800px;}

/* header */
#header
{ width: 98%;
  height: 130px;
}

/* logo */
#logo
{ padding: 10px 0px 0px 0px;
  float: left;
  margin: 0px 5px 15px 15px;
}

#logotxt
{ padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 5px;
}

#address
{ padding: 11px 17px 0px 14px;
  float: right;
  text-align: right;
}

#address p
{ padding: 0px;
  margin: 0px;
}

#PYheader {
width: 100%;
margin-bottom: 14px;
 }


#logotxt h1
{ font-family: Adlib, verdana, helvetica, arial, sans-serif;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 180%;
  color: #333333;
  letter-spacing: .2em;
}

#logotxt h2
{ font-family: Adlib, verdana, helvetica, arial, sans-serif;
  margin: 0px;
  padding: 0px 0px 0px 0px;
  font-size: 120%;
  color: #333333;
  letter-spacing: .2em;
  text-decoration: none;
}


/* navigation menu */
#menu {
    width: 98%;
	margin: 0px 0px 0px 14px;
   
}
/*margin: 0px 15px 0px 15px;} */

#menu ul
{ height: 38px; 
  margin: 0px auto;
} 

#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a, #menu li a #selected, #menu li a:hover 
{ font-family: verdana, arial, sans-serif;
  display: block; 
  float: left; 
  height: 7px;
  text-decoration: none; 
  margin: 5px 12px 0px 4px;
  padding: 7px;
  text-transform: uppercase;
  font-size: 80%;
} 

/* footer */
#footer
{ height: 44px;  
  padding: 18px 0px 4px 0px;
  font-size: 55%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  border-top: 2px solid;
  margin: 4px 15px 4px 15px;
}

#footer a
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dashed;
}

#footer a:hover
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom, .mtop, .mbottom{display: block;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4,
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1, .m1{margin: 0 5px}

.r2, .m2{margin: 0 3px}

.r3, .m3{margin: 0 2px}

.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{ margin: 0 1px;
  height: 2px
}