html {
margin : 0;
padding : 0;
}
* {
font-family : Arial, Helvetica, sans-serif;
}
body {
margin : 0;
padding : 0;
text-align : center;
}
body, td, th, input, textarea, select, a {
font-size : 12px;
}
form {
padding : 0;
margin : 0;
display : inline;
}
input, textarea, select {
margin : 3px 0;
}
a, a:visited {
color : #1b57a3;
text-decoration : underline;
cursor : pointer;
}
a:hover {
text-decoration : none;
}
a img {
border : none;
}
p {
margin-top : 0;
}
#container {
width : 960px;
margin-left : auto;
margin-right : auto;
text-align : left;
}
#header .div2 {
float : left;
padding-top : 15px;
padding-left : 15px;
}
#header .div3 {
float : right;
padding-top : 7px;
height : 38px;
}
#header .div3 a {
margin-left : 20px;
padding-left : 20px;
background-repeat : no-repeat;
}
#header .div4 {
width : 510px;
clear : right;
float : right;
height : 32px;
padding-right : 14px;
}
#header .div4 a {
float : left;
margin-right : 2px;
width : 125px;
height : 18px;
padding-top : 9px;
padding-bottom : 9px;
background : url('../image/tab_1.png') no-repeat;
text-align : center;
color : #333333;
text-decoration : none;
font-size : 14px;
font-weight : bold;
position : relative;
z-index : 1;
}
#header .div4 a.selected {
background : url('../image/tab_2.png') no-repeat;
color : #fff;
padding-bottom : 10px;
z-index : 3;
}
#header .div5 {
clear : both;
}
#header .div5 .left {
background : url('../image/header_1_left.png') no-repeat;
width : 5px;
height : 40px;
float : left;
}
#header .div5 .right {
background : url('../image/header_1_right.png') no-repeat;
width : 5px;
height : 40px;
float : right;
}
#header .div5 .center {
background : url('../image/header_1_center.png') repeat-x;
height : 40px;
margin-left : 5px;
margin-right : 5px;
}
#header .div6 {
clear : both;
margin-bottom : 10px;
}
#header .div6 .left {
background : url('../image/header_2_left.png') no-repeat;
width : 5px;
height : 32px;
float : left;
}
#header .div6 .right {
background : url('../image/header_2_right.png') no-repeat;
width : 5px;
height : 32px;
float : right;
}
#header .div6 .center {
background : url('../image/header_2_center.png') repeat-x;
height : 32px;
margin-left : 5px;
margin-right : 5px;
padding-left : 5px;
padding-right : 5px;
}
#header .div7 {
float : right;
padding-top : 2px;
}
#search {
padding-top : 7px;
padding-left : 5px;
color : #fff;
font-weight : bold;
}
#search select {
border : 1px solid #0a5391;
padding : 1px;
}
#search a {
color : #fff;
}
#search input {
border : 1px solid #0a5391;
padding : 2px;
}
#breadcrumb {
float : left;
padding-top : 7px;
padding-bottom : 11px;
height : 13px;
margin-bottom : 10px;
color : #999;
}
.switcher {
float : right;
margin-top : 3px;
margin-left : 10px;
}
.switcher a {
text-decoration : none;
display : block;
}
.switcher .selected {
background : #ffffff url('../image/switcher.png') repeat-x;
}
.switcher .selected a {
border : 1px solid #cccccc;
background : url('../image/arrow_down.png') no-repeat 116px center;
color : #666666;
padding : 2px 5px 2px 5px;
width : 121px;
}
.switcher .selected a:hover {
background : #f0f0f0 url('../image/arrow_down.png') no-repeat 116px center;
}
.switcher .option {
position : absolute;
z-index : 3;
border-left : 1px solid #cccccc;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
background-color : #eeeeee;
display : none;
width : 125px;
padding : 3px;
}
.switcher .option a {
color : #000;
padding : 3px 5px 3px 5px;
}
.switcher img {
position : relative;
top : 1px;
}
#column_left {
float : left;
width : 180px;
margin-right : 10px;
clear : left;
}
#column_right {
float : right;
width : 180px;
margin-left : 10px;
clear : right;
}
#content {
margin-left : 190px;
margin-right : 190px;
margin-bottom : 10px;
}
#content .top .left {
background : url('../image/content_top_left.png') no-repeat;
width : 5px;
height : 32px;
float : left;
}
#content .top .right {
background : url('../image/content_top_right.png') no-repeat;
width : 5px;
height : 32px;
float : right;
}
#content .top .center {
background : url('../image/content_top_center.png') repeat-x;
margin-left : 5px;
margin-right : 5px;
}
#content .top h1 {
padding : 8px 0 8px 7px;
}
#content h1, .heading {
color : #000000;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
margin : 0;
}
.heading {
border-bottom : 1px solid #dddddd;
padding-bottom : 3px;
margin-bottom : 10px;
}
#content .middle {
border-left : 1px solid #dddddd;
border-right : 1px solid #dddddd;
background : #ffffff;
padding : 10px 10px 1px 10px;
min-height : 380px;
}
#content .bottom .left {
background : url('../image/content_bottom_left.png') no-repeat;
width : 5px;
height : 5px;
float : left;
}
#content .bottom .right {
background : url('../image/content_bottom_right.png') no-repeat;
width : 5px;
height : 5px;
float : right;
}
#content .bottom .center {
background : url('../image/content_bottom_center.png') repeat-x;
height : 5px;
margin-left : 5px;
margin-right : 5px;
}
.box {
margin-bottom : 10px;
background : url('../image/box_top.png') no-repeat;
}
.box .top {
padding : 8px 0 8px 7px;
color : #000000;
font-size : 14px;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
text-transform : uppercase;
}
.box .top img {
float : left;
margin-right : 5px;
}
.box .middle {
border-left : 1px solid #dddddd;
border-right : 1px solid #dddddd;
background : #ffffff;
padding : 10px;
}
.box .bottom {
height : 5px;
background : url('../image/box_bottom.png') no-repeat;
}
.success {
padding : 5px 0;
margin-bottom : 10px;
background : #e4f1c9;
border : 1px solid #a5bd71;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.warning {
padding : 5px 0;
margin-bottom : 10px;
background : #ffdfe0;
border : 1px solid #ff9999;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.wait {
padding : 5px 0;
margin-bottom : 10px;
background : #fbfaea;
border : 1px solid #efebaa;
font-size : 11px;
font-family : Verdana, Geneva, sans-serif;
text-align : center;
}
.required {
color : #ff0000;
font-weight : bold;
}
.error {
color : #ff0000;
display : block;
}
.help {
cursor : pointer;
}
.tooltip {
border : 1px solid #fdda5c;
background : #fbff95;
padding : 5px;
font-size : 11px;
width : 250px;
}
.clear {
overflow : hidden;
width : 100%;
}
.button {
padding-left : 8px;
display : inline-block;
margin-right : 5px;
background : url('../image/button_left.png') no-repeat left top;
text-decoration : none;
color : #fff;
}
.button span {
color : #fff;
display : block;
padding : 4px 10px 5px 2px;
background : url('../image/button_right.png') no-repeat right top;
}
.buttons {
background : #f8f8f8;
border : 1px solid #dddddd;
padding : 5px;
margin-bottom : 10px;
}
.buttons input {
padding : 0;
margin : 0;
}
.buttons table {
width : 100%;
border-collapse : collapse;
}
.buttons table td {
vertical-align : middle;
}
.content {
background : #f7f7f7;
border : 1px solid #dddddd;
padding : 10px;
margin-top : 3px;
margin-bottom : 10px;
}
.list {
margin-bottom : 10px;
width : 100%;
}
.list td {
text-align : center;
vertical-align : top;
padding-bottom : 10px;
}
.sort {
margin-bottom : 10px;
background : #f8f8f8;
height : 30px;
width : 100%;
}
.sort .div1 {
float : right;
margin-left : 5px;
padding-top : 6px;
padding-right : 9px;
}
.sort .div2 {
text-align : right;
padding-top : 9px;
}
.sort select {
font-size : 11px;
margin : 0;
padding : 0;
}
.pagination {
display : inline-block;
width : 100%;
background : #f8f8f8;
margin-bottom : 10px;
}
.pagination .links, .pagination .results {
padding : 7px;
}
.pagination .links {
float : left;
}
.pagination .links a {
border : 1px solid #cccccc;
padding : 4px 7px;
text-decoration : none;
color : #000000;
}
.pagination .links b {
border : 1px solid #cccccc;
padding : 4px 7px;
text-decoration : none;
color : #000000;
background : #ffffff;
}
.pagination .results {
float : right;
}
.tabs {
width : 100%;
height : 31px;
margin-bottom : 0;
}
.tabs a {
float : left;
display : block;
padding : 6px 15px 7px 15px;
margin-right : 2px;
border-top : 1px solid #dddddd;
border-bottom : 1px solid #dddddd;
border-left : 1px solid #dddddd;
border-right : 1px solid #dddddd;
background : #ffffff url('../image/tab_3.png') repeat-x;
color : #000000;
font-weight : bold;
font-size : 13px;
text-decoration : none;
z-index : 1;
position : relative;
top : 1px;
}
.tabs a.selected {
background : #ffffff url('../image/tab_3.png') repeat-x;
border-bottom : 0;
padding-bottom : 8px;
z-index : 3;
}
.tab_page {
border : 1px solid #dddddd;
background : #ffffff;
padding : 10px;
display : block;
z-index : 2;
margin-bottom : 10px;
}
#footer {
width : 100%;
clear : both;
padding-top : 5px;
border-top : 1px solid #dddddd;
}
#footer .div1 {
float : left;
text-align : left;
}
#footer .div2 {
float : right;
text-align : right;
}
#category ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 8px;
padding-left : 12px;
list-style : url('../image/bullet_1.png');
}
#information ul {
margin-top : 0;
margin-bottom : 0;
margin-left : 8px;
padding-left : 12px;
list-style : url('../image/bullet_2.png');
}
.cart {
border-collapse : collapse;
width : 100%;
border : 1px solid #eeeeee;
margin-bottom : 10px;
}
.cart th {
background : #eeeeee;
padding : 5px;
font-weight : normal;
}
.cart td {
padding : 5px;
}