body {
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #242424;
background-color : #d8dada;
background-image : url('images/bg.png');
background-repeat : repeat-x;
margin : 0;
padding : 0;
}
a, a:visited {
color : #242424;
text-decoration : none;
}
a:hover {
color : #242424;
text-decoration : underline;
}
img {
border : 0px none;
}
.wrapper {
width : 960px;
margin : 0 auto 0 auto;
}
.top {
background-image : url('images/top_logo.png');
background-repeat : no-repeat;
width : 100%;
height : 50px;
}
.header {
background-image : url('images/header.png');
background-repeat : no-repeat;
width : 100%;
height : 219px;
}
.header h1 {
font-size : 11px;
color : #cfcfcf;
margin : 73px 0 0 275px;
padding : 0;
font-weight : normal;
width : 530px;
float : left;
display:inline;
}
.left {
float : left;
width : 655px;
margin : 15px 0;
}
.right {
float : right;
width : 305px;
background-image : url('images/bg_right.png');
background-repeat : repeat-y;
}
.clear {
clear : both;
}
.error {
background : url('images/error.png') no-repeat 5px center;
float : left;
width : 96%;
margin : 5px 0;
background-color : #f5e8e8;
border : 1px solid #dfb2b2;
padding-left : 32px;
padding-right : 0;
padding-top : 8px;
padding-bottom : 8px;
}
.errors {
background : url('images/error.png') no-repeat 5px center;
float : left;
width : 96%;
margin : 5px 0;
background-color : #f5e8e8;
border : 1px solid #dfb2b2;
padding-left : 32px;
padding-right : 0;
padding-top : 8px;
padding-bottom : 8px;
}
.notice {
background : url('images/notice.png') no-repeat 5px center;
float : left;
width : 96%;
margin : 5px 0;
background-color : #d5ffcf;
border : 1px solid #97ff88;
padding-left : 32px;
padding-right : 0;
padding-top : 8px;
padding-bottom : 8px;
}
.accept {
background : url('images/notice.png') no-repeat 5px center;
float : left;
width : 96%;
margin : 5px 0;
background-color : #d5ffcf;
border : 1px solid #97ff88;
padding-left : 32px;
padding-right : 0;
padding-top : 8px;
padding-bottom : 8px;
}
.navigation {
float : right;
width : 305px;
height : 82px;
margin : 0 0 0 0;
background-repeat : no-repeat;
background-image : url('images/head_navigation.png');
}
.contentRight, .navContent, .boughtItem {
float : left;
margin : 0 0 0 14px;
color : #e6e6e6;
}
.noItems {
margin : 10px 0 10px 60px;
padding : 0;
font-weight : bold;
font-size : 14px;
}
.contentRight a, .contentRight a:visited, .navContent a, .navContent a:visited, .footer a, .footer a:visited, .boughtItem a, .boughtItem a:visited {
color : #e6e6e6;
}
.contentRight a:hover, .footer a:hover, .navContent a:hover, .boughtItem a:hover {
color : #e6e6e6;
text-decoration : underline;
}
.rightEnd {
float : left;
width : 305px;
height : 70px;
background-image : url('images/bg_right_end.png');
background-repeat : no-repeat;
}
.latest {
float : left;
width : 100%;
height : 42px;
background-image : url('images/latest_prod.png');
background-repeat : no-repeat;
margin : 5px 0;
}
.productpage_name {
float : left;
width : 100%;
margin : 5px 0;
border-bottom : 1px solid #808080;
font-size : 15px;
font-weight : bolder;
padding : 4px 0 4px 0;
}
.item {
float : left;
width : 100%;
margin : 3px 0 5px 0;
}
.pic {
float : left;
width : 160px;
height : 160px;
background-image : url('images/bg_pic.png');
background-repeat : no-repeat;
}
.pic img {
float : left;
margin : 14px 0 0 14px;
}
.itemContent {
float : left;
width : 470px;
margin : 0 0 0 10px;
}
.itemName {
float : left;
width : 100%;
height : 26px;
border-bottom : 1px solid #868787;
font-size : 18px;
font-weight : bold;
margin : 5px 0;
}
.review {
float : right;
width : 95px;
height : 26px;
font-size : 11px;
font-weight : normal;
background-image : url('images/rev.png');
background-repeat : no-repeat;
}
.review p {
float : left;
margin : 4px 0 0 30px;
padding : 0;
}
.price {
float : left;
width : 160px;
font-size : 18px;
font-weight : bold;
margin : 3px 0;
text-align : center;
}
.buttons {
float : left;
width : 315px;
text-align : right;
margin : 0 0 30px 0;
}
.headLogin, .headCategories, .headCart {
float : left;
width : 270px;
height : 60px;
margin : 0 0 0 15px;
background-repeat : no-repeat;
}
.headCategories {
background-image : url('images/head_categories.png');
}
.headLogin {
background-image : url('images/head_login.png');
}
.headCart {
background-image : url('images/head_cart.png');
}
.headCart p {
margin : 14px 0 0 200px;
padding : 0;
color : #e6e6e6;
font-weight : bold;
}
.login {
width : 100%;
text-align : right;
margin-left : 5px;
line-height : 30px;
}
.login p {
font-weight : bold;
font-size : 11px;
text-align : center;
padding : 0;
margin : 0 0 10px 0;
}
.inputUser {
width : 176px;
height : 22px;
background-image : url('images/bg_input.png');
background-repeat : no-repeat;
border : 0px none;
font-size : 11px;
background-color : #007393;
padding-left : 5px;
padding-right : 5px;
padding-top : 3px;
padding-bottom : 3px
}
.inputLogin {
width : 125px;
height : 30px;
padding : 0;
margin : 5px 0 0 0;
font-size : 11px;
}
.contentRight ul, .navContent ul, .boughtItem ul {
float : left;
margin : 0 0 0 0;
padding : 0;
width : 279px;
}
.categoryName {
font-weight : bold;
background : url('images/list_point.png') no-repeat 15px 3px;
padding-left : 35px;
padding-right : 0;
padding-top : 4px;
padding-bottom : 1px;
}
.contentRight li {
list-style-type : none;
line-height : 16px;
border-bottom : 0px solid #005c76;
margin-left : 0;
margin-right : 3px;
margin-top : 5px;
margin-bottom : 6px
}
.navContent li {
list-style-type : none;
line-height : 15px;
font-weight : bold;
background : url('images/list_point.png') no-repeat 0% 3px;
margin-left : 15px;
margin-right : 0;
margin-top : 5px;
margin-bottom : 6px;
padding-left : 20px;
padding-right : 0;
padding-top : 4px;
padding-bottom : 1px;
}
.boughtItem li {
list-style-type : none;
line-height : 15px;
font-weight : bold;
margin : 2px 0;
padding-left : 15px;
padding-right : 0;
padding-top : 7px;
padding-bottom : 3px;
}
.boughtItem img {
float : right;
margin : 0 30px 0 0;
padding : 0;
}
.cartTotal {
float : right;
margin : 10px 40px 5px 0;
padding : 0;
font-weight : bold;
font-size : 11px;
width : 100%;
text-align : right;
}
.categoryList {
padding : 0 0 3px 45px;
}
.productDescription {
float : left;
margin : 5px 0 0 10px;
padding : 0;
width : 670px;
line-height : 18px;
}
.pagination {
width : 100%;
float : left;
background-color : #cacaca;
border : 1px solid #a6a6a6;
font-size : 14px;
padding : 5px 0 5px 0;
}
.footer {
float : left;
width : 100%;
background : url('images/bg_bottom.png');
background-repeat : repeat-x;
background-color : #222222;
clear : both;
}
.footer p {
width : 100%;
height : 45px;
text-align : center;
color : #e6e6e6;
font-weight : normal;
margin : 80px 0 0 0;
padding : 0;
}