/* CSS Document */

* {
margin:0px;
padding:0px;
}

body {
background-color:#f8f7e5;
padding-top:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}

#wrapper {
padding:0 51px 0 43px;
margin:20px auto 0px auto;
width:921px;
background:url(../templateimages/background.jpg) top no-repeat;
text-align:left;
}

/*---typography--*/

p {
font-size:12px;
color:#999;
margin-bottom:20px;
}

.first {
font-size:18px;
}

h1.custom {
font-size:11px;
font-weight:bold;
color:#669900;
}

h2.custom {
font-size:12px;
font-weight:bold;
color:#666;
margin-bottom:10px;
}

h3.custom {
font-size:19px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
font-weight:normal;
}

h4.custom {
font-size:18px;
color:#669900;
font-weight:normal;
}

a {
color:#79A0B9;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}


/*---header--*/



#header {
position:relative;
height:141px;
padding:63px 0 0 30px;

}

#topNav {
top:11px;
right:120px;
position:absolute;
color:#FFFFFF;
}

#topNav ul {
}

#topNav ul li {
display:inline;
}

#topNav ul li a {
margin-right:2px;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
}

#topNav ul li a:hover {
color:#333333;
}

#logo {
padding-left:26px;
margin:62px 0 0 0;
float:left;
}

#contact {
font-size:14px;
font-weight:bold;
position:absolute;
top:120px;
right:20px;
text-align:right;
}

#contact p {
color:#666;
margin:0px;
}

#navBar {
margin:0px;
padding:0px;
clear:both;
}

#navBar ul {
padding-top:4px;
height:26px;
width:919px;
background:url(../templateimages/navBar.jpg);
}

#navBar ul li ul {
position:absolute;
height:auto;
left:50px;
top:26px;
display:none;
width:140px;
padding-bottom:7px;
background-color:#8CBF40;
background-image:none;
}

#navBar ul li ul.paperbag {
left:68px;
}

#navBar ul li ul.ecobag {
left:42px;
}

#navBar ul li ul.stockbag {
left:45px;
}

#navBar ul li ul.accessorie {
left:57px;
background-color:#999;
}


#navBar ul li ul li {
display:block;
line-height:1.8em;
float:none;
}

#navBar ul li ul li a {
padding:0 10px 0 10px;
text-indent:0px;
color:#FFFFFF;
font-size:11px;
}

#navBar ul li ul li a:hover {
background-color:#666;
text-decoration:none;
}

#navBar ul li:hover ul, #navBar ul li.over ul {
display:block;
float:none;
z-index:100;
}


#navBar ul li {
list-style-type:none;
float:left;
position:relative;
}

#navBar ul li a {
text-indent:-3000px;
display:block;
}

#navBar ul li a.home {background:url(../templateimages/homeUp.jpg);width:41px;height:22px;margin-left:30px;}
#navBar ul li a.home:hover { background:url(../templateimages/homeOver.jpg); }

#navBar ul li a.paperbags {background:url(../templateimages/paperbagsUp.jpg);width:82px;height:26px;margin-left:70px;}
#navBar ul li a.paperbags:hover {background:url(../templateimages/paperbagsOver.jpg);}

#navBar ul li a.ecobags {background:url(../templateimages/ecobagsUp.jpg);width:72px;height:26px;margin-left:45px;}
#navBar ul li a.ecobags:hover {background:url(../templateimages/ecobagsOver.jpg);}

#navBar ul li a.stockbags {background:url(../templateimages/stockbagsUp.jpg);width:78px;height:26px;margin-left:50px;}
#navBar ul li a.stockbags:hover {background:url(../templateimages/stockbagsOver.jpg);}

#navBar ul li a.accessories {background:url(../templateimages/accessoriesUp.jpg);width:85px;height:26px;margin-left:60px;}
#navBar ul li a.accessories:hover {background:url(../templateimages/accessoriesOver.jpg);}

#search {
position:absolute;
bottom:-30px;
right:20px;
}

.searchBox {
width:130px;
margin-right:10px;
padding:2px;
margin-bottom:5px;
}

.searchSubmit {
background:url(../templateimages/goBtn.jpg) no-repeat;
width:28px;
height:23px;
border:none;
color:#FFFFFF;
}

#miniBasket {
margin-top:10px;
font-size:10px;
}

#miniBasket ul {
float:right;
padding-right:20px;
}

#miniBasket ul li {
display:inline;

}

#miniBasket ul li a {
}

#miniBasket a {
font-size:11px;
}

#miniBasket p {
margin:0px;
}




/*---main---*/


#theMainContent { margin-top:35px; }


#left {
float:left;
width:393px;
}

#right {
float:right;
width:481px;
}



/*---homepage---*/



#stockbagAdvert {
background:url(../templateimages/stockbagAdvert.jpg);
width:383px;
height:175px;
margin-top:40px;
margin-bottom:30px;
padding-top:12px;
}

#stockbagAdvert a {
color:#000000;
}

#stockbagAdvert a:hover {
color:#336600;
}

#stockbagAdvert img {
float:left;
margin-right:15px;
}


#blog {
background:url(../templateimages/blog.jpg);
width:349px;
height:100px;
padding:50px 22px 17px 20px;
}

#blog2 {
background:url(../templateimages/blog2.jpg);
width:349px;
height:100px;
padding:50px 22px 17px 20px;
}

#blog3 {
background:url(../templateimages/blog3.jpg);
width:95%;
height:161px;
padding:40px 22px 0px 20px;
margin-bottom:20px;
}

#blog3 a{ color:#666666; }
#blog3 a:hover{ color:#666666; text-decoration:underline;}

#blog4 {
width:99%;
}

#blog5 {
background:url(../templateimages/blog4.jpg);
width:95%;
height:161px;
padding:40px 22px 0px 20px;
margin-bottom:20px;
}

#blog5 a{ color:#666666; }
#blog5 a:hover{ color:#666666; text-decoration:underline;}



#blog6 {
width:100%;
height:230px;
}

.homepageBtn {
padding:8px 0 8px 0;
float:left;
width:230px;
height:90px;
border-top:1px solid #ccc;
margin:0px 10px 0px 0px;
}

.bag {
float:left;
border:none;
}

.dots {
float:left;
margin-right:5px;
}

.bagText {
margin-top:22px;
float:left;
}

.homepageBtn a {
color:#999;
}

.homepageBtn a:hover {
color:#669900;
text-decoration:none;
}

.bagRight {
margin-right:20px;
}




/*---flashPages---*/




.infoTable {
	width: 290px;
	background: None;
	margin-bottom: 15px;
	margin-right:20px;
	border: 1px solid #ccc;
}

.infoTable tr {
	background: #E3F1CF;
}

.infoTable .row1 {
	background: #c9e5a5;
}

.infoTable td {
	padding: 3px 3px 3px 8px;
}



/*---footer---*/



#footer {
clear:both;
margin:auto;
background:url(../templateimages/footer.jpg) no-repeat;
height:42px;
width:921px;
padding:30px 51px 10px 43px;
}

#footer p {
padding-top:10px;
border-top:1px solid #DBE4AF;
text-align:right;
font-size:10px;
}

#footer a {
color:#688D2F;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

.hpTables {background-image:none;width:344px;padding:0;}
.hpTables td {text-align:center;padding:0;font-size:12px;color:#76A173;font-weight:bold;}
.hpTables td a {text-align:center;padding:0;font-size:12px;color:#76A173;font-weight:bold;}
.hpTables td a:visited {text-align:center;padding:0;font-size:12px;color:#76A173;font-weight:bold;}
.hpTables td a:active {text-align:center;padding:0;font-size:12px;color:#76A173;font-weight:bold;}
.hpTables td a:hover {text-align:center;padding:0;font-size:12px;color:orange;font-weight:bold;}
.hpTables tr {background-image:none;padding:0;}
.homepage {background:url(images/homeBG.gif) right top no-repeat;}


#optext {height:120px;padding:6px;}