/* Reset */
ul li {list-style: none;}
a img{border: none;}
a {color: #fff; text-decoration: none;}
ul {margin-left: 0; padding: 0;}
p {margin: 0; padding: 0;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }


body {background: #000; color: #fff; font-family: Verdana, 'Helvetica Neue', Helvetica, Arial,  sans-serif !important;}
#wrapper {width: 1000px; margin: 0px auto; padding-top: 50px; }

#contents{width: 1000px; }

body#product #header {}

a#home {background: transparent url(images/ABlogo.gif) no-repeat 0px -200px;}
a#scrapbooks {background: transparent url(images/scrapbooks.gif) bottom center no-repeat;}
a#photoalbums {background: transparent url(images/photo_albums.gif) bottom center no-repeat;}
a#papers {background: transparent url(images/papers.gif) bottom center no-repeat;}
a#embellishments {background: transparent url(images/embellishments.gif) bottom center no-repeat;}
table#homepage_table a:hover {background-position: 0px 0px;} 


ul#nav a {width: 200px; height: 200px; float: left; border-bottom: 5px solid #000;}

ul#nav a.active  {background-position: 0px 0px;}
ul#nav li a:hover {background-position: 0px 0px;} 
ul#nav li a span, ul#nav li.active span  {display: none;}

/* Feature div shows the selected product */
#contents #feature {text-align: right; text-transform: uppercase; width: 395px; float: right; display: block; height: 400px; background: #fff; margin-bottom: 10px; color: #000;}
#contents #feature img {padding: 50px 70px 0px 0px;}
#contents #feature div {padding-right: 70px;padding-left: 70px; font-size: 0.7em;}
#contents #feature h1 {padding-right: 70px;padding-left: 70px; font-size: 1em; margin-bottom: 0.2em; padding-top: 0px; margin-top: 0px;} 

/* Thumbs div shows the product thumbnails */
#contents #thumbs {width: 600px; float: left; display: block; height: 400px; background: #fff; margin-bottom: 10px; overflow: auto;}
#contents #thumbs table {padding-left: 10px;}
#contents #thumbs table td {border: 2px solid white; width: 110px;}

p#description {background: #00AEEF; text-transform: uppercase; font-size: 0.7em; font-weight: bold; letter-spacing: 0.1em; text-align: center; padding: 8px 0px; margin-bottom: 10px; border-bottom: 2px solid #000;}
/* type specific coloring */
body.papers p#description {background: #00AEEF; }
body.embellishments p#description {background: #F287B7; }
body.scrapbooks p#description {background: #BFD73B; }
body.photoalbums p#description {background: #EC008C; }

/* Categories List */
#contents #categories {width: 600px; float: left; margin-bottom: 30px; }
#contents #categories ul li {float: left; margin-right: 5px; padding: 3px; text-align: center; text-transform: uppercase; font-size: 0.9em; font-weight: bold;}
#contents #categories ul li a:hover {color: #fff;}

/* type specific coloring */
body.papers #categories ul li {background: #00AEEF; }
body.embellishments #categories ul li {background: #F287B7; }
body.scrapbooks #categories ul li {background: #BFD73B; }
body.photoalbums #categories ul li {background: #EC008C; }
/* type specific coloring */
body.papers #categories ul li a {color: #8ACEE2;}
body.embellishments #categories ul li a {color: #f4c3d9;}
body.scrapbooks #categories ul li a {color: #dce89e;}
body.photoalbums #categories ul li a {color: #f69ac1;}

/* Info page */
#infopage {width: 1000px; background: #fff;}
#infopage a#home {float: left;}
#infopage #info_content {color: #000; padding: 40px 40px 20px 230px;}
#infopage #info_content p {padding-bottom: 1em; text-align: justify; }

/* Footer */
#footer ul li{display: inline; float: right; padding-left: 20px;}
#footer {color: #fff; text-transform: uppercase; font-size: 0.7em; padding-bottom: 10px;}
#footer a {color: #fff; text-decoration: none; font-weight: bold; letter-spacing: 0.1em;}
#footer a:hover {color: #00AEEF;}