/* = BODY
---------------------------------------------------------------------------------------------------*/
body { margin: 0px; padding:0 0 20px 0; font-size:12px; font-family:Arial, sans-serif, Helvetica; background:#FFFFFF url(../images/bg.jpg) left top repeat-x; color:#4f4f4f;  }
input, textarea, select { font-family:Arial, sans-serif, Helvetica; font-size:12px; }
h1, h2, h3, h4, h5, h6, p, form, ul, table, label, fieldset { padding:0; margin:0; border:0; font-weight:normal; }

/* = TYPOGRAPHY
---------------------------------------------------------------------------------------------------*/
/* headings */
h1, .t1 { font-size:41px; }
h2, .t2 { font-size:22px; font-weight: bold; }
h3, .t3 { font-size:12px; font-weight: bold; color: #0061B4; margin: 0 0 5px 0; }

/* Text elements */
p { line-height:140%; margin:0 0 15px 0; }
ul li { list-style:none; line-height:140%;  }
ol li { line-height:140%; list-style-position: outside; margin-left:20px; }
ul, ol { margin:0 0 15px 0; }
.noMb { margin-bottom:0 !important; }
.mb40 { margin-bottom:40px !important; }
.mb37 { margin-bottom:37px !important; }
img { margin: 0; border:none; padding:0; display:block; }
/* links */
a { color:#0061B4; text-decoration:none; }
a:hover { text-decoration:underline; }
/* misc */
.clear { clear:both; }
.textLeft { text-align:center; }
.textCenter { text-align:center; }
.textRight { text-align:right; }
.center { margin:0 auto; }
.float { float:left; }
.floatRight { float:right; }
.wrap { margin:0 auto; text-align:left; width:980px; }
label { padding-top:2px; }
.rear { margin-right:0px !important; padding-right:0 !important; }
.last { margin-bottom:0px !important; border:0 !important; }
.big { font-size:15px; }
.small { font-size:11px; }
.fat { font-weight:bold; }
p.descr { font-size:14px; }

/* = header
---------------------------------------------------------------------------------------------------*/
.header { width: 960px; float: left; color: #000; }
.header div.logo { width: 466px; height: 443px; float: left; background:#F5FCFB url(../images/header-left.jpg) left top no-repeat; }
.header div.logo a.logo { width: 246px; height: 81px; display: block; }
.header .content { float: left; width: 484px; height: 416px; padding: 27px 10px 0 0; background:#F5FCFB url(../images/header-right.jpg); }
.header .content .topLink { height: 24px; margin: 0 0 15px 0; }
.header .content .topLink a.customer-service { margin: 0 0 0 357px; padding: 0 0 0 21px; background: url(../images/layout/icons/customer-service.gif) left 3px no-repeat; }
.header .content h1 { height: 98px; overflow: hidden; line-height: 110%; }
.header .content p.descr { height: 90px; overflow: hidden; margin: 0; }
.header .content h2 { font-size: 14px; color: #007DCC; height: 33px; line-height: 33px; text-align: center; padding: 0 19px 0 0; }
.header .content .topSellers { margin: 0; width: 465px; float: left; }
.header .content .topSellers li { text-align: center; float: left; }
.header .content .topSellers li a.more { font-size: 11px; }

/* = main
---------------------------------------------------------------------------------------------------*/
.main { width: 944px; float: left; background: #E5F2F9 url(../images/layout/main-top.jpg) left top no-repeat; padding: 10px 8px 1px 8px; }
* html .main { display: inline; }
.main .cell { width: 304px; margin: 0 16px 0 0; float: left; }
.main .cell .title { width: 300px; height: 71px; padding: 5px 0 0 0; background:#086BA9 url(../images/layout/title.jpg); color: #fff; margin: 0 0 3px 2px; text-align: center; }
.main .cell .title h2 { text-align: center; }
.main .cell .title span { font-size: 11px; }
.main .cell .box { width: 270px; height: 102px; padding: 12px 20px 0 14px; margin: 0 0 5px 0; overflow: hidden; background: #fff url(../images/layout/box-clear.jpg); }
.main .cell .box.for-men { background:#fff url(../images/layout/box-for-men.jpg); }
.main .cell .box.for-women { background:#fff url(../images/layout/box-for-women.jpg); }
.main .cell .box a.image { display: block; float: left; margin: 0 11px 0 0; }
.main .cell .box .boxContent { width: 168px; float: left; }
.main .cell .box .boxContent p,
.main .cell .box .boxContent a.more { font-size: 11px; }
.main .cell .box .boxContent p { margin: 0 0 5px 0; }

/* = footer
---------------------------------------------------------------------------------------------------*/
.footer { width: 960px; float: left; color: #9E9E9E; }
.footer .side { width: 275px; text-align: center; float: left; padding: 5px 0 0 0; }
.footer .side img { display: inline; }
.footer .side p.title { line-height: 100%; }
.footer .side p.title a { color:#025FE6; font-size: 10px; }

.footer .content { float: right; border-left: 1px solid #EBEBEB; width: 618px; padding: 5px 0 0 43px; }
.footer .content li { float: left; text-align: center; }
.footer .content li .title { text-align: center; height: 48px; }
.footer .content li.l1 { width: 118px; }
.footer .content li.l2 { width: 106px; }
.footer .content li.l3 { width: 114px; }
.footer .content li.l4 { width: 115px; }
.footer .content li.l5 { width: 122px; }