
/* CSS Document */

* { margin:0; padding:0; border:0;}
.input
{
    border:1px solid #c20e0e;
    
}
a { text-decoration:none; color:#b75454;}
a:hover { color:#800707;}

p { padding:5px 0;}

body { background:#fff url(../images/bg.jpg) top repeat-x; font:normal 11px/24px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#000000;}

/***  Main Container ***/
#main { width:100%; height:auto; float:left;}
#bottom { background:#000; width:100%; height:auto; float:left; padding:30px 0; text-align:center; color:#4b4a4a;}
	#bottom a { margin:0 5px;}
	#bottom a:link, #bottom a:visited { color:#4b4a4a;}
	#bottom a:hover, #bottom a:active { color:#a0a0a0;}


/***  Container ***/
.wrap { width:960px; height:auto; margin:0 auto;}
.nav { width:100%; height:63px; float:left;}
.content { width:100%; min-height:763px !important; height:auto; float:left;}


/***  Mainmenu ***/
#container { width:707px; margin:auto; font-size:11px; margin: 0px 0 0 78px}

#menu { position:absolute; margin-top:16px;}
	#menu ul li {  text-align: center; padding: 0 0 8px 0; font: bold 14px/18px "Century Gothic", Tahoma, Verdana, Arial, "Helvetica", sans-serif; }
	#menu ul li a { color: #FFF; text-shadow: 0 1px 0 #000; text-transform: uppercase; }
	#menu ul li a:hover, #menu ul li a:active { color: #d92c2c;}
	#menu ul .item { display:none; text-align:left; font: bold 11px/18px Tahoma, Verdana, Arial, "Helvetica", sans-serif;  border-bottom:1px dotted #444;}
	#menu ul:hover li.item { display:block; background:#000; padding:8px 0 8px 6px; }
	
	#menu ul:hover .item ul li { padding: 0; margin: 0; }
	#menu ul:hover .item a { color:#ccc; text-decoration:none; text-transform: none;}
	#menu ul:hover .item a:hover { color:#f93636;}

	#menu ul {width:150px; float:left; margin:5px 0 0 0; list-style:none;}
	.divider { border: 1px solid #FFFFFF; border-width: 0 1px 0 0; height: 12px;}
	.margin-left { margin-left: 18px;}
	.nborder { border-bottom:none;}


/*.mainmenu { background:url(images/mainmenu.png) no-repeat; width:707px; height:23px; float:left; margin:21px 0 0 124px; position:relative;}
	
	.mainmenu #menus li { list-style:none; display:block; float:left; height:23px; position:absolute; top:0;}
	.mainmenu #menus li, .mainmenu #menus li a {  display:block; height:23px;}
	
	#menus li.home { width:54px; left:0; }
	#menus li.about { width:96px; left:106px; }
	#menus li.products { width:100px; left:255px; }
	#menus li.contacts { width:103px; left:408px; }
	#menus li.cart { width:142px; left:564px; }
	
	#menus li.home a:hover, #menus li.home a:active, .active1 { background:url(images/mainhover.png) 0 0 no-repeat;}
	#menus li.about a:hover, #menus li.about a:active, .active2 { background:url(images/mainhover.png) -106px 0 no-repeat;}
	#menus li.products a:hover, #menus li.products a:active, .active3 { background:url(images/mainhover.png) -255px 0 no-repeat;}
	#menus li.contacts a:hover, #menus li.contacts a:active, .active4 { background:url(images/mainhover.png) -408px 0 no-repeat;}
	#menus li.cart a:hover, #menus li.cart a:active, .active5 { background:url(images/mainhover.png) -564px 0 no-repeat;}*/


/*Hover*/



/***  Content  ***/
.about {  background:url(../images/about.png) no-repeat 610px 60px;}
.content-bg {  background:url(../images/image.png) no-repeat 524px 60px;}
.products {  background:url(../images/products.png) no-repeat 610px 60px;}
.contacts {  background:url(../images/contacts.png) no-repeat 600px 60px;}
.cart {  background:url(../images/cart.png) no-repeat 580px 60px;}
.leftpanel { width:519px; height:auto; float:left; padding-bottom:50px;}
.leftpanel h1.logo { background:url(../images/logo.png) no-repeat; margin:205px 0 30px; width:497px; height:207px;}
.leftpanel p.index { padding:0 70px; text-align:center;}
.leftpanel h1.mtop { margin-top:65px;}

.leftpanel h2 { font-weight:normal; margin:20px 0; font-size:18px; color:#c20e0e;}
	h2.btop { border-top:1px dotted #ccc; padding-top:5px;}

.leftpanel ul { padding-left:20px;}
.leftpanel ul li { padding:5px; list-style:square; font-weight:bold;}
.leftpanel ul li strong { color:#b10303;}


/*** Form  ***/
form { padding-left:20px;}
form p label { width:90px; float:left; font-weight:bold;}
form p input.input, form textarea { width:300px; border:1px solid #ccc; padding:3px; font:normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}
.btn { background:#730404; padding:2px 4px; border:1px solid #b10303; font:bold 11px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#fff; cursor:pointer;}
.blk { background:#000; border-color:#444;}


/*** Products  ***/
.prod-image { /*background:url(images/prod-image.jpg) center no-repeat;*/ width:150px; height:auto; float:left; text-align:center;}
.prod-description { width:350px; height:auto; float:left; padding-left:10px;}

ul#products { padding:0;}
ul#products li { width:30%; min-height:315px; height:auto; float:left; list-style:none; display:block; font-weight:normal; padding-bottom:20px; border:dotted #ccc; border-width:1px 0 0 1px;}
ul#products li.rborder { border-right:1px dotted #ccc; }
ul#products li.bborder { border-bottom:1px dotted #ccc; }
ul#products li p { padding-left:10px;}

ul#category { padding-left:40px;}
ul#category li { list-style:none; display:block; float:left; width:38%; min-height:280px !important; height:auto;}
ul#category li p { padding:0 20% 0 5%; font-weight:normal; line-height:18px;}


/*** Table  ***/
table#cart tr.titles { background:#730404; color:#fff;} 
table#cart tr td { border-bottom:1px dotted #ccc; padding:5px 6px;}

strong.btn a {
color:#FFFFFF;
}
strong.btn a:hover {
color:#B75454;
}








