@charset "utf-8";

/* CSS Document */

body {
		background-image:url(images/bg5.jpg);
		
		background-repeat: repeat-x;
		
		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		font-size: 12px;
		
		color: #000000;
		
		line-height: 20px;
		
}

#container {
	
		
		padding: 0px;
		
		width: 1045px;
		
		margin-right: auto;

		margin-bottom: 0;

		margin-left: auto;

		margin-top: 13px;

}

/*----------------------------NAV STYLES-----------------------------------------*/

#nav {
		
		margin-top: 169px;
		
		width: 237px;
		
		float: left;
		
}

#nav ul {

		width: 237px;
		
		padding: 0 0 0 0px;
		
}

#nav ul li {

		list-style: none;
		
		display: inline;
		
}

.mrshowbags {

		width: 237px;
		
		height: auto;
		
		float: left;
}

/*----THE FOLLOWING SETS THE HEIGHT AND WIDTH FOR ALL A TAGS----*/

#nav ul li a {

		display: block;
		
		width: 237px;
}

#nav ul li a span {

		display: none;
		
}

/* THESE LOAD THE INDIVIDUAL IMAGES FOR EACH A TAG IN AN ID'S LIST ITEM*/

/*smencil world link*/

#nav ul li#smencilsworld a:link, #nav ul li#smencilsworld a:visited {

		background:url(images/smencilworld.gif);
		
		background-repeat:no-repeat;
		
		height: 52px;
}

#nav ul li#smencilsworld a:hover, #nav ul li#smencilsworld a:active {

		background: url(images/smencilworld.gif);
		
		background-repeat: no-repeat;
		
		background-position:0 -52px;
		
}

/*products link*/

#nav ul li#products a:link, #nav ul li#products a:visited {

		background: url(images/products.gif);
		
		height: 43px;
		
}

#nav ul li#products a:hover, #nav ul li#products a:active {

		background: url(images/products.gif);
		
}

/*original smencils link*/

#nav ul li#originalsmencils a:link, #nav ul li#originalsmencils a:visited {

		background: url(images/original.gif);
		
		height: 27px;
		
}

#nav ul li#originalsmencils a:hover, #nav ul li#originalsmencils a:active {

		background: url(images/original.gif);
		
		background-repeat: no-repeat;
		
		background-position: 0 -27px;
		
}

/*coloured smencils link*/

#nav ul li#colouredsmencils a:link, #nav ul li#colouredsmencils a:visited {

		background: url(images/coloured.gif);
		
		height: 35px;
		
}

#nav ul li#colouredsmencils a:hover, #nav ul li#colouredsmencils a:active {

		background: url(images/coloured.gif);

		background-repeat: no-repeat;
		
		background-position: 0 -35px;
		
}	

/*services link*/

#nav ul li#services a:link, #nav ul li#services a:visited {

		background: url(images/services.gif);
		
		height: 37px;
		
}

#nav ul li#services a:hover, #nav ul li#services a:active {

		background: url(images/services.gif);
		
}

/*fundraising link*/

#nav ul li#fundraising a:link, #nav ul li#fundraising a:visited {

		background:url(images/fundraising.gif);
		
		height: 40px;
	
}

#nav ul li#fundraising a:hover, #nav ul li#fundraising a:active {

		background:url(images/fundraising.gif);
		
		background-repeat: no-repeat;
		
		background-position: 0 -40px;
		
}




/*contact us link*/

#nav ul li#contactus a:link, #nav ul li#contactus a:visited {

		background:url(images/contact.gif);
		
		height: 40px;
		
}

#nav ul li#contactus a:hover, #nav ul li#contactus a:active {

		background:url(images/contact.gif);
		
		background-repeat: no-repeat;
		
		background-position: 0 -40px;
}

/*online ordering link*/

#nav ul li#order a:link, #nav ul li#order a:visited {

		background:url(images/onlineordering.gif);
		
		height: 40px;
		
}

#nav ul li#order a:hover, #nav ul li#order a:active {

		background:url(images/onlineordering.gif);
		
		background-repeat: no-repeat;
		
		background-position: 0 -40px;
		
}

/*distributors link*/

#nav ul li#distributors a:link, #nav ul li#distributors a:visited {

		background: url(images/distributor.gif);
		
		height: 43px;
		
}

#nav ul li#distributors a:hover, #nav ul li#distributors a:active {

		background: url(images/distributor.gif);
		
}

/*australia link*/

#nav ul li#australia a:link, #nav ul li#australia a:visited {

		background: url(images/australia.gif);
		
		height: 29px;
		
}

#nav ul li#australia a:hover, #nav ul li#australia a:active {

		background: url(images/australia.gif);
		
		background-repeat: no-repeat;
		
		background-position: 0 -29px;
		
}

/*united states link*/

#nav ul li#unitedstates a:link, #nav ul li#unitedstates a:visited {

		background:url(images/unitedstates.gif);
		
		height:54px;
		
}

#nav ul li#unitedstates a:hover, #nav ul li#unitedstates a:active {

		background:url(images/unitedstates.gif);
		
		background-repeat:no-repeat;
		
		background-position: 0 -54px;
		
}

/*-----styles for current nav items on individual documents--------*/

/*smencils world hover*/
#dsmencilsworld #nav ul li#smencilsworld a:link, #dsmencilsworld #nav ul li#smencilsworld a:visited, 
#dsmencilsworld #nav ul li#smencilsworld a:hover, #dsmencilsworld #nav ul li#smencilsworld a:active {

		background: url(images/smencilworld.gif);
		
		background-position: 0 -52px;
		
}

/*original smencils hover*/

#doriginalsmencils #nav ul li#products a:link, #doriginalsmencils #nav ul li#products a:visitied,
#doriginalsmencils #nav ul li#products a:hover, #doriginalsmencils #nav ul li#products a:active {

		background:url(images/products.gif);
		
		background-position: 0 -43px;
		
}

#doriginalsmencils #nav ul li#originalsmencils a:link, #doriginalsmencils #nav ul li#originalsmencils a:visited,
#doriginalsmencils #nav ul li#originalsmencils a:hover, #doriginalsmencils #nav ul li#originalsmencils a:active {

		background:url(images/original.gif);
		
		background-position: 0 -27px;
		
}

/*coloured smencils hover*/
#dcolouredsmencils #nav ul li#colouredsmencils a:link, #dcolouredsmencils #nav ul li#colouredsmencils a:visited,
#dcolouredsmencils #nav ul li#colouredsmencils a:hover, #dcolouredsmencils #nav ul li#colouredsmencils a:active {

		background:url(images/coloured.gif);
		
		background-position: 0 -35px;
		
}

/*fundraising hover*/
#dfundraising #nav ul li#fundraising a:link, #dfundraising #nav ul li#fundraising a:visited,
#dfundraising #nav ul li#fundraising a:hover, #dfundraising #nav ul li#fundraising a:active {

		background: url(images/fundraising.gif);
		
		background-position: 0 -40px;
		
}




/*contact us hover*/
#dcontactus #nav ul li#contactus a:link, #dcontactus #nav ul li#contactus a:visited,
#dcontactus #nav ul li#contactus a:hover, #dcontactus #nav ul li#contactus a:active {

		background:url(images/contact.gif);
		
		background-position: 0 -40px;
		
}

/*online ordering hover*/
#dorder #nav ul li#order a:link, #dorder #nav ul li#order a:visited,
#dorder #nav ul li#order a:hover, #dorder #nav ul li#order a:active {

		background:url(images/onlineordering.gif);
		
		background-position: 0 -40px;
		
}

/*australia hover*/
#daustralia #nav ul li#australia a:link, #daustralia #nav ul li#australia a:visited,
#daustralia #nav ul li#australia a:hover, #daustralia #nav ul li#australia a:active {

		background:url(images/australia.gif);
		
		background-position: 0 -29px;
		
}

/*united states hover*/
#dunitedstates #nav ul li#unitedstates a:link, #dunitedstates #nav ul li#unitedstates a:visited,
#dunitedstates #nav ul li#unitedstates a:hover, #dunitedstates #nav ul li#unitedstates a:active {

		background:url(images/unitedstates.gif);
		
		background-position: 0 -54px;
		
}

		

/*----------------CONTAINER2 STYLES------------*/

#container2 {

		margin: 0 0 0 0px;
		
		padding-left: 2px;
		
		width: 756px;
		
		float: left;
		
		
}



/*------------------HEADER----------------*/

#header {

		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: 335px;
		
		float: left;
		
		overflow: hidden;
		
}

#header h1 {

		display: none;
		
		margin: 0px;
		
		padding: 0px;
		
}

/*---------------------CONTENT STYLES--------------*/

#content_orange {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background: url(images/tiled_orange.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_purple {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_purple.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_red {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_red.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
		
}

#content_green {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_green.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_green2 {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_green2.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_cyan {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_blue.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_ltblue {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background: url(images/tiled_ltblue.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_yellow {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_yellow.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_red2 {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background: url(images/tiled_red2.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

#content_blue {
	
		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		height: auto;
		
		float: left;
		
		background:url(images/tiled_ltblue2.png);
		
		background-repeat: repeat-y;
		
		clear: both;
		
		overflow: hidden;
}

/*-----------INDEX STYLES-----------*/

#index {

		width: 707px;
		
		margin-left: auto;
		
		margin-right: auto;
		
}

#position {
	
			position: relative;
			
			top: 0px;
			
			right: 0px;
			
			bottom: 0px;
			
			left: 0px;
			
}

/*--------------WORLD STYLES--------------------*/

.world {
		
		padding-left: 45px;
		
		padding-top: 10px;
		
}

.environment {

		padding-left: 20px;
		
}


/*----------ORIGINAL & COLOURED STYLES---------*/



.description {
		
		padding-top: 3px;

		padding-left: 15px;
		
		float: left;
}

.fivepack {

		padding-top: 8px;

		padding-left: 35px;
		
		float: left;
		
}

#pencils {

		width: 700px;
		
		margin: 0 0 0 0px;
		
		float: left;
		
		clear: both;
}

.tenheader {

		width: 637px;

		padding-left: 35px;
		
		padding-top: 10px;
		
		display: block;
		
		font: 0px;
		
}

.tenmiddle_original {

		width: 637px;
		
		margin-left: 35px;

		background:url(images/originalsmencils/tiledfor_pencils.gif);
		
		background-repeat: repeat-y;
		
}

.tenmiddle_coloured {

		width: 638px;
		
		margin-left: 35px;
		
		background-image:url(images/colouredsmencils/tiled_coloredpencils.gif);
		
		background-repeat: repeat-y;

}

.tenfooter {

		width: 637px;
		
		padding-left: 35px;
		
		padding-bottom: 10px;
		
}

#bagset_bucket {

		width: 700px;
		
		margin: 0 0 0 0px;
		
		float: left;
		
		clear: both;
}

.bottomheader {

		width: 660px;
		
		padding-left: 23px;
		
}

.bottommiddle_original {

		width: 660px;

		background:url(images/originalsmencils/bottom_tile.gif);
		
		background-repeat: repeat-y;
		
		margin-left: 23px;
		
		text-align: center;
		
}

.bottommiddle_coloured {

		width: 660px;

		background:url(images/colouredsmencils/bottom_tile.gif);
		
		background-repeat: repeat-y;
		
		margin-left: 23px;
		
		text-align: center;
		
}

.bottomfooter {

		width: 660px;
		
		padding-left: 23px;
		
}

/*----------------FUNDRAISING STYLES---------*/

.intro p {

		text-align:center;
}

#fundproducts {

		float: left;
		
		width: 705px;
		
}

.fundimages {

		width: 328px;

		float: left;
		
		padding-left: 18px;
		
		
}

.fundinfo {

		width: 328px;

		float: left;
		
		padding-left: 15px;
		
}

.placeorder {

		width: 682px;

		float: left;
		
		clear: both;
		
		padding-left: 23px;
		
}

.placeorder a {

		text-decoration: none;
		
}

/*-------------CUSTOM SMENCILS STYLES-----------*/

.custom_intro {

		float: left;
		
		width: 685px;
		
		padding-left: 25px;
		
}

#custom_labels {

		float: left;
		
		clear: both;

		width: 625px;
		
		height: 520px;
		
		margin-left: 20px;
		
		border: thin solid #037d9d;
		
		padding-bottom:10px;
		
		overflow: scroll;
		
		background: #50d161;
		
}

.process {

		float: left;
		
		clear: both;
		
		padding-left: 530px;
		
		padding-top:10px;
		
}

.sticker_example {

		float: left;
		
		clear: both;

		text-align:center;
		
		width: 705px;
		
		padding-bottom: 10px;
		
		padding-top:10px;
		
}

/*-----------------BUSINESS PROMO STYLES---------*/

#promo_products {

		float: left;
		
		width: 705px;
		
}

.promo_header {

		width: 685px;

		float: left;
		
		padding-left:20px;
		
}

.promo_pics {

		float: left;
		
		width: 330px;
		
		padding-left: 20px;
		
		
}

.promo_descrip {
	
		float: left;
		
		width: 300px;
}

.promo_top {

		float: left;
		
		width: 340px;
		
		text-align: right;
		
		padding-top: 80px;
		
		padding-right:12px;
		
}

/*-------------CONTACT STYLES-------------*/

.contact {

		padding-top: 20px;

		padding-left:25px;
		
		float: left;
		
}

.fruits {

		float: right;
		
		margin-top: 165px;
}

.fruits3 {

		float: right;
		
		margin-top: 370px;
		
}

/*-----------ONLINE ORDERING--------------*/

.order_header {
		
			float: left;
			
			text-align:center;
			
			padding-top: 25px;
			
}


.order_sub_header {

		width: 685px;

		float: left;
		
		padding-left:20px;
		
}

.order_pics {

		float: left;
		
		width:auto;
		
		padding-left: 20px;
		
		padding-top: 5px;
		
		
}

.order_descrip {
	
		float: left;
		
		width: 323px;
}


/*----------UNITED STATES STYLES----------*/

.us_smencils {

		float: left;
		
		padding-left: 20px;
		
		padding-top:10px;
		
		width:400px;
		
}

/*---------------CANADA STYLES---------------*/

#australia_page {

		float: left;
		
		width: 695px;
		
		height: 730px;
		
		padding-left: 8px;
		
		padding-top:8px;
		
}

/*--------------SITEMAP PAGE STYLES------------*/

#site_map {

		float: left;
		
		padding-left: 25px;
		
		padding-top: 10px;
	
		
}

#site_map a {

		text-decoration:none;
		
		color:#000000;
	
		
}

/*---------MISC STYLES-----------------*/

#page_container {


		width: 704px;
		
		height: auto;
		
		margin-left: auto;
		
		margin-right: auto;
}

.anim {
		
		padding-left: 5px;
		
		float: left;
		
}

.dots {

		float:left;
		
		clear:both;

		padding-left: 12px;
		
		padding-top: 10px;
		
		padding-bottom: 18px;
		
}

#bucket {

		position: absolute;
		
		height: 340px;
		
		width: 140px;
		
		left: 410px;
		
		top: 80px;
		
		
}

#bucket_anim {

		float: left;
		
		clear: both;
		
		margin-left: 23px;
}

#sticker {
		
		text-align: center; 
		
}



#key {

		text-align: center;
		
}

table#ups   {
		 border-width: 0px; 
		 
		 border-spacing: 0px; 
		 
		 border-style: solid; 
		 
		 border-color: black; 
		 
		 border-collapse: collapse; 

}

table#ups td { 
		border-width: 1px; 
		
		padding: 5px; 
		
		border-style: solid; 
		
		border-color: black; 
		
		border-collapse: collapse; 
}

#cartproducts {
		
		width: 690px;
		
		text-align: center;
		
		margin-left: auto;
		
		margin-right: auto;
		
}

.card {

		width: 680px;
		
		height: 400px;
		
		border: #000000;
		
		border-width: 3px;
}


/*---------TEXT STYLES--------*/

.redtext {

	color: #FF0000;

	font: bold 12px Verdana, Arial, Helvetica, sans-serif;

}

.whitetext {

		font-family: Arial, Helvetica, sans-serif;
		
		font-size: 9px;
		
		color: #ffffff;
		
		font-weight: normal;
		
		line-height: 7px;
		
}

.maintext {

		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		font-size: 12px;
		
		color: #000000;
		
		line-height: 20px;
		
}

.maintext a {

		font-family:Verdana, Arial, Helvetica, sans-serif;
		
		font-size: 12px;
		
		color:#000000;
		
		line-height: 20px;
		
		text-decoration: none;
		
}

.carttext {

		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		font-size: 11px;
		
		font-weight: normal;
		
		color: #000000;
		
		line-height: 18px;
}

.sctext {

		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		font-size: 11px;
}

.sctext a {

		color:#000000;
		
}

.boldtext {

		font-family: Verdana, Arial, Helvetica, sans-serif;
		
		font-size: 13px;
		
		color: 000000;
		
		line-height: 18px;
		
		font-weight: bold;
		
}

.terms {

		padding-left: 10px;
		
		padding-right: 10px;
		
}


/*---------------FOOTER STYLES---------*/
#footer {

		margin: 0px;
		
		padding: 0px;
		
		width: 756px;
		
		float: left;
		
		clear: both;
		
		overflow: hidden;
		
}

#sitemap {

		text-align: center;
		
		width: 756px;
		
		padding-top: 5px;
		
}

p.sitemaplinks a {

		color: #ffffff;
		
		text-decoration: none;
		
		font: 9px Arial, Helvetica, sans-serif;
		
		line-height: 7px;
}

p.sitemaplinks a:hover {

		color: #ffffff;
		
		text-decoration: none;
		
		line-height: 7px;
		
}