/*
 * 功能：网站布局
 * 作者：Gavin
 * 创建时间：2008-10-27
 * 最后一次修改时间：2009-1-14 
---------------------------------*/

/*外部容器
---------------------------------*/
#containerBg01 {
width:912px;
margin:0 auto;
background:url(bg.gif) repeat-y 0 0;
}
#containerBg02 {
background:url(bgBottom.gif) no-repeat left bottom;
}
#container {
padding:6px;
background:url(bgTop.gif) no-repeat 0 0;
}
#main-text{
height:15px; font-size:12px; padding-top:4px; color:#666;
}
/*页头
---------------------------------*/
#header {
}
#headTop {
position:relative;
background:url(headBg.gif) repeat-x 0 0;
height:80px;
}
/* logo */
#logo {
position:absolute;
left:0;
top:0;
}
#secondaryNav {
position:absolute;
right:0;
top:0;
text-align:right;
width:300px;
}
#secondaryNav li {
float:left;
line-height:80px;
display:inline;
margin:0 6px;
font-weight:bold;
color:#574C6C;
font-family:Arial, Helvetica, sans-serif;
}
#secondaryNav li a {
color:#574C6C;
}
#secondaryNav li a:hover {
color:#994A00;
}
#secondaryNav li.sum {
color:#994A00;
}
#secondaryNav li.navCart a {
background:url(iconCart.gif) no-repeat 0 50%;
padding-left:21px;
}
#secondaryNav li.gateway a {
background:url(listIcon01.gif) no-repeat 0 50%;
padding-left:12px;
}
#headBar {
height:42px;
background:url(mainNavBg.jpg) no-repeat 0 0;
margin-bottom:1px;
}
#mainNav {
float:left;
width:680px;
display:inline;
margin-left:20px;
}
#mainNav li {
float:left;
}
#mainNav li a {
float:left;
height:42px;
background-image:url(mainNav.gif);
background-repeat:no-repeat;
}
#mainNav li#menu_women a {
width:99px;
background-position: 0 0;
}
#mainNav li#menu_men a {
width:74px;
background-position: -99px 0;
}
#mainNav li#menu_new a {
width:153px;
background-position: -173px 0;
}
#mainNav li#menu_essentials a {
width:166px;
background-position: -326px 0;
}
#mainNav li#menu_summer a {
width:188px;
background-position: -492px 0;
}
#mainNav li#menu_women a:hover {
background-position: 0 -42px;
}
#mainNav li#menu_men a:hover {
background-position: -99px -42px;
}
#mainNav li#menu_new a:hover {
background-position: -173px -42px;
}
#mainNav li#menu_essentials a:hover {
background-position: -326px -42px;
}
#mainNav li#menu_summer a:hover {
background-position: -492px -42px;
}
#search {
float:right;
display:inline;
margin-right:24px;
}
#search .inputSearch {
outline:none;
border:none;
background:url(searchBg.gif) no-repeat 0 0;
margin-top:14px;
width:81px;
height:15px;
padding:2px 10px 2px 21px;
font:12px verdana;
}
#search .btnSearch {
border:none;
outline:none;
background:url(btnSearch.gif) no-repeat;
height:19px;
width:28px;
cursor:pointer;
}
/* banner */
#banner img, #banner object {
float:left;
overflow:hidden;
}
/*主要内容区
---------------------------------*/
#main {
overflow: hidden;
text-align:left;
}
/* sideBar */
#sideBar {
float:left;
width:195px;
text-align:left;
display:inline;
margin:5px 0 30px 5px;
}
/* content */
#content {
float:right;
width:670px;
text-align:left;
display:inline;
margin:5px 10px 30px 0;
}
/*页脚
---------------------------------*/
#footer {
}
#footNav {
background:url(footNavRight.gif) no-repeat right top;
margin:10px 5px 7px 5px;
}
#footNav ul {
background:url(footNavLeft.gif) no-repeat 0 0;
height:37px;
padding-left:8px;
}
#footNav li {
float:left;
}
#footNav li a {
float:left;
height:37px;
line-height:37px;
font-size:10px;
color:#000;
text-transform:uppercase;
padding:0 10px;
}
#footNav li a:hover {
text-decoration:underline;
}
#footer #copyright {
background:#FAFAFA url(copyBg.gif) repeat-x;
line-height:20px;
padding:10px 0;
text-transform:uppercase;
font-size:9px;
color:#7A7A7A;
}
/*首页模块
---------------------------------*/
#discount {
padding:1px;
}
#discount li {
margin-right:1px;
float:left;
overflow:hidden;
}
#discount li img {

}
/*侧栏-三级菜单*/
#subNav {
margin-bottom:10px;
}
#subNav h2 {
height:32px;
line-height:32px;
text-align:left;
font-size:14px;
}
#subNav ul li {
font-size:12px;
width:100%;
display:inline;
}
#subNav ul ul {
padding-left:15px;
}
#subNav ul li a {
line-height:16px;
display:block;
background:url(listIcon01.gif) no-repeat 5px 7px;
padding:4px 0 4px 20px;
}
#subNav ul li.current li a {
background-image:url(listIcon02.gif);
}
#subNav ul li.current li li a {
background-image:url(listIcon03.gif);
}
/*内页内容区
---------------------------------*/
#sideBar h2 {
background:url(subNavTitle.jpg) no-repeat 0 0;
text-align:center;
font-size:14px;
color:#fff;
text-transform:uppercase;
height:34px;
line-height:34px;
}
#sideBar dl {
width:181px;
margin:0 auto;
}
#sideBar dl dt {
text-align:center;
color:#490808;
background:#BFBD96;
margin-top:5px;
line-height:20px;
height:20px;
font-weight:bold;
text-transform:uppercase;
}
#sideBar dl dd {
line-height:18px;
padding:0 5px;
font-size:11px;
}
#crumbs {
line-height:22px;
}
#function, #function02 {
text-align:left;
min-height:500px;
height:auto !important;
height:500px;
overflow:visible;
}
#function02 {
padding:0 20px;
}
/* 产品列表 */
.productList li {
float:left;
text-align:center;
width:24.9%;
height:190px;
}
.productList li img {
height:123px;
width:141px;
margin:10px 0;
}
.productList li a:hover img {
}
.productList li span {
color:#000;
text-transform:uppercase;
}
.productList li span.label {
color:#990000;
background:#E8ECED;
margin-right:5px;
}
.productList li span.original {
color:#999;
text-decoration:line-through;
margin-right:5px;
}
.productList li span.price {
color:#990000;
}
/* 页码 */
#pages {
color:#404040;
text-align:right;
padding-right:20px;
line-height:30px;
height:30px;
margin-top:30px;
}
#pages .current {
color:#990000;
}
#pages a {
color:#404040;
}
#pages a:hover {
color:#990000;
}
#productImg {
width:292px;
float:left;
margin:20px 6px 0 6px;
display:inline;
}
#productImg h3 {
font-size:17px;
font-weight:normal;
margin-top:15px;
}
#productDetails {
float:left;
width:302px;
margin:20px 0 0 30px;
display:inline;
}
#productDetails h2, #productImg h2 {
font-size:20px;
font-weight:normal;
text-transform:uppercase;
padding:8px 0;
}
#productDescription {
line-height:18px;
background:url(contentDiv.gif) no-repeat left bottom;
font-size:11px;
}
#cart {
padding-top:18px;
font-size:17px;
}
#portral {
text-align:left;
padding:6px 0;
}
#portral a {
float:left;
display:inline;
margin:0 24px 10px 0;
}
#productDescription h3 {
color:#000;
font-size:17px;
font-weight:normal;
line-height:40px;
height:40px;
}
#cart li {
text-transform:capitalize;
height:21px;
padding:10px 0;
width:100%;
}
#cart li .text2 {
width:60px;
text-align:center;
}
#cart li label {
margin-right:20px;
float:left;
}
.highlight01 {
font-size:17px;
color:#995E00;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
.highlight02 {
color:#7D4D00;
}
.highlight03 {
font-size:12px;
}
#large img {
border:1px solid #333;
}
#thumbnails li {
float:left;
display:inline;
margin:16px 16px 0 0;
}
#thumbnails li img {
border:1px solid #868686;
width:57px;
height:57px;
}
/*--- 表单：左标签等宽右对齐 ---*/
fieldset {
border:none;
}
fieldset legend {
font-size:17px;
line-height:22px;
height:22px;
color:#4D4B00;
padding-left:.8em;
}
fieldset ol {
list-style: none;
padding:1em 0;
}
fieldset li {
display:inline;
float: left;
padding-bottom: 1.3em;
width: 100%;
}
fieldset li label {
float: left;
line-height:22px;
margin:0 5em 0 1em;
text-align: left;
color:#4D4B00;
font-weight:bold;
}
fieldset li span {
line-height:18px;
margin-left:10px;
color:#fff;
}
fieldset input.text, fieldset textarea {
display:inline;
float:left;
font:12px Arial, Helvetica, sans-serif;
padding:2px;
width:200px;
outline:none;
}
fieldset input.text2, fieldset input.text3 {
float:none;
}
input.text2 {
width:90px;
}
fieldset input.text3 {
width:122px;
}
fieldset textarea {
height:8em;
width:280px;
}
.btnSubmit {
background:#ddd;
border:#666 1px solid;
cursor:pointer;
font-size:12px;
line-height:14px;
padding:2px 6px;
}
.focusField {
border:solid 1px #7D4D00;
background:#eee;
color:#000;
}
.idleField {
background:#fff;
color: #333333;
border: solid 1px #5B5B5B;
}
div.submit a {
margin-right:8px;
}
div.submit, div.submit2 {
padding-left:150px;
text-align:left;
}
#crumbs02 {
line-height:30px;
border-bottom: 1px solid #D5C7C6;
margin:0 20px;
}
#function02 h2 {
font-size:20px;
font-weight:normal;
text-transform:uppercase;
height:60px;
line-height:60px;
}
.numToBuy {
width:60px;
text-align:center;
}
.cartInfo {
line-height:20px;
}
table.thinLineTable a.deleteItem {
text-decoration:none;
background:url(iconDelete.gif) no-repeat 0 50%;
padding-left:14px;
}
#cartTools {
text-align:right;
padding:30px;
}
#cartTools li {
margin-bottom:10px;
}
#paymentInfo {
border-collapse:collapse;
width:100%;
margin-bottom:50px;
}
#paymentInfo th {
line-height:60px;
padding:0 24px;
font-size:17px;
color:#fff;
font-weight:normal;
}
#paymentInfo td {
border-right:1px solid #fff;
padding:.6em 2em;
vertical-align:top;
color:#fff;
}
#paymentInfo td.last {
border:none;
}
#paymentInfo td a {
text-decoration:underline;
color:#fff;
}
#paymentInfo td a:hover {
text-decoration:none;
}
#function02 h1 {
font-size:24px;
font-weight:normal;
text-transform:uppercase;
color:#fff;
line-height:50px;
padding-left:24px;
}
#function02 h2.registerTitle {
text-transform:capitalize;
padding-left:15px;
}
#function02 .tips {
color:#4D4B00;
font-weight:bold;
line-height:20px;
padding-left:15px;
}
#payment {
background:url(paymentDiv.gif) repeat-x 0 0;
padding-top:50px;
}
#paymentItems ol {
padding:30px 0;
}
#paymentMethod ol {
background:#292D30;
padding-left:1em;
margin:1em 0;
}
#paymentMethod li {
padding:1em 0;
color:#FF0400;
font-size:17px;
line-height:30px;
}
#paymentMethod li radio {
margin-right:6em;
}
.CRselectBox {
background:#fff url(select_box_off.gif) no-repeat right center;
border: solid 1px #5B5B5B;
border-width:1px;
cursor:pointer;
display:block;
width: 100px;
height: 20px;
margin-right:5px;
}
.CRselectBoxHover {
background:#eee url(select_box_on.gif) no-repeat right center;
}
.CRselectBoxHover .CRselectValue {
color:#FDBE33;
}
.CRselectBox {
float:left;
}
.CRselectBox li {
padding:0;
}
.CRselectBox ul {
overflow-x:hidden;
}
.CRselectBox a.CRselectValue {
display:block;
margin:1px 1px 2px;
padding:1px 20px 2px 4px;
white-space:nowrap;
color:#333;
overflow:hidden;
width:74px;
}
.CRselectBoxOptions {
border: solid 1px #5B5B5B;
background:#fff;
color:#000;
margin-left:-1px;
list-style:none;
overflow-y:auto;
z-index:1000;
position: absolute;
width:100px;
height:100px;
display:none;
overflow:auto;
}
.CRselectBoxOptions a {
color:#000;
display:block;
height:22px;
line-height:22px;
padding-left:4px;
overflow:hidden;
white-space:nowrap;
}
.CRselectBoxOptions a:hover {
background:#eee;
}
.CRselectBoxOptions a.selected {
background:#eee;
}
/* 解决 firefox 点击放大出现虚线框，从而导致滚动条的问题  */
.CRselectBox a {
outline: none;
text-decoration:none;
}
.CRselectBox a:focus {
outline: none;
text-decoration:none;
}
#card_type {
width:200px;
}
#selectBox_card_type, #selectBox_title {
width:204px;
}
#selectBox_card_type a.CRselectValue, #selectBox_title a.CRselectValue {
width:178px;
}
#selectBox_card_type .CRselectBoxOptions, #selectBox_title .CRselectBoxOptions {
width:204px;
}
#selectBox_country {
width:284px;
}
#selectBox_country a.CRselectValue {
width:258px;
}
#selectBox_country .CRselectBoxOptions {
width:284px;
}
#selectBox_feedbackTopic {
width:300px;
}
#selectBox_feedbackTopic a.CRselectValue {
width:274px;
}
#selectBox_feedbackTopic .CRselectBoxOptions {
width:300px;
}
#selectBox_quantity {
float:left;
}
#selectBox_quantity li {
float:none;
padding:0;
}
#registerForm {
padding-top:20px;
}
#basicInformation {
background:url(paymentDiv.gif) repeat-x 0 bottom;
}
#shippingInformation legend {
height:80px;
line-height:80px;
}
#registerForm label {
text-align:right;
margin:0 1em 0 16em;
}
#registerForm input.text {
width:280px;
}
.confirmOption {
padding:1em 0 1em 12em;
color:#4D4B00;
font-size:17px;
}
.confirmOption li {
height:30px;
line-height:30px;
}
#signin, #newVisitor {
float:left;
width:384px;
padding:0 15px;
margin:15px 0;
color:#4D4B00;
}
#signin {
}
#newVisitor {
padding:0 30px;
border-left:1px solid #77753C;
}
#loginInformation legend {
margin:0 0 1.5em 0;
padding:0;
}
#loginInformation label {
margin-left:0;
}
#loginForm ul li, #newVisitor ul li {
padding:20px 0;
}
#signin a {
color:#4D4B00;
text-decoration:underline;
}
#signin a:hover {
text-decoration:none;
}
#newVisitor h3 {
font-size:17px;
font-weight:normal;
}
.loginTips {
background:#CACACA url(iconTips.gif) no-repeat 5px 5px;
padding:5px 10px 5px 31px;
color:#4D4B00;
line-height:18px;
}
#account {
color:#4D4B00;
padding-left:15px;
}
#account h3 {
font-size:15px;
border-bottom:1px solid #5B5C5D;
width:600px;
height:30px;
line-height:30px;
}
#account li {
margin-bottom:3em;
}
#account li p {
margin:.8em;
}
#account li a {
color:#4D4B00;
text-decoration:underline;
}
#account li a:hover {
text-decoration:none;
}
#emailUs {
float:left;
width:520px;
color:#4D4B00;
margin-left:15px;
display:inline;
}
#emailUs h3 {
font-size:12px;
border-bottom:1px solid #B8B8B8;
margin:10px 0;
line-height:24px;
height:24px;
}
#emailUs .cartInfo {
padding-left:0;
}
#contactType {
float:right;
width:306px;
border-left:1px solid #B8B8B8;
color:#4D4B00;
}
#contactType .content {
padding-left:30px;
}
#contactType li {
margin:30px 0;
}
#contactType li h3 {
font-size:13px;
margin-bottom:10px;
}
#contactType li p {
margin:0;
}
#feedback .text {
width:300px;
}
#feedback .text2 {
float:left;
}
#feedback label {
float:none;
margin:0;
}
#feedback textarea {
width:300px;
}
#feedback fieldset input.text2 {
width:130px;
}
#feedback li.feedbackItem {
width:140px;
margin-right:30px;
}
#emailUs .cartInfo {
margin:20px 0;
}