@charset "utf-8";
/* CSS Document */

body {
		margin:0px auto;
		border:0px;
/*		background-image:url(../images/layout/cartridgeworld-background.jpg);
		background-position:center;
		background-attachment:fixed;*/
		
}

.headerP1 {
		width:100%;
		height:103px;
		margin-left:auto;
		margin-right:auto;
		background:#FFEC16;
}

.header_container {
	    margin-left:auto;
		margin-right:auto;
		width:940px;
	}

.headerP2 {
		width:100%;
		height:16px;
		margin-left:auto;
		margin-right:auto;
		background:#8BC53B;
}

.topnav {
		width:100%;
		height:33px;
		margin-left:auto;
		margin-right:auto;
		background:#2251A1;
}

.topnav_container {
	    margin-left:auto;
		margin-right:auto;
		width:940px;
}

.content {
		margin-left:auto;
		margin-right:auto;
		width:940px;
		height:1000px;
		position:relative;
		background:#FFF;
}

.shadow_left {
		width:20px;
		background-image:url(../images/layout/shadow_left.jpg);
		background-repeat:repeat;
		position:absolute;
		left:-20px;
		height:100%;
}

.shadow_right {
		width:20px;
		background-image:url(../images/layout/shadow_right.jpg);
		background-repeat:repeat;
		position:absolute;
		right:-20px;
		height:100%;
}

.footerP1 {
		width:100%;
		height:20px;
		margin-left:auto;
		margin-right:auto;
		background:#8BC53B;
}

.footerP2 {
		width:100%;
		height:70px;
		margin-left:auto;
		margin-right:auto;
		background:#FFEC16;
}

.footerP2_container {
	    margin-left:auto;
		margin-right:auto;
		width:940px;
		position:relative;
	}

.footer_text {
		font-family:"Trebuchet MS", Helvetica, sans-serif;
		font-size:12px;
		color:#666;
		text-align:center;
	}

.nav_item_box {
	padding-top:8px;
	padding-left:20px;
	padding-right:20px;
	text-align:center;
	width:auto;
	float:left;
	
	}

.nav_item:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;

}

.nav_item:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;	
}

.nav_item:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#FFEC16;
	text-decoration:none;	

}

.homeleft{
	width:284px;
	float:left;
	height:auto;
}

.homeright{
	width:656px;
	float:right;
	height:auto;
}

.rightcontainer {
	width:616px;
	padding:20px;
	float:right;
}

.switchsave {
	width:259px;
	height:205px;
	background:#FFEC16;
	border:#8BC53B 4px solid;
	margin:10px;
	clear:both;
	position:relative;
	}

.cwnewsletter {

	background:#FFEC16;
	border:#8BC53B 4px solid;
	margin:10px;
	clear:both;
	position:relative;
	}

.switchsavebutton1 {
	width:255px;
	height:27px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-bottom:5px;
	margin-left:4px;
}

.switchsavebutton2 {
	width:255px;
	height:27px;
	position:absolute;
	bottom:27px;
	left:0px;
	margin-bottom:5px;
	margin-left:4px;
}

.switchsavelogo {
	width:139px;
	height:135px;
	position:absolute;
	top:0px;
	left:0px;
	margin-top:5px;
	margin-left:5px;
}
	
.switchsavetext {
	width:103px;
	height:135px;
	position:absolute;
	top:0px;
	right:0px;
	margin-top:5px;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	font-weight:bold;
	padding-right:5px;
}
	
.stores {
	width:259px;
	height:193px;
	background:#98CB54;
	border:#FFEC16 4px solid;
	margin:10px;
	clear:both;
	position:relative;
	}
	
.storestitle {
	width:258px;
	height:64px;
	background:#6F9D2F;
	position:absolute;
	top:0px;
	left:0px;
	margin-top:0px;
	margin-left:0px;
}

.storesmap {
	width:129px;
	height:123px;
	position:absolute;
	bottom:0px;
	right:0px;
	margin-top:0px;
	margin-right:5px;
}

.storestext {
	width:100px;
	height:95px;
	position:absolute;
	bottom:0px;
	left:0px;
	margin-top:0px;
	margin-right:0px;
	padding:20px 0px 10px 20px;
}

.store_item:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:none;

}

.store_item:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:none;	
}

.store_item:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:underline;	

}
	
.facebook {
	width:259px;
	height:75px;
	background:#0154A0;
	border:#8BC53B 4px solid;
	margin:10px;
	clear:both;
	text-align:center;
	

	}
	
.twitter {
	width:259px;
	height:154px;
	background:#FFF;
	border:#39C 4px solid;
	margin:10px;
	clear:both;
	text-align:center;
	

	}	
	
.requestaquote {
	width:259px;
	height:251px;
	margin:10px;
	clear:both;
	text-align:center;
	border:#FC0 4px solid;
	background:#FC0;
	

	}
	
h1 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:18px;
	color:#036;
	
	}
	
h2 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:16px;
	color:#090;
	
	}
	
h3 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:16px;
	color:#F60;
	
	}

h4 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#F90;
	margin:0px;
	border:0px;
	padding:0px;
	
	}
	
.text{
	
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:16px;
	color:#666;
	line-height:140%;
}

.faqlink:link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#09C;
	text-decoration:none;
	font-weight:bold;


}

.faqlink:visited {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#09C;
	text-decoration:none;
	font-weight:bold;	
}


.textlink:link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:underline;
	font-weight:bold;

}

.textlink:visited {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:underline;	
	font-weight:bold;
}

.textlink:hover{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#036;
	text-decoration:underline;	
	font-weight:bold;	

}

.faqquestion{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#09C;
	font-weight:bold;

}

.faqlink:link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#09C;
	text-decoration:none;
	font-weight:bold;

}

.faqlink:visited {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#09C;
	text-decoration:none;
	font-weight:bold;	
}

.faqlink:hover{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#069;
	text-decoration:none;
	font-weight:bold;

}


.textbold{
	
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:bold;
}


.textboldblack{
	
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
}

.textboldbblue{
	
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	color:#069;
	font-weight:bold;
}

.textbignormal{
	
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#F60;
	font-weight:bold;
}

.textbig:link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#F60;
	font-weight:bold;
	text-decoration:underline;

}

.textbig:visited {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#F60;
	font-weight:bold;
	text-decoration:underline;	
}

.textbig:hover{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#069;
	text-decoration:underline;	

}

.myhr {
	color:#E6E6E6;
	margin:2px 2px 2px 0px;
	padding:0px;
	
	}
	
.downloadlink {
	width:500px;
	height:25px;
	border:#CCC 1px solid;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	font-weight:bold;
	padding:6px 0px 0px 20px;
	margin:5px;
	}
	
.downloadlink:hover {
	width:500px;
	height:25px;
	border:#666 1px solid;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	color:#666;
	font-size:14px;
	font-weight:bold;
	background-color:#CCC;
	margin:5px;	
	}	

.textlinkdown:link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	text-decoration:none;
	font-weight:bold;

}

.textlinkdown:visited {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	text-decoration:none;	
	font-weight:bold;
}

.textlinkdown:hover{
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	color:#036;
	text-decoration:underline;	
	font-weight:bold;	

}

.cwguy {
	width:400px;
	height:150px;
	position:absolute;
	bottom:10px;
	right:10px;
	}
	
.diduknow {
	width:204px;
	height:70px;
	position:absolute;
	bottom:20px;
	right:27px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	}	

.calculatoramount {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FF0;
	text-align:center;
    padding-left:20px;	


	
	}
.calculatoramountwo {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
    padding-left:20px;	


	
	}
.calculatortext {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding-right:20px;
	padding-left:20px;

	
	}
	
.calculatortextwo {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	padding-right:20px;
	padding-left:20px;

	
	}
.calculatortextcart {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#069;
	text-align:left;
	padding-left:20px;	
	line-height:100%;
	padding-bottom:5px;
	padding-top:5px;
	}	

.calculatorsavings {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	padding-left:20px;	
	
	}
.savingstablecellefty {
	width:303px;
	height:50px;
	background-image:url(../images/layout/savings1left.jpg);
	}

.savingstablecelleftb {
	width:373px;
	height:50px;
	background-image:url(../images/layout/savings3left.jpg);
	}

.savingstablecelleftgreen {
	width:373px;
	height:50px;
	background-image:url(../images/layout/savings2left.jpg);
	}
	
.savingstablecelleftg {
	width:303px;
	height:auto;	
	/*	background-image:url(../images/layout/savings2left.jpg);*/
	}

.savingstablecelleftr {
	width:373px;
	height:50px;
	background-image:url(../images/layout/savings5left.jpg);
	}
.savingstablecelrighty {
	width:197px;
	height:50px;
	background-image:url(../images/layout/savings1right.jpg);
	}

.savingstablecelrightb {
	width:197px;
	height:50px;
	background-image:url(../images/layout/savings3right.jpg);
	}

.savingstablecelrightgreen {
	width:197px;
	height:50px;
	background-image:url(../images/layout/savings2right.jpg);
	}
	
.savingstablecelrightg {
	width:197px;
	height:auto;
/*	background-image:url(../images/layout/savings2right.jpg);*/
	}

.savingstablecelrightr {
	width:197px;
	height:50px;
	background-image:url(../images/layout/savings5right.jpg);
	}

.newstyle {
	font-size:18px;
	color:#333;
	font-weight:bold;
	background-color:#FF0;
	padding:10px;
	}
	
#snow{
	background: none;
	font-family: Androgyne;
	background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png');
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index:1;
	-webkit-animation: snow 10s linear infinite;
	-moz-animation: snow 10s linear infinite;
	-ms-animation: snow 10s linear infinite;
	animation: snow 10s linear infinite;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}