@charset "UTF-8";
/* CSS Document */
html,
body {
margin:0px;
padding: 0px;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:100%;
}
#container {
   min-height:100%;
   position: relative;
   background-color: #034e7f;
	background-image: url(img/back.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	padding-top: 20px;
}

#main {
   padding:10px;
padding-bottom:-100px;   /* Height of the footer */
}





#nav{
margin: 0px auto 0px auto;
padding:0px;
width: 890px;
position:relative;
left: 19px;
top: 4px;
}

#main{
clear:both;
padding:0px;
padding-left: 38px;
margin:0px auto 0px auto;
width: 890px;
height: 100%;
padding-bottom: 100px;
}

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

#nav img {
float:left;
margin: 0px;
padding: 0px;
}

#left{
	float:left;
	padding: 13px 30px 13px 30px;
	margin: 0px 0px 0px auto;
	width: 320px;
	height: 852px;
	background-color: #f6f5f5;
	background-repeat: repeat-x;
	background-position: bottom;
	
}

#Lexleft{
	float:left;
	padding: 13px 30px 13px 30px;
	margin: 0px 0px 0px auto;
	width: 320px;
	height: 791px;
	background-color: #f6f5f5;
	background-repeat: repeat-x;
	background-position: bottom;
	
}

#Ecoleft{
	float:left;
	padding: 13px 30px 13px 30px;
	margin: 0px 0px 0px auto;
	width: 320px;
	height: 791px;
	background-color: #f6f5f5;
	background-repeat: repeat-x;
	background-position: bottom;
	
}


#rightdqm{
float:left;
	vertical-align: bottom;
	padding-top: 100px;
	padding-bottom:0px;
	margin:0px;
	margin-left:0px;
	background-color: #FFFFFF;
	width:425px;
	height: 778px;
	background-color: #005ca7;
	background-repeat: repeat-y;
	background-position: -1px;
}

#right{
vertical-align: bottom;
padding-top: 100px;
padding-bottom:0px;
	margin:0px;
	float:left;
	background-color: #0ab98d;
	width:425px;
	height: 726px;
	
}

#leftptp{
	float:left;
	padding: 13px 30px 13px 30px;
	margin: 0px 0px 0px auto;
	width: 320px;
	height: 1000px;
	background-color: #f6f5f5;
	background-repeat: repeat-x;
	background-position: bottom;
	}

#rightptp{
	vertical-align: bottom;
	padding-bottom:0px;
	margin:0px;
	float:left;
	background-color: #FFFFFF;
	width:425px;
	height: 1026px;
	background-image: url(img/ptp/background.gif);
	background-repeat: repeat-y;
	background-position: -1px;
	z-index:10;
}

.center{
	margin: 15px 95px 15px auto;
}


#mensa{
float:left;
	margin: 6px 0px 0px -72px;

}

#bottom{
	margin-top: -109px;
}

#right img{
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
	z-index: 10;
}

#pillbox{
margin: 13px 0px 10px 0px;
}

p{
margin: 10px 0px 10px 0px;
padding: 0px;
}

#copy{
color: #d0d0d0;
margin: 20px auto 0px auto;
text-align:center;
font-size:9px;

}

.bottom{
	position: relative;
	top: 170px;
}

#bonus{
	position: relative;
	left: -30px;
	bottom: 48px;
}





#vpright #vptower{
margin:0px;
margin-top: -39px;

}

#vpright{
vertical-align: bottom;
padding-top: 100px;
padding-bottom:0px;
	margin:0px;
	float:left;
	width:425px;
	height: 778px;
	background:url(img/vp/tower_03.jpg) bottom no-repeat #ffd219;
	
}

#right #tfk{
margin:0px;
margin-top: -100px;
}



a:link {
	color: #034e7f;
	text-decoration: none;
}

a:visited{
	color: #034e7f;
	text-decoration: none;
}

a:hover{
	color: #c80303;
	text-decoration:none;
}

#rightYikerz{
	margin: 0px;
	padding: 0px;
	width: 425px;
	height: 878px;
	background:url(img/yikerz/yikerz_tower3.jpg) #5ab477;
	background-position:bottom;
	margin-left: 380px;
	
}

#rightLex{
	margin: 0px;
	padding: 0px;
	width: 425px;
	height: 818px;
	background:url(img/lex/Wiggles-Site_Lexigo_06.jpg);
	margin-left: 380px;
	
}


#rightEco{
	margin: 0px;
	padding: 0px;
	width: 425px;
	height: 817px;
	background: url(img/eco/Eco_Tower.jpg);
	margin-left: 380px;
	
}

#navLine{
	height: 43px;
	width: 855px;
	text-align:center;
	background:url(img/NewNav/NavBar.png) no-repeat;
	padding-top: 14px;
	color: #FFF;
	margin-left: -19px;
	margin-bottom: -25px;
	position:relative;

}

#navLine a:link{
color: #FFF;
}

#navLine a:visited{
color: #FFF;

}

#navLine a:hover{
color:#ccc;
text-decoration:none;
background-color:#a70707;
border-left: 1px #8b1414 solid;
border-right: 1px #8b1414 solid;
padding-right: 16px;
padding-left: 16px;
}

#navLine a{
padding-right: 17px;
padding-left: 17px;
padding-bottom: 10px;
padding-top: 10px;
}

#yikerzlayouts{
margin-left: -23px;
margin-top: 9px;

}

#pdright{
vertical-align: bottom;
padding-top: 1px;
padding-bottom:0px;
	margin:0px;
	margin-bottom: -80px;
	background-color: #f6f5f5;
	background-image: url(wiggles/products/games/left.png);
	background-repeat: repeat-x;
	background-position: bottom;
	width:805px;
	height: 100%;
	color: #222;
	
}


#pdDQM{
background: url("img/products/Wiggles_Site_product_page_05.jpg");
width: 340px; 
height: 202px;
float:left;
margin: 0px;
padding: 0px;
padding-right: 450px;
padding-left: 15px;
padding-top: 10px;
}

#pdEK{
background: url("img/products/Wiggles_Site_product_page_06.jpg");
width: 340px; 
height: 236px;
float:left;
margin: 0px;
padding: 0px;
padding-right: 450px;
padding-left: 15px;
padding-top: 10px;
}
#pdPtp{
background: url("img/products/Wiggles_Site_product_page_07.jpg");
width: 340px; 
height: 247px;
float:left;
margin: 0px;
padding: 0px;
padding-right: 450px;
padding-left: 15px;
padding-top: 10px;
}
#pdVp{
background: url("img/products/Wiggles_Site_product_page_08.jpg");
width: 340px; 
height: 214px;
float:left;
margin: 0px;
padding: 0px;
padding-right: 450px;
padding-left: 15px;
padding-top: 10px;
}

#pdTfk{
background: url("img/products/Wiggles_Site_product_page_09.jpg");
width: 340px; 
height: 218px;
float:left;
margin: 0px;
padding: 0px;
padding-right: 450px;
padding-left: 15px;
padding-top: 10px;
}

#pdYk{
background: url("img/products/Wiggles_Site_product_page_10.jpg");
width: 340px; 
height: 235px;
float:left;
margin: 0px;
padding: 0px;
padding-right: 450px;
padding-left: 15px;


}



#footer a:link {
	color: #ffffff;
	text-decoration: none;
}

#footer a:visited{
	color: #C0C0C0;
	text-decoration: none;
}

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

#footer{
	color: #ffffff;
	background-color:#222;
	clear:both;
	border-top:#000033 2px ridge;
	height: 100px;
	position:relative;
	width: 100%;
	text-align:center;
}

#dqmCart{


}


.txtcenter{
text-align:center;
padding: 30px 20px 0px 30px;

}

#clearfooter{
height: 10px;
clear:both;
}

#ykbanner{
margin-top: -1px;
}

#nobottom{
background:url(img/prod_bottom.png);
background-position:center bottom;
background-repeat:no-repeat;
width: 805px;
height:113px;
margin: 1px auto 0px auto;	
}

#gameleft{
width: 300px;
float: left;
padding: 25px;
padding-left: 100px;
padding-top: 60px;

}

#quoteshuffle{
float: right;
padding: 25px;
text-align:center;

}

#mov{
margin-left: -30px;
position:relative;
bottom: 10px;
}

#rss{
position:relative;
top: 3px;

}

#links{
width: 350px;
position: relative;
right: 10px;
top: 10px;

}

/******************** V 0.3  News Boxes **********************/



/******************** V 0.4 NEW news boxes **********************/

#newstopper{
margin: 0px auto 0px 89px;

}


.container {
	line-height: 1.7em;
	width: 500px;
	margin: 0 auto;
}
h1 {
	font: 4em normal Georgia, 'Times New Roman', Times, serif;
	text-align:center;
	padding: 20px 0;
	color: #aaa;
}
h1 span { color: #666; }
h1 small{
	font: 0.3em normal Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1.5em;
	display: block;
	color: #666;
}
 .trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(img/news/newsSelector.png) left top no-repeat;
	height: 47px;
	line-height: 50px;
	width: 470px;
	font-size: 1.5em;
	font-weight: normal;
	float: left;
}
 .trigger a {
	color: #2d314b;
	text-decoration: none;
	display: block;
	position:relative;
	bottom: 7px;
}
 .trigger a:hover {
	color: #c80303;
	
}

.trigger:hover{
background-position: left center;
}

.trigger.active:hover{
background-position: left bottom;
}

 .active {background-position: left bottom;}

 .active a{color: #c80303;}

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(img/news/newsmid.png) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 505px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url(img/news/newsbottom.png) no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

.heading1{
font-size: 18px;
}

.newsthumb{
float: right;
position: relative;
bottom: 50px;
right: 13px;

}

.date{
font-size: 10px;
float:left;
position:relative;
bottom: 40px;

}

#qotd{
width: 500px;
margin: 0px auto 0px auto;
}

#ptpvideo{
position:relative;
right: 4px;
top: 20px;
}

#yikvid{
position: relative;
right: 30px;
}

#ptpcards{
display:block;
position: relative;
top: 202px;

}

.ProdDesc {
float: left;
width: 350px;
}

.ProdPic {
float: left;
width: 288px;
}

.ProdCart {
float: left;
width: 130px;
padding-top: 75px;
}

.ProdCart img {
margin-bottom: 1px;
}

.ProdContainer {
padding: 15px;
margin:0px;
height: 260px;
}

.ProdCart img{
display: block;
   margin-left: auto;
   margin-right: auto;

}

#banner{	
margin-top:11px;
background:url(img/home_banner.jpg);
width: 805px;
height: 408px;
}

#yktopvid{
padding-top: 10px;	
}

#newbottom img{
float: left;
margin-bottom: 30px;

}

.safetyleft{
float: left;
padding: 15px;
margin: 10px 10px 10px 20px;
height: 410px;
}

.safetyright{
vertical-align:middle;
text-align:center;
}

h2{
text-align:center;
}

#TravelAd{
height: 177px;
width: 356px;
background:url(img/ptp/TravelAd.png);
background-repeat:no-repeat;
position:relative;
right: 18px;
top: 10px;
padding-left: 50px;
padding-top: 95px;
}

#travelBuy{
margin: 5px;


}

#safetyyk{
	position:relative;
	bottom: 23px;
}

#safetylex{
	position:relative;
	bottom: 7px;
}

#safetyek{
	position:relative;
	top: 3px;
}

#recycle{
position:relative;
bottom: 35px;
}

#TravelAdProd{
height: 177px;
width: 356px;
background:url(img/ptp/TravelAd.png);
background-repeat:no-repeat;
margin: 10px auto -60px auto;
padding-left: 50px;
padding-top: 95px;
}

#LexPledge{
	width: 358px;
	height: 238px;
	background: url(img/lex/Pledge.png) no-repeat;
	margin-left: -18px;
	position: relative;
	bottom: 50px;
}

#Pledge{
	width: 358px;
	height: 238px;
	background: url(img/lex/Pledge.png) no-repeat;
	margin-left: 190px;
}

#pledgetext{
	text-align:center;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 100px;
}

#instructions{
	position:fixed;
	top: 160px;
	margin-left: -90px;
	
}

#instructions2{
position: relative;
top: 8px;	
}

#instructions3{
margin-left: 100px;

}
