body {
text-align : center;
font : 11px verdana, sans-serif;
color : #5d5d5d;
margin : 0;
padding : 0;
background-color : #333333;
}
h1 {
font-size : 18px;
color : #727986;
margin : 0;
padding : 0;
padding-top : 10px;
padding-bottom : 10px;
}
h2 {
font-size : 14px;
color : #727986;
margin : 0;
padding : 0;
padding : 8px 0 8px 8px;
background : url(box-top.jpg) no-repeat;
}
form, input, h3 {
margin : 0;
padding : 0;
clear : both;
}
p {
margin : 0;
padding : 0;
padding-top : 5px;
padding-bottom : 5px;
}
a:link, a:visited {
color : #727986;
text-decoration : none;
}
a:hover, a:active {
text-decoration : underline;
}
img {
border : none;
}
.clearer {
clear : both;
}
.separator {
padding-top : 20px;
clear : both;
}
#container-body {
margin-left : auto;
width : 968px;
margin-right : auto;
text-align : left;
background : #fffffe;
background-image : url(bg.jpg);
}
#header {
background : url(header.jpg) no-repeat;
padding-top : 30px;
}
#topmenu {
float : left;
width : 400px;
height : 33px;
color : #727986;
padding-top : 5px;
padding-left : 100px;
}
#topmenu ul {
list-style-type : none;
padding : 0;
margin : 0;
text-align : center;
}
#topmenu ul li {
display : inline;
text-align : center;
padding-left : 10px;
padding-right : 10px;
font-size : 14px;
}
#topmenu ul li a {
font-weight : bold;
padding-left : 2px;
padding-right : 4px;
font-size : 11px;
color : #727986;
}
#search {
float : left;
width : 200px;
padding-top : 5px;
border-left : 1px solid #999999;
padding-left : 10px;
}
#search input {
width : 128px;
}
#content {
margin-left : 20px;
}
#content-left {
float : left;
width : 630px;
}
#content-right {
float : right;
width : 230px;
margin-right : 25px;
}
#content-right-list {
width : 230px;
}
#welcome {
color : #ffffff;
font-weight : bold;
float : left;
width : 160px;
height : 242px;
background : url(welcome.jpg) no-repeat;
margin-right : 2px;
padding : 15px 201px 0 15px;
}
#welcome b {
font-size : 16px;
}
#banner {
float : right;
width : 202px;
height : 274px;
background : url(welcome2.jpg) no-repeat;
margin-right : 18px;
padding : 70px 310px 0 40px;
}
#banner .text {
position : relative;
}
#banner .textb {
font-size : 14px;
}
#banner .text .title {
	font-size : 12px;
	position : absolute;
	top : 156px;
	left : -27px;
	color : #ffffff;
	width: 223px;
	height: 61px;
}
#banner .title b {
font-size : 32px;
}
#submenu {
float : left;
width : 376px;
height : 84px;
background : url(subtitles.jpg) no-repeat;
margin-right : 2px;
margin-top : 2px;
}
#catalog {
	float : left;
	font-size : 12px;
	color : #ffffff;
	text-align : center;
	width : 300px;
	padding-top : 5px;
}
#catalog span {
font-size : 40px;
}
#menu {
float : left;
font-weight : bold;
font-size : 12px;
width : 260px;
margin-left : 10px;
}
#menu ul {
float : left;
width : 120px;
padding-left : 10px;
list-style-type : none;
padding : 0;
margin : 0;
}
#menu ul li {
background : url(menu.jpg) no-repeat;
padding-top : 10px;
}
#menu ul li a {
font-weight : bold;
color : #ffffff;
}
.box {
float : left;
width : 230px;
background : url(box-bg.jpg) repeat-y;
margin-right : 2px;
margin-top : 2px;
}
.box a {
font-weight : bold;
}
.box .top {
background : url(box-top.jpg) no-repeat;
height : 10px;
}
.box .body {
padding-left : 20px;
}
.box .title {
font-size : 24px;
}
.box .subtitle {
font-size : 18px;
}
.box .price {
font-size : 18px;
}
.box #category {
color : #f6698d;
font-size : 24px;
}
.box .bottom {
background-color : #727987;
padding : 10px 5px 10px 10px;
color : #ffffff;
font-weight : bold;
background-image : url(box-bottom2.jpg);
background-position : 0 bottom;
background-repeat : no-repeat;
}
.box .footer {
background : url(box-bottom.jpg) no-repeat;
height : 9px;
}
.button {
background : url(button.jpg) no-repeat;
color : #ffffff;
font-size : 12px;
width : 102px;
text-align : center;
height : 17px;
float : left;
padding-top : 2px;
margin : 5px;
}
.button a {
color : #ffffff;
display : block;
}
.button a:hover {
text-decoration : none;
}
#box-product, #box-recommend {
width : 630px;
}
#product-image {
float : left;
width : 230px;
}
#product-content {
float : right;
width : 330px;
}
.recommend {
float : left;
width : 148px;
text-align : center;
}
#footer {
background : url(footer.jpg) no-repeat;
padding : 10px 0 18px 25px;
height : 48px;
color : #999999;
font-weight : bold;
}
#footermenu {
padding : 4px;
}
#footermenu ul {
list-style-type : none;
padding : 0;
margin : 0;
}
#footermenu ul li {
display : inline;
}
#footermenu ul li a {
color : #666666;
font-weight : bold;
padding-left : 2px;
padding-right : 4px;
}