@charset "UTF-8";
/* CSS Document */

.*{
margin:0;
padding:0;
}
body{
font-family:"Trebuchet MS";
font-size:14px;
color:#666666;
background-image:url(design/bgbody3.jpg);
margin-top:0px;
}

a{
color: #858E9A;
text-decoration:none;
}

h1{
font-size:22px;
letter-spacing:1px;
color:#FFFFFF;
}

h2{
font-size:18px;
color:#CCCCCC;
margin:5px 0 5px 5px;
}
h3{
font-size:22px;
color:#CC0000;
margin:5px 0 5px 5px;
}
h4{
font-size:18px;
color:#000066;
margin:5px 0 5px 5px;
}

#wrapper{
width:950px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
border:1px solid #A5B0BF;

}

#header{
width:950px;
height:130px;
float:left;
background-image:url(design/header3.jpg);
background-repeat:no-repeat;

}

#headerpict{
width:950px;
height:150px;
float:left;
background-color:#99CC66;
border-bottom:1px solid #9DB057;
}

/* Menu */


#menu {
	width: 950px;
	height: 30px;
	margin: 0px auto;
	background-image:url(design/bgnavi2.jpg);
	float:left;
}

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 130px;
	height: 30px;
	padding-top: 8px;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	letter-spacing: 1px;
	color: #858E9A;
}


#menu a:hover {
	color:#FFFFFF;

	
}

/* Menu products */


#menuProd {
	float: left;
	width: 200px;
	margin: 0px auto;
	padding-bottom: 5px;
	padding-left:10px;
	font-size:18px;
	font-weight: bold;
	color: #323B2E;
}

#menuProd ul {
	margin: 0px;
	list-style: none;
	padding: 0px;
}

#menuProd li {
padding-bottom:3px;
}

#menuProd a {
	display: block;
	width: 200px;
	padding:5px 0px 5px 30px;
	background-image:url(design/bgbutton3.jpg);
	border: 1px solid #C0CDDE;
	font-size: 14px;
	text-decoration: none;
	color: #858E9A;
	font-weight: bold;
}

#menuProd a:hover {
	background-color: #CCCCCC;
	border: 1px solid #C0CDDE;
	background-image:url(design/bgbutton.jpg);
	color: #858E9A;
}
/*content*/

#content{
width:938px;
padding:5px;
background-color:#FFFFFF;
border:1px solid #FFFFFF;
float:left;
}

/*columns*/
#columnBig{
padding:5px 0 5px 5px;
width:660px;
float:left;
}
#columnBigM{
padding:5px 0 5px 5px;
width:500px;
float:left;

}

#columnSmall{
padding:5px 0 5px 5px;
width:260px;
float:left;
}
#columnSmallM{
padding:5px 0 5px 5px;
width:420px;
float:left;
}
#centerBig{
width:300px;
margin: 0 auto;
}

/*products styles*/
.prodCont{
width:640px;
margin-top:12px;
padding:5px;
float:left;
border:1px solid #C0CDDE;
font-size: 12px;

}
.prodCont a{
display: block;
background-image:url(design/bgbutton3.jpg);
border: 1px solid #858E9A;
text-align: center;
width: 100px;
height: 15px;
padding-top: 2px;
margin-bottom: 3px;

}
.imgProd{
width:310px;
height:225px;
float:left;
padding:3px 0 3px 0;
border:1px dashed #C0CDDE;
}
.imgProddetail{
width:550px;
height:413px;
margin: auto;
padding:3px 0 3px 0;

}
.prodDetails{
width:300px;
float:left;
padding:5px;
}
.prodDetailsdetail{
width:480px;
float:left;
padding:5px;
}
.contBtnDetail{
width: 110px;
height: 30px;
float:left;
text-align: center;
padding: 5px;
}

.titleProd{
width:310px;
font-size:16px;
color: #A0ABB9;
margin:0 0 3px 0;

}
.titleProddetail{
width:600px;
height:15px;
font-size:16px;
color:#858E9A;
margin:0 0 3px 0;

}

.descripProd{
width:300px;
margin-top:2px;

}
.sizeProd{
width:310px;
font-size: 9px;
}
.addbtn{
width:310px;
height:30px;

}
.small{
padding-left:5px;
font-size:x-small;
color: #858E9A;

}
.small a{
padding-left:5px;
font-size:x-small;
color: #858E9A;
text-decoration:none;
}
input{
border:1px solid #B2B2B2;
background-color:#C0CDDE;
}
textarea{
border:1px solid #B2B2B2;
background-color:#C0CDDE;
}
.contactrec{
width: 380px;
margin-left: auto;
margin-right: auto;
border:1px dashed #858E9A;
color: #858E9A;
padding:4px;
text-align: center;
margin-bottom: 5px;
}
/*footer*/
#footer{
width:950px;
height:40px;
margin-left:auto;
margin-right:auto;
float:left;
background-color: #C0CDDE;
padding-top:10px;
text-align:center;
font-family:Arial;
font-size:10px;
color: #858E9A;
letter-spacing:2px;
border-top:1px solid #A5B0BF;
}

#footer a{
color:#333333;
text-decoration:none;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */