/* CSS Document */

body { background: #4e5767; font : 12px Arial, sans-serif;} 
#container { width: 900px; Height: 100%; background: #4e5767; margin-left : auto; margin-right : auto; padding: 0px; position: relative; color: #FFFFFF; }
#header { width: 900px; Height: 150px; background: #353b46; padding: 0px; position: relative;}
#menu { width: 900px; Height: 50px; background: #f13763; }
#menu ul { float : left; width : 880px; padding-left : 10px; margin : 0px; }
#menu ul li {display : inline;}
#menu ul li a { float : right; display : block; height : 20px; padding : 20px 10px 10px 10px; text-decoration : none; color : #ffffff; background: inherit; text-transform: uppercase; font-weight: 600;}
#menu span {text-decoration: underline;}
#menu ul li a:hover {text-decoration: underline;}
#content { width: 860px; Height: 100%;  background: #353b46; padding: 20px; overflow: hidden; }
#left { width: 560px; Height: 100%;  background: #353b46; padding: 0px; float: left;}
#right { width: 270px; Height: 100%;  background: #353b46; padding: 0px; float: right;}
#footer { width: 860px; Height: 80px;  background: #353b46; padding: 10px 20px 20px 20px; color: #FFFFFF; font-size: 12px; margin-top: 10px;}
#footer a {color:#f13763;}
.pic {border: none;}
h2 { font-weight: bold; font-size: 12px; color: #f13763; text-transform: uppercase; }
h3 { font-weight: bold; font-size: 12px; color: #45b1fd; text-transform: uppercase; }
a {color:#f13763;}
p.points { color: #45b1fd; margin: 10px; width: 450px;}
p.pointpink { color: #ffffff; margin: 10px; width: 450px;}
#header h1#logo a { position: absolute; margin: 0; padding: 0; font: bolder 60px 'Arial', Sans-serif; letter-spacing: -5px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; top: 35px; left: 20px;}
#header h1#logo a span { color: #45b1fd;}
#header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 14px 'Arial', Sans-serif; text-transform: none; color: #FFF; letter-spacing: -1px; top: 95px; left: 20px;}
a {text-decoration: underline; color: #123456;}
.prod{ background: #4e5767; width: 100px; height: 210px; padding: 10px; margin-bottom: 10px;  color: #333333; position: relative; border: solid 1px #4e5767; overflow:hidden; } 
.odd{position: relative; float: right; margin-left: 7px;}
.even{position: relative; float: left;}
.thumbright {width : 100px; height: 100px; float: right; padding: 0px 5px 0px 5px;  }
.imagebox {width: 100px; height: 100px; overflow: hidden; background: #ffffff; margin-bottom: 10px; text-align: center;} 
.prodinfo {width: 100px; height: 45px; overflow: hidden; margin-top: 5px; margin-left: 5px; }
.buttons a, .prodinfo a {color:#ffffff; text-decoration:underline; font-weight: bold; font-size:10px; text-transform:uppercase;}
.priceinfo {width: 100px; height: 20px; overflow: hidden; color:#ffffff; margin-left: 5px; font-size:13px; font-weight:bold; margin-top:5px;}
.buttons {width: 90px; height: 15px; overflow: hidden; background: #f13763; margin-left: 5px; margin-top: 5px; padding: 5px; text-align: center;}
img.large { border: 0px solid #00CC33; margin:0px auto; }
img.largepadding { border: 30px solid #4e5767; margin:0px auto;}