body {
/* Always use margin:  0;  padding:  0; as margin controls for your page itself.  Setting both to 0 ensures that your page will spread to the outer edges of the browser window. */
	margin:  0;
	padding:  0;
    font: 16px Helvetica, Arial, sans-serif;
    color: #000225;
    background:#fcc300;
}

p 
{
    margin-right:10px;
}
/* Navigation setup */
#nav {
	margin:0;
	padding:0;
	background-color: #000000;	
	color:white;
    width:950px;
    height:30px;
}

#nav ul {
	margin:0;
	padding:0;
	background-color: black;	
	color:white;
    width:950px;
}

#nav li {
	display:inline;
	padding:0;
	margin:0;
	background-color: #000000;	
}


#nav a
{
    display:block;
    color: #ffffff;
	background-color: #000000;	
    padding:8px 8px 8px 8px;
}

#nav a:link, #nav a:visited {
	color:#ffffff;
	float:left;
	width:auto;
	text-decoration:none;
	font-size: 12px; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-transform:uppercase;
}

#nav a:hover {
	color:yellow;
	background-color: inherit;	
}

#nav a:active {
	color:white;
	background-color: #CF142B;	
}

#nav_selected a {
	color:#000000;
	background-color: #CF142B;	
}

#nav_selected a:hover {
	color:yellow;
	background-color: #CF142B;	
}
#contentbackground, #cartbackground 
{
	text-align:left;
	margin:0px auto 0px auto;
    padding:0px 0 0 0;
    
	min-height: 300px;

	background-color:  #FFFFFF;

    width:950px;
	border:solid 5px #000000;
}

#contentbackground 
{
	border-bottom:none;
}

#cartbackground 
{
	border-top:none;
	margin-bottom:20px;
}


#rightcolumntop, #rightcolumnbottom {
	float:  right;
	width:  350px;
	margin:  0; 
	padding:  0;
	color:  #000000;
	background-color:  #FFFFFF;
}

#contentarea,#cartcontentarea  {
	margin:  0;
/*  Replace with your choice of content area width.  */
	width:  550px;
	background-color:  #FFFFFF;
	padding:0px 0px 10px 0px;
	color:  #000000;
	float:  left;
	padding:15px 0 0 0;
}


#rightcolumncontenttop, #rightcolumncontentbottom {
/* replace with the width of your right column div */
	width:  350px;
/* Replace URL and background color attributes with the attributes corresponding with your background URL and color, respectively */
/*	background:  url(../layoutimages/body_bg-2.gif) top right repeat-y #3F9BCF; */
	color:  #000000;
	background-color:  #FFFFFF;
    float:right;
	padding:15px 0 0 0;
}
#columnsize {
	clear:  both;
/* this is the lowest possible value that will ensure three columns.  Do not lower this value, or your layout will break up. */
	height:  1px; 
	overflow:  hidden;
	border:  none;
	margin:  0; 
	padding:  0;
	background:  transparent;
}

#header, #headermijive  {
	text-align:left;
	z-index: 3;
	margin:0px auto 0px auto;

    width:960px;

/* replace this value with the height of your header. */
	height:  140px;
/* background for the header.  Replace the URL and the background color (#F2F2F2) with your choices for each.  */
    background:#fcc300 url(../siteimages/header.png) no-repeat top left;
/* put this in to ensure that your header doesn't overlap the body of your website. */
	overflow:  hidden;
}

#headermijive {
    background:#fcc300 url(../siteimages/headermijive.png) no-repeat top left;
}

#headercontent 
{
}


#footer {
	margin:  0;
	padding:  0;
/*  Replace with the width of your footer.  Optional. */
	width:  900px;
/* Replace with the height of your footer.  Optional.  */
	height:  20px;
/* Replace with the background image and colour of your footer.  */
	background-color:  #3F9BCF;
	color:  #FFFFFF;
}

/* Content elements */
h1,h2,h3,h4,h5,h6 {
    color: #000225;
	text-decoration: none;
    font-weight: normal;
    FONT-FAMILY: "HelveticaNeue", Helvetica, Arial, sans-serif; 
    text-align: left;
}

h1, h1 a, h1 a:visited {
    font-size: 26px;
    color: #000225;
}

h2, h2 a, h2 a:visited {
    font-size: 24px;
    color: #000225;
}

h3, h3 a, h3 a:visited {
    font-size: 20px;
    color: #000225;
}

h4, h4 a, h4 a:visited {
    font-size: 18px;
    color: #000225;
}



a
{
    text-decoration: underline;
    color: #000225;
    font-weight:normal;
}

img
{
    border:none;
}

strong
{
    font-weight: normal;
}
.cost 
{
    margin:10px;
    font-size:12px;
    font-weight:bold;
}

#headingarea
{
    background-color:#000000;
    color:#ffffff;
    padding:0;
}

#headingarea h1
{
    color:#ffffff;
}

#headingarea h4
{
    color:#ffffff;
}

#headingarea h4 a
{
    color:#ffffff;
    text-decoration: underline;
}


#footerarea
{
    background-color:#000000;
    color:#ffffff;
    padding:20px 0 20px 20px;
    margin:10px 0 0px 0;
}

#footerarea h1, #footerarea a
{
    color:#ffffff;
}


#intro
{
    padding:0px 20px 20px 20px;
    width:100%;
    text-align: justify;
}

#shopping-cart-intro
{
    background-color:#cecece;
    color:#000000;
    padding:20px 0 20px 20px;
    margin:0 0 20px 0;

    text-align: justify;
}

.generic-shopping-cart-intro
{
    background-color:#cecece;
    color:#000000;
    padding:10px 0 5px 10px;
    margin:0 0 20px 0;

    text-align: justify;
}

#shopping-cart
{
/*    background-color:#dde7ff; */
    background-color:#ffffff;
    padding:10px 20px 10px 20px;
    width:100%;
}

.cart-item
{
    margin:10px 0 20px 0;
}

.cart-item h3
{
    margin-bottom:0;
}
.cart-item h4
{
    margin-top:0;
}

.cart-item-text
{
    float:left;
    width:400px;
}

.cart-item-buy-button
{
    float:right;
}

#startdate, #startdatesource
{
    float:right;
    width:200px;
    text-align:justify
}

ul {
	list-style-type: none;
	font-weight: normal;
}

.video
{
    padding: 0 0 20px 0;
}


.video img
{
    float:left;
    width:350px
}

.video-moves
{
    float:right;
    width:180px;
}

#headerlinks
{
	background-color: black;	
    margin:0;
    padding:0;
}

.border {
	border:  1px solid #ff920d;
	padding: 5px;
	text-shadow:  #de6e00 0 -1px 0;
	color: #fff;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius:15px;

	-webkit-box-shadow: rgba(0,0,0,.25) 0 1px 1px;
	-moz-box-shadow: rgba(0,0,0,.25) 0 1px 1px;
	-o-box-shadow: rgba(0,0,0,.25) 0 1px 1px;
	box-shadow: rgba(0,0,0,.25) 0 1px 1px;

	background:#ff920d;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc039), to(#ff920d));
	background: -moz-linear-gradient(top, #ffc039, #ff920d);
	background: -o-linear-gradient(top, #ffc039, #ff920d);
	background: linear-gradient(top, #ffc039, #ff920d);
	text-align: center;
	font-size: 20px;
	
}


.border:hover, .border:focus {
	border-color: #de6e00;
	-webkit-box-shadow: #ffc039 0 0 5px;
	-moz-box-shadow: #ffc039 0 0 5px;
	-o-box-shadow: #ffc039 0 0 5px;
	box-shadow: #ffc039 0 0 5px;
	
	
}

.border:active {
	border-color: #de6e00;

	background: -webkit-gradient(linear, left top, left bottom, from(#ff920d), to(#de6e00));
	background: -moz-linear-gradient(top, #ff920d, #de6e00);
	background: -o-linear-gradient(top, #ff920d, #de6e00);
	background: linear-gradient(top, #ff920d, #de6e00);
	
}


.button {
	border:  1px solid #ff920d;
	padding: 5px;
	text-shadow:  #de6e00 0 -1px 0;
	color: #fff;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius:15px;

	-webkit-box-shadow: rgba(0,0,0,.25) 0 1px 1px;
	-moz-box-shadow: rgba(0,0,0,.25) 0 1px 1px;
	-o-box-shadow: rgba(0,0,0,.25) 0 1px 1px;
	box-shadow: rgba(0,0,0,.25) 0 1px 1px;

	background:#ff920d;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc039), to(#ff920d));
	background: -moz-linear-gradient(top, #ffc039, #ff920d);
	background: -o-linear-gradient(top, #ffc039, #ff920d);
	background: linear-gradient(top, #ffc039, #ff920d);
	text-align: center;
	font-size: 20px;
	
}

.link_button {
	text-decoration: none;
}


.button:hover, .button:focus {
	border-color: #de6e00;
	-webkit-box-shadow: #ffc039 0 0 5px;
	-moz-box-shadow: #ffc039 0 0 5px;
	-o-box-shadow: #ffc039 0 0 5px;
	box-shadow: #ffc039 0 0 5px;
	
	
}

.button:active {
	border-color: #de6e00;

	background: -webkit-gradient(linear, left top, left bottom, from(#ff920d), to(#de6e00));
	background: -moz-linear-gradient(top, #ff920d, #de6e00);
	background: -o-linear-gradient(top, #ff920d, #de6e00);
	background: linear-gradient(top, #ff920d, #de6e00);
	
}