/*Standards*/



body {
  background-color: f2f2f2;
  font-size: 16;
  font-family: "Nunito", "Verdana", "Arial";
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  }
  
	a {text-decoration:none}
	a:link {color:#78a942;}     /* unvisited link */
	a:visited {color:#78a942;}  /* visited link */
	a:hover {color:#98d656;}    /* mouse over link */
	a:active {color: #9a53a0;}   /* selected link */


.body 
{font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 16;
}

ul {	
	margin-top:20px;
	margin-bottom: 20;
	color: 5a5a5a;
	font-family: "Nunito", "Verdana", "Arial";
	font-weight: normal;
	font-size: 15;
	line-height: 1.7;
	}

ol {	
	margin-top:20px;
	color: 5a5a5a;
	font-family: "Nunito", "Verdana", "Arial";
	font-weight: normal;
	font-size: 15;
	}


p {
 	margin-top:10px;
	color: #5a5a5a;
	font-family: "Nunito", "Verdana", "Arial";
 	font-weight: normal;
 	font-size: 15;
 	line-height: 1.5;
	}
	
/*p {
 	margin-top:20px;
	color: 5a5a5a;
	font-family: "Nunito", "Verdana", "Arial";
 	font-weight: normal;
 	font-size: 15;
	}*/
	
pre {
	font-family: monospace;
	color:  5a5a5a;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18px;
}
	
hr.tapered {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.25), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    width: 90%;
    margin-top: 50;
    margin-bottom: 40;
}


hr.wizrule {
	margin-top: 15;
	margin-bottom: 30;
}

/*IDs*/

#container {
width: 900px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
 overflow:hidden;
 border:1px solid #D9D9D9;
 background-color:#FFFFFF;
 clear: left;
 padding: 60;
 padding-top: 0;
 padding-right: 40;
 padding-left: 45;
 margin: auto;
margin-top: 20;
 margin-bottom: 35;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 overflow: hidden;
	-moz-box-shadow: 0 1px 10px rgba(153, 149, 149, 0.32);
	box-shadow: 0 1px 10px rgba(153, 149, 149, 0.32);
}

#bottommenu1 {
	width: 670px;
	margin: auto;
}

#bottommenu2 {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25;
}


#bottomsubmenu {
	width: 620;
	margin-bottom: 20;
	padding-bottom: 0;
	font-family: Helvetica, "Nunito", "Verdana", "Arial";
	color: #f2f2f2;
	border: 1px;
	border-top-width: 0px;
	border-left: 1px Gainsboro	;
	border-right: 1px Gainsboro;
	border-bottom: 1px Gainsboro;
	border-style: solid;
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	-moz-box-shadow: 0 0 0 Gainsboro;
	box-shadow: 0 0 0 Gainsboro;
}

#badgepage {
width: 900px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
 overflow:hidden;
 border:1px solid #D9D9D9;
 background-color:#FFFFFF;
 clear: left;
 padding: 60;
 padding-top: 25;
 padding-right: 40;
 padding-left: 45;
 margin: auto;
margin-top: 20;
 margin-bottom: 35;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 overflow: hidden;
}

#wizpage {
width: 900px;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
 overflow:hidden;
 border:1px solid #D9D9D9;
 background-color:#FFFFFF;
 clear: left;
 padding: 60;
 padding-top: 20;
 padding-right: 43;
 padding-left: 65;
 margin: auto;
margin-top: 20;
 margin-bottom: 35;
 box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 overflow: hidden;
}

#tip {
	width: 720;
	text-align: left;
	margin: auto;
	padding-top: 40;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	color: #a8a7a7;font-size: 22px;
	font-weight: normal;

}

#productbody {
	margin-left: 25;
	margin-right: 35;
}


#news {
color: red;
}

#copyright {
width: 400 auto;
margin: auto;

}

/*Classes*/

.dvhdr1 {
           background:#e4d3b7;
            font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
            font-size:23px;
			color: black;
            border: 1px solid #e4d3b7;
            padding: 13;
            width:350px;
            text-align: center;
            -webkit-border-radius: 5px 5px 0px 0px;
            -moz-border-radius: 5px 5px 0px 0px;
            border-radius: 5px 5px 0px 0px;         
   		}
   		
         
         .dvbdy1 {
            background:#FFFFFF;
            font-family:font-family: "Nunito", "Verdana", "Arial";
            font-size:14px;
			border: 1px solid #e4d3b7;
            padding:13px;
            padding-bottom: 20;
            width:350px;
			-webkit-border-radius: 0px 0px 5px 5px;
			-moz-border-radius: 0px 0px 5px 5px;
			border-radius: 0px 0px 5px 5px;
			-moz-box-shadow: 0 8px 8px rgba(11, 11, 11, 0.31);
			box-shadow: 0 8px 8px rgba(11, 11, 11, 0.31);
         }
         
         
.topspacer {
	margin-top: 37;
}

.corners {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: -4px 4px 4px rgba(185, 185, 185, 0.66);
	box-shadow: -4px 4px 4px rgba(185, 185, 185, 0.66);
	opacity: 1;
	margin-bottom: 8;
	border: 1px solid gray;
	margin-top: 5;
}

.productspacer {
	margin-top: 60;
}

.bottomsubrule {
	width: 617;
	margin-top: 10;
	-moz-box-shadow: 0 3px 4px rgba(11, 11, 11, 0.31);
	box-shadow: 0 3px 4px rgba(11, 11, 11, 0.31);
	-webkit-border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

#system5menu {
	float: right;
	text-align: right;
	margin-bottom: 10;
	margin-left: 20;
}

#extrasmenu {
	float: right;
	text-align: right;
	margin-top: 10;
/*	margin-left: 25;*/
	margin-bottom: 20;
}

#copyright {
	width: 570px;
	margin: auto;
}


#thelist {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #eae4c9;
	margin-bottom: 20;
	padding: 7;
	font-family: Helvetica, "Nunito", "Verdana", "Arial";
	color: #a8a7a7;
	font-size: 13px;
	font-weight: normal;
	background: url(images/sidebargradient.jpg) center top;
}

#dvdsidebar
{
	
border-color: black;
border-style: solid;
border-width:1;
float: right;
background-color: white;
width: 130;
margin-left: 40px;
margin-top: 8;
margin-bottom: 25;
padding: 10;
padding-right: 0;
-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.33);
box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.33);

}

div.sidebar {
	width: 180px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #eae4c9;
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 10;
	margin-bottom: 10;
	padding: 15;
	float: right;
	font-family: Helvetica, "Nunito", "Verdana", "Arial";
	color: 404040;
	font-size: 12px;
	font-weight: normal;
	background: url(images/sidebargradient.jpg) center top;
}

div.wizard {
	width: 180px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #eae4c9;
	margin-left: 0px;
	margin-right: 30px;
	margin-top: 10;
	margin-bottom: 0;
	padding: 15;
	float: left;
	font-family: Helvetica, "Nunito", "Verdana", "Arial";
	color: 404040;
	font-size: 12px;
	font-weight: normal;
	background: url(images/sidebargradient.jpg) center top;
}

div.packagehdr
{
	width: 900px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #D9D9D9;
	background-color:FFFFFF;
	padding: 10;
	margin: auto;
	margin-top: 20;
	margin-bottom: 5;
	;
	overflow:hidden
}

div.package
{
	width: 900px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #D9D9D9;
	background-color:FFFFFF;
	padding: 10;
	margin: auto;
	overflow:hidden
}

div.packageleft
{
	width: 60%;
	float: left;
	margin: 25;
	font-size: 14;
	font-family: Helvetica, "Nunito", "Verdana", "Arial";
	font-weight: normal;
}

div.packageright
{
	width: 30%;
	float: left;
	margin-right: 30;
	margin-top: 25;
	text-align: right;
	font-family: Helvetica, "Nunito", "Verdana", "Arial";
	font-weight: normal;
	font-size: 14;
}

.letstalk {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 100%;
	height: 160;
	overflow: noscroll;
}

.gotquestions {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 100%;
	height: 240;
	overflow: noscroll;
}

.mainmenu {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 100%;
	height: 222;
	overflow: noscroll;
}

.extras {
	margin: 0;
	padding: 0;
	height: 320;
	width: 180;
	border-style: none;
	float: right;
	overflow: noscroll;
}

.sys5menu {
	margin: 0;
	margin-top: 25;
	padding: 0;
	height: 175;
	width: 180;
	border-style: none;
	float: right;
	overflow: noscroll;
}

.bottommenu {
	margin: 0;
	padding: 0;
	border-style: none;
	width: 100%;
	height: 520;
	overflow: noscroll;
}

/*Text Styles*/

.largehead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: 9a9696;font-size: 34px;
  font-weight: normal;
}

.bighead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: 9a9696;font-size: 26px;
  font-weight: normal;
}

.midhead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: 9a9696;font-size: 24px;
  font-weight: normal;
}

.pkgprice {font-family: Helvetica, "Georgia" "Nunito", Verdana, Arial;color: gray;font-size: 24px;
font-weight: normal;
margin-top: 30;
}

.smallhead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #9a9696;font-size: 22px;
font-weight: normal;
margin-top: 35;margin-bottom: 0;line-height: 1.4;
}

.cartprice {font-family: Helvetica, "Georgia" "Nunito", Verdana, Arial;color: gray;font-size: 20px;
font-weight: normal;
}

.subhead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #9a9696;font-size: 19px;
margin-top: 30;margin-bottom: 13;
}

.blackhead {font-family: "Nunito", "Verdana", "Arial";color: gray;font-size: 18px;
font-weight: normal;
}

.parhead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #8e8989;font-size: 18px;
font-weight: normal;
}

.minorhead {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #a8a7a7;font-size: 17px;
font-weight: normal;
}


.bigbody {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 16;
}

.newsdate {font-family: "Nunito", "Verdana", "Arial";color: gray;font-size: 15px;
font-weight: normal;
}

.included {font-family: "Nunito", "Verdana", "Arial";color: gray;font-size: 13px;
font-weight: normal;
}

.powerof12 {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-size: 9px;line-height: 250%;
font-weight: normal;
}

.sitemap {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: gray;font-size: 13px;
font-weight: normal;text-align: left;text-align: justify;
}

.slogan {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 14;
}

.smallbody {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 12;
}

.addons {font-family: "Nunito", "Verdana", "Arial", Verdana, Arial;color: gray;font-size: 12px;
font-weight: normal;
}

.biglittle {font-family: Helvetica, "Nunito", "Verdana", "Arial", Verdana, Arial;color: black;font-size: 11px;
font-weight: normal;
}
 
.syntaxblue {
	font-size: 10px;
	color: navy;
	font-weight: bold;
}

.explore {font-family: "Nunito", "Verdana", "Arial";
	color: black;
	font-size: 8px;
	font-weight: normal;
}

.copyright {font-family: "Nunito", "Verdana", "Arial";color: 969696;font-size: 9px;
font-weight: normal;
}

.bulletsize {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 14px;line-height: 1.5;
}

h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #9a9696;font-size: 23px;
font-weight: normal;
margin-top: 0;margin-bottom: 0;line-height: 1.4;
}

h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #9a9696;font-size: 24px;
font-weight: normal;
margin-top: 25;margin-bottom: 0;
}

h3 {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 15;line-height: 1.5;
}

h4 {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: #a8a7a7;font-size: 19px;
font-weight: normal;
}

h5 {font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";color: a8a7a7;font-size: 23px;
font-weight: normal;
margin-top: 45;
line-height: 0;
}

h6 {font-family: "Nunito", "Verdana", "Arial";color: 5a5a5a;font-weight: normal;font-size: 13;
}

.img-with-text {
    text-align: center;
    width: [width of img];
}

/*Classes*/
	
.badge {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px; 
	 border:1px solid #D9D9D9;margin-right:25;margin-bottom:20;float:left;margin-top:7;
	 center top;
	 	-moz-box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
	 	box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
	 	
}

.badgeright {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	 border-radius: 5px 5px 5px 5px; 
	 border:1px solid #D9D9D9;
	 margin-bottom:20;

	 	-moz-box-shadow: -0px 3px 5px rgba(138, 136, 136, 0.33);
	 	box-shadow: -0px 3px 5px rgba(138, 136, 136, 0.33);
	 	margin-top: 8;
}
	

div.quotebox {
	width: 220px;
	float: left;
	text-align: left;
	border-left-width: 5px;border-left-style: solid;
	border-left-color: #e7e0cf;
	padding-left: 15;
	margin-right: 25;
	margin-left: 60;
	margin-top: 10;
	margin-bottom: 10;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
	color: #a8a7a7;
	font-size: 19px;
}

div.orderbox {
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border:1px solid #D9D9D9;
	padding: 25;
	background-color: white;
	font-family: Helvetica, "Nunito", "Verdana", "Arial", Verdana, Arial;
	color: 404040;
	font-size: 12px;
	font-weight: normal;
}

.orderimage {
	align-content: left;
	margin-top: 10;
	margin-right: 25;
	margin-bottom: 45;
	float: left;
}


div.system5 { width: 212px;
height: 174;
position: relative;
background-color: b63b3b;
float: left;
margin-right: 27;
margin-bottom: 40;
 center top;-webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
	box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);margin-top: 6;
}

div.accessories { width: 212px;
height: 174;
position: relative;
margin-top: 6;
margin-right: 27;
margin-bottom: 20;
float: left;
background-color: #72935d;
 center top;-webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
-moz-box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
}

div.packages { 
width: 212px;
height: 174;
position: relative;
margin-top: 6;
margin-right: 27;
float: left;
background-color: #b5a547;
 center top;-webkit-border-radius: 5px 5px 5px 5px;
 -moz-border-radius: 5px 5px 5px 5px;
 border-radius: 5px 5px 5px 5px;
-moz-box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
}

div.services { 
width: 212px;
height: 174;
position: relative;
margin-top: 6;
margin-right: 27;
margin-bottom: 20;
float: left;
background-color: #62779b;
center top;-webkit-border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
box-shadow: -9px 9px 9px rgba(138, 136, 136, 0.19);
}

div.prodinfo { 
float: left;
margin-left: 25;
}

div.letstalk {
	margin: auto;
	font-family: Helvetica, "Nunito", "Verdana", "Arial", Verdana, Arial;
	width: 600;
	margin-top: 30;
	margin-bottom:0;
}

div.gotquestions {
	margin: auto;
	font-family: Helvetica, "Nunito", "Verdana", "Arial", Verdana, Arial;
	width: 300;
	margin-top: 30;
	margin-bottom:0;
}

colornumbergetter {
	border-color: #9d3e3e;
}