/*body { background : #ccc; }*/

.container { width : 800px; background : #fff; border : 1px solid #eee; margin : 30px auto; }

ul.menu { margin : 10px 0 ; display : block; height : 20px; border-bottom : 3px solid #ccc; padding : 0 0 10px 10px; }
ul.menu li { display : inline; height : 20px; line-height : 20px;}
ul.menu li a { text-decoration : none; font-family : arial; display : block; height : 20px; line-height : 20px; float : left; margin : 0 10px 0 0; padding : 0 10px; background : #666; color : #fff; font-size : 10px; text-transform : uppercase; }
ul.menu li a:hover { background : #000; }

.boxProduct { margin : 0 0px 0 0; float : left; width : 165px; height : 225px; font-family : arial; }
.boxProduct img { display : block; margin : 0 auto; }
.boxProduct a { margin : 20px auto 0 auto; color : #666; text-decoration : none; display : block; width : 96px; height : 29px; line-height : 29px; border : 1px solid #ccc; text-align : center; font-size : 14px; font-weight : bold; }
.boxProduct a:hover { color : #419fc3; }

.boxFormAdd { padding : 30px; }
.boxFormAdd .row { margin : 0 0 10px 0; }
.boxFormAdd .row label { display : block; width : 200px; margin : 0 0 5px 0; }

.boxContentBlog { padding : 10px; font-size : 11px; font-family:Arial,Helvetica,sans-serif;} 
.boxContentBlog h2 { color:#3EA0C5; font-size:13px; font-weight:bold; margin : 0 0 10px 0;} 
.boxContentBlog h3 { color:#666; font-size:10px; text-transform : uppercase; } 
.boxContentBlog img.alignleft { margin : 0 10px 10px 0; float : left; } 

.clear { clear : both; height : 1px; overflow : hidden; position : relative; }