/*
Colors
dark blue : #41527d
*/
body, html { padding:0px; margin:0px; color:#ffffff; }
body, html, table, tr, td, select, option, input, textarea { font-family: "Times New Roman", Times, serif; font-size:14px; line-height: 1.4em; }
body { background:#6c6f7e url(/media/images/body-bck.jpg) repeat-x; }
img { border:0px; margin:0xp; padding:0px; }

a { color:#ffffff; text-decoration:none; }
a:hover { text-decoration:underline; }
h1, h2, h3, h4 { color:#ffffff; }

h1 { font-size:20px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
h3 { font-size:14px; }

td { vertical-align:top; }
hr { border: none; border-top: 1px #ddd solid; border-bottom: 1px #fff solid; }

div#relative { position:relative; height:0px; line-height:0.1em; }

div#top-menu { position:absolute; left: 680px; top:20px; color:#41527d; height:12px; line-height:1em; }
div#top-menu ul { margin:0px; padding:0px; }
div#top-menu ul li { list-style:none; display:inline; padding-left:2px; }
div#top-menu ul li a { color:#41527d; }

div#header-container { background:url(/media/images/header-bck.gif) repeat; height:134px; }
div#header { margin:0 auto; width:870px; }

div#menu-container { background:url(/media/images/menu-cont-bck.gif) repeat;  }
div#menu { background:url(/media/images/menu-bck.gif) right no-repeat; height:32px; margin:0 auto; width:864px; }
	div#menu ul { margin:0px; padding:0px; margin-left:34px; }
	div#menu ul li { list-style:none; display:inline; line-height:2.2em; }
	div#menu ul li a { padding:15px 20px; color:#41527d; }

div#container { margin:0 auto; width:820px; }

div#breadcrumbs { height:30px; line-height:3em; padding-left:7px; }	
div#content { margin-right:230px; width:530px; }
div#content p>img { margin: 10px 10px 20px; border:1px solid #fff; }
div#content p a { text-decoration: underline; }
div#features { width:220px; float:right; }

div#footer { border-top:1px solid #fff; padding-top:10px; }
	div#footer ul { margin:0px; padding:0px; margin-left:-20px;  }
	div#footer ul li { list-style:none; display:inline; padding:20px; }

/* ACCOUNT */
div#account {  }
div#account p a { text-decoration:none; }
div#account p img { margin:auto; }

div.default { border: 1px solid #fad42e; background: #fbec88; padding:7px; line-height:1.5em; -moz-border-radius:5px; color:#333; }
		div.default img, div.ok img, div.error img { width:20px; vertical-align:middle; margin-right:3px; color:#333; }
	div.ok { border: 1px solid green; background: #daedcb; padding:7px; line-height:1.5em; -moz-border-radius:5px; color:#333;  }
	div.error { border: 1px solid #de0303; background: #ffe1e1; padding:7px; line-height:1.5em; -moz-border-radius:5px; color:#333; }


/* CLASSES */
p.small { font-size:12px; }
.nojs { color:Red; }
img.button { width:20px; vertical-align:middle; margin-right:3px; }
div.ok { border: 1px solid green; background: #daedcb; padding:7px; line-height:1.5em; color:green; } 
div.error { border: 1px solid #de0303; background: #ffe1e1; padding:7px; line-height:1.5em; color:red; }
.red { border:1px solid red; }
.clear-both { clear:both; float:none; } .clear-left { clear:left; float:none; } .clear-right { clear:right; float:none; }

div.category { float:left; width:180px; margin:10px; margin-right: 30px; height:185px; text-align: center; background: #eaeaea url(/media/images/header-bck.gif) repeat-x bottom; padding: 5px; border-right: 1px solid #434751; border-bottom: 1px solid #434751; }
div.category img { width:180px; height:160px; display:block; }
div.category a { font-size: 16px; color: #434751; line-height: 1.8em; }



div.products { float:left; width:230px; margin:10px; margin-right: 20px; height:130px; border-bottom:1px solid #ccc; }
	div.products h2 { font-size:15px; margin:0px; padding:0px; }
	div.products h3 { font-size:12px; margin:0px; padding:0px; }
	div.products p {  }
	div.products img { width:70px; border:1px solid #ccc; float:left; margin-right:10px; margin-bottom:10px; }

div.product1 {  }
	div.product1 h1 {  }
	div.product1 img { border:1px solid #fff; padding:5px; background:#c1c1c1;
		float:left; margin-right:10px; margin-bottom:10px; }

/* FORMS */
textarea.input, input.input, option.input, select.input, input.input-small { font-family: "Times New Roman", Times, serif; 
	font-size:12px; padding:3px; border:1px solid #ccc; width:300px; }
input.input-small { width:50px; }
input.button, button.button { font-family: "Times New Roman", Times, serif; font-size:12px; padding:3px; border:1px solid #ccc; margin-right:3px; }
input.error { border:1px solid red; }