/*
CSS for rubberduckrace
*/

body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  margin-left: 140px;
  margin-top:0;
  background-color: #145C8A;
}

p {
font-size: small;
padding-left: 20px;
color: #313A56;
}

em {
font-size: small;
font-style: normal;
padding-left: 23px;
}

a {
font-size: x-small;
padding-left: 5px;
text-decoration: underline;
}


a:link {color: #C56332;
}
a:visited {color: #C56332;
}
a:hover {color: #C56332;
}
a:active {color: #C56332;
}

#header {
  width: 800px;
  background-color: #FFFFFF;
  position: relative;
  margin-top:0;
}

#tagline {
   width: 230px;
   left: 15px;
   position:relative;
}

#tagline p {
   font-size: large;
   font-weight: heavy;
   color: #DBA414;
   padding-bottom: 0px;
}

#tagline em {
   color: #DBA414;
}  
#tagline a {
   font-size: large;
   font-weight: heavy;
   text-decoration: none;
}  

#main_top_image {
   width: 800px;
   margin-top:0;
}

#navigation {
   width: 500px;
   height: 50px;
   top: 20px;
   left: 400px;
   border: 1px solid #313A56;
}

#navigation a {
   font-size: x-small;
   font-weight: bold;
   padding-left: 07px;
   padding-top: 10px;
   color: #C56332;
   text-decoration: none;
   }

#navigation p {
   font-size: x-small;
   padding-left: 07px;
   padding-top: 10px;
   }
 
#navigation2 {
   width: 800px;
   height: 50px;
   left: 20px;
   border-top: 1px dashed #313A56;
   line-height: 130%;
   background-color: #FFFFFF;
}

#navigation2 a {
   font-size: x-small;
   font-weight: bold;
   padding-left: 07px;
   color: #C56332;
   }

#navigation2 p {
   font-size: x-small;
   padding-left: 07px;
   }
   
#mainheader {
   width: 516px;
   height: 267px;
   background-color: #ffffff;
   padding-top:30px;
}

#mainheader em {
   font-size: small;
   font-weight: bold;
   padding-left: 0px;
   }

#mainheader a {
   font-size: small;
   font-weight:bold;
   padding-left: 0px;
   color: #C56332;
   }

#body_content2 {
   width: 800px;
   background-color: #ffffff;
   margin-top:0;
   padding-bottom:10px;
}

#body_content2 em {
   font-size: small;
   font-weight: bold;
   padding-left: 0px;
   }

#body_content2 a {
   font-size: small;
   font-weight:bold;
   padding-left: 0px;
   color: #C56332;
   }

   
#main_image  {
  width: 285px;
  height:330px;
  top: 320px;
  left: 656px;
  margin-top:0;
  }

#product_image  {
  width: 285px;
  height:320px;
  padding-top:20px;
  padding-left:20px;
  margin-top:0;
  }

  #best_sellers {
  width: 800px;
  background-color: #ffffff;
     padding-bottom: 20px;
  margin-top:0;
  height: 220px;
}

#best_sellers em {
   font-size: x-small;
   font-weight: bold;
   padding-left: 0px;
   }
   
 #best_sellers a {
   font-size: x-small;
   font-weight:bold;
   padding-left: 0px;
   color: red;
   }
   
#best_sellers p {   
   padding-left: 0px;
   font-size: x-small;
}

#best_sellers_product {
	position: absolute;
	margin-left: 50px;
	}

	#best_sellers_product2 {
	position: absolute;
	margin-left: 300px;
	}
	
#best_sellers_product3 {
	position: absolute;
	margin-left: 570px;
	}
	
.image_space {
   padding-left: 50px;
   }
   
#products {
  width: 800px;
  background-color: #ffffff;
  padding-bottom:10px;
  margin-top:0;
  height: 300px;
}

#products em {
   font-size: small;
   font-weight: bold;
   padding-left: 0px;
   }
   
 #products a {
   font-size: small;
   font-weight:bold;
   padding-left: 20px;
   color: #C56332;
   }
   
#products p {   
   padding-right: 20px;
   font-size: small;
}

#product_page1 {
	position: absolute;
	margin-left: 50px;
}

#product_page2 {
	position: absolute;
	margin-left: 300px;
}
	
#product_page3 {
	position: absolute;
	margin-left: 570px;
}
	
#subheader3 {
  position: relative;
  width: 800px;
  background-color: #ffffff;
  padding-bottom:10px;
  margin-top:0;
}

#subheader3 em {
   font-size: small;
   font-weight: bold;
   padding-left: 0px;
   }
   
 #subheader3 a {
   font-size: small;
   font-weight:bold;
   padding-left: 0px;
   color: #C56332;
   }
   
#subheader3 p {   
   padding-right: 20px;
   font-size: small;
}

h1, h2, h3 {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: large;
padding-left: 20px;
color: #DBA414;
margin-top:0;
}
#shop_content {
  width: 800px;
  height: 600px;
  background-color: #ffffff;
  margin-top:0;
}

#shop_content em {
   font-size: small;
   font-weight: bold;
   padding-left: 0px;
   }
   
 #shop_content a {
   font-size: small;
   font-weight:bold;
   padding-left: 60px;
   color: #C56332;
   }

 #shop_content p {
   font-size: small;
   padding-left: 20px;
   color: #313A56;;
   }

#product_window {
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
width: 750px;
height: 200px;
border: 1px solid #313A56;
}

#product_window a {
padding-left: 15px;
}

#product_desc {
Left: 340px;
width: 580px;
position: absolute;
}

#videos {
   width: 500px;
   background-color: #ffffff;
   padding-left:30px;
}

#pictures {
   position:absolute;
   top:400px;
   width: 200px;
   left: 650px;
   background-color: #ffffff;
   padding-left:30px;
}

#product-listing-container em {
   font-size: small;
   font-weight: bold;
   padding-left: 20px;
   }
   
 #product-listing-container a {
   font-size: small;
   font-weight:bold;
   padding-left: 0px;
   padding-top: 0px;
   color: #C56332;
   }
   
#product-listing-container p {   
   padding-left: 0px;
   font-size: x-small;
}

#product-listing-container {
  position: relative;
  width: 800px;
  background-color: #ffffff;
  padding-bottom:20px;
  margin-top:0px;
  margin-bottom:5px;
  border-top: 1px dashed #313A56;
  }
  
  #product-listing-container-image {
  position: relative;
  top:0px;
  width: 100px;
  left: 30px;
  background-color: #ffffff;
  padding-bottom:0px;
  margin-top:5px;
  }
  
  #product-listing-container-copy {
  position: absolute;
  top:10px;
  width: 420px;
  left: 150px;
  background-color: #ffffff;
  padding-bottom:0px;
  }
  
  #product-listing-container-addbutton {
  position: absolute;
  top:30px;
  width: 90px;
  left: 650px;
  background-color: #ffffff;
  padding-bottom:0px;
  margin-top:0;
  }
  
  #product-listing-container-addbutton a{
  color: red;
  font-size:x-small;
  }
  
.foot_space {
   padding-left: 10px;
   margin-top:0;
   font-size: x-small;
   }
#footer {
  width: 800px;
  background-color: #ffffff;
  position: relative;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:0px;
  font-size:x-small;
}

#footer p {
  color: #DBA414;
  font-size: x-small;
}

#footer a {
  color: #C56332;
  text-decoration: none;
  font-size: x-small;
}
   
#infomain, #navigation, #main_image {
  position: absolute;
}