html, body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
margin: 0px;
padding: 0px;
}
p, td, div, span {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}
form {
margin: 0px;
padding: 0px;
}
input {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
a {
color: #333333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0px 0px 0px 16px;
margin: 0px;
color: #333333;
}
li {
padding: 0px 0px 12px 2px;
margin: 0px;
list-style: none;
color: #333333;
}
li a {
color: #333333;
}
h1, h2, h3, h4, h5 {
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
font-weight: normal;
}
h1 {
font-size: 28px;
line-height: 28px;
color: #312f2f;
padding: 0px 0px 6px 0px;
}
h2 {
font-size: 22px;
color: #312f2f;
padding: 0px 12px;
line-height: 30px;
background: #f3f3f3 url(/images/h2-bg.gif) repeat-x left top;
border-bottom: 1px #d0d0d0 solid;
}
h1 a, h2 a {
color: #312f2f;
}
h3 {
font-size: 18px;
line-height: 28px;
color: #312f2f;
padding: 0px 0px 6px 0px;
}
h4 {
font-size: 17px;
color: #312f2f;
padding: 4px 0px 4px 0px;
}
h3 a, h4 a {
color: #312f2f;
}
h5 {
font-size: 14px;
color: #312f2f;
padding: 6px 0px 0px 0px;
font-weight: bold;
line-height: 22px;
}
h5 a {
font-size: 14px;
color: #312f2f;
text-decoration: nones;
background-image: none !important;
}
h5 a:hover {
text-decoration: underline;
background-image: none !important;
}
p {
padding: 8px 0px 6px 0px;
margin: 0px;
}
hr {
height: 1px;
border-top: none;
border-bottom: #B5BCC5 1px solid;
margin: 0px;
padding: 0px;
}
.body {
background: url(/images/body-bg.gif) repeat-x top left;
}
#container {
width: 1006px;
margin: 0px auto;
}
#head {
height: 120px;
clear: both;
}
#mainarea {
margin: 14px auto 0px auto;
clear: both;
}
.home {
margin-top: 24px !important;
}
.cleaner {
width: 703px;
float: right;
height: 1px;
line-height: 1px;
clear: both;
/*
border: 1px green solid;
*/
}
#lefttext {
float: left;
width: 673px;
}
.rcol {
float:right;
width: 150px;
}
#footer {
border-top: 1px #c1c1c1 solid;
margin-top: 6px;
padding: 14px 0px;
clear: both;
/*
border: 1px green solid;
*/
}
#head .logo {
padding: 0px;
width: 350px;
float: left;
}
#head .textcontacts {
margin-top:50px;
float: left;
}
#head .contacts {
margin-top:46px;
float: left;
}
.textcontacts {
width:50px;
font-size:20px;
}
.contacts {
width:232px;
font-size:24px;
}
#head .info {
padding: 0px;
width: 350px;
float: right;
}
#head .account {
float: left;
border-right: 1px #dbdbdb solid;
padding: 8px 20px 8px 40px;
margin: 20px auto auto auto;
}
#head .account a {
text-decoration: underline;
}
#head .qbasket {
float: right;
color: #000000;
padding: 8px 10px 8px 30px;
margin: 20px auto auto auto;
background: url(/images/head/basket.gif) no-repeat left center;
}
#head .search {
clear: both;
text-align: center;
padding: 14px 0px 0px 0px;
}
#head .search .txt {
float: right;
}
#head .search .keywords {
float: right;
width: 200px;
border: 1px #c0c0c0 solid;
margin: 4px 6px auto 2px;
}
#head .search .btn {
float: right;
}
#mainarea .mcol {
vertical-align: top;
float: left;
width: 703px;
margin: 0px 0px 0px 3px;
/*
border: 1px red solid;
*/
}
#mainarea .lcol {
width: 150px;
vertical-align: top;
float: left;
/*
border: 1px green solid;
*/
}
#mainarea .rcol {
width: 150px;
vertical-align: top;
float: left;
/*
border: 1px blue solid;
*/
}
#mainarea .home-txt {
margin-bottom: 10px;
float: left;
width: 700px;
}
.home-txt {margin-top:15px;}
h2 {
float: left;
width: 673px;
}
#mainarea .banners {
text-align: right;
width: 140pxpx;
margin_top: 15px;
padding-bottom: 14px;
float: right;
}
#mainarea .banners img {
margin-left: 10px;
}
#mainarea .intro p {
padding: 0px;
margin: 0px;
}
.intro{ margin_top:15px; }
#footer .search {
float: left;
width: 300px;
}
#footer .search .txt {
font: bold 12px/18px Tahoma, Verdana, Arial, Helvetica, sans-serif;
color: #555555;
text-transform: uppercase;
}
#footer .search .keywords {
float: left;
width: 164px;
border: 1px #c0c0c0 solid;
margin: 0px 2px auto 0px;
}
#footer .search .btn {
float: left;
}
#footer .copy {
text-align: right;
line-height: 20px;
}
#footer .menu {
text-align: right;
}
#footer .menu a {
padding: 0px 2px;
}
#footer .counters {
float: right;
padding: 14px 16px;
}
.nav {
line-height: 20px;
}
.mmenu {
font: normal 16px/32px Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #000000 url(/images/mm-l.gif) no-repeat left top;
margin-bottom: 1px;
}
.mmenu .wrapp {
font: normal 16px/32px Arial, Helvetica, sans-serif;
height: 32px;
color: #FFFFFF;
background: transparent url(/images/mm-r.gif) no-repeat right top;
padding: 0px 8px 0px 16px;
}
.prods-list {
padding: 14px 0px 0px 25px;
width: 673px;
float: left;
background: url(/images/prods-bg.gif) repeat-x left top;
}
#jeans_name {
height: 60px;
}
.prods-row {
margin-bottom: 20px;
clear: both;
}
.prod {
float: left;
width: 148px;
margin: 15px 14px auto 0px;
text-align: center;
}
.prod .thumb {
border: 1px #d9d9d9 solid;
margin: 0px auto 4px auto;
}
.prod a:hover .thumb {
border: 1px #741919 solid;
}
.prod .name {
color: #000000;
font-weight: bold;
}
.prod .price {
color: #000000;
}
.prod .btn {
margin: 4px auto auto auto;
}
.pager {
font-size: 14px;
line-height: 30px;
width: 350px;
float: right;
text-align: right;
padding: 0px 12px;
}
.pager a {
font-size: 14px;
text-decoration: underline;
padding: 0px 2px;
}
.pager a.act {
text-decoration: none;
}
.lcol .lmenu {
line-height: 15px;
}
.lcol .lmenu a {
color: #43484c;
padding: 2px 0px 4px 10px;
background: transparent url(/images/lmenu-li.gif) 0px 5px no-repeat;
}
.lcol .lmenu a:hover,
.lcol .lmenu a.act {
color: #751a1a;
background: transparent url(/images/lmenu-li.gif) 1px -15px no-repeat;
}
.lcol .lbanners {
padding: 4px 0px;
}
.rcol .lbanners {
padding: 4px 0px;
}
.rcol .lbanners img {
margin: 2px 0px;
}
.lcol .lbanners img {
margin: 2px 0px;
}
.details {
padding: 28px 25px 10px 28px;
background: url(/images/detail-bg.jpg) repeat-x left top;
margin: 4px auto 10px auto;
}
/* ---------------- Credits: Dynamic Drive CSS Library ---------------- */
.level2 {
}
.mmenu ul{
margin: 0px;
padding: 0px;
float: left;
}
.mmenu ul li {
position: relative;
display: inline;
float: left;
padding: 0px;
margin: 0px 4px;
}
.mmenu ul li a {
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
padding: 6px 18px 7px 18px;
text-decoration: none;
white-space: nowrap;
}
.mmenu ul li a:hover, .mmenu ul li a.hot {
padding: 6px 18px 7px 18px;
color: #FFFFFF !important;
background: #545450;
text-decoration: none;
}
/*1st sub level menu*/
.mmenu ul li ul {
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background: #545450;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.mmenu ul li ul li {
display: list-item;
float: none;
padding: 0px;
margin: 0px;
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.mmenu ul li ul li ul {
left: 159px; /* no need to change, as true value set by script */
top: 0;
}
/* Sub level menu links style */
.mmenu ul li ul li a{
padding: 0px 18px 0px 18px;
display: block;
width: 190px; /*width of sub menu levels*/
color: #FFFFFF !important;
background: #545450;
}
.mmenu ul li ul li a:hover{
padding: 0px 18px 0px 18px;
color: #FFFFFF;
background: #751a1a;
}
/*Background image for top level menu list links */
.mmenu .mainfoldericon{
/*
background: url(/images/arrow-down.gif) no-repeat center right;
*/
}
/*Background image for subsequent level menu list links */
.mmenu .subfoldericon{
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .mmenu ul li { float: left; height: 1%; }
* html .mmenu ul li a { height: 1%; }
/* End */
/* ---------------- Product details ---------------- */
.prodOptionsWrapper {
width: 510px;
float: left;
}
.details .options {
padding: 16px 0px;
}
.details .options select,
.details .options input {
margin-right: 4px;
}
.details .price {
font-size: 14px;
font-weight: bold;
color: #000000;
}
.details .btns {
padding-bottom: 30px;
}
/* ---------------- Product gallery ---------------- */
.slideShowImageWrapper {
width: 280px;
float: left;
}
.slideShowImageWrapper img {
border: 1px #cecece solid;
}
.slideShowCtrlPrev,
.slideShowCtrlNext {
padding-bottom: 40px;
}
.slideShowImageWrapper {
width: 280px;
float: left;
padding: 0px;
text-align: left;
}
.slideShowHidden {
width: 490px;
height: 128px;
padding: 20px 10px;
background: url(/images/gallery/bg.gif) repeat-x left top;
}
.slideShowHidden img {
margin: auto 4px;
border: 1px #cccccc solid;
}
/*********** products old price **********/
.productOldPrice {
text-decoration: line-through;
color: red;
}
.contentsTopics {
font-size: 18px;
line-height: 28px;
color: #312f2f;
padding: 0px 0px 6px 0px;
}
.inputRequirement {
color: #900000;
font-weight: bold;
}
.formArea .main {
width: 200px;
}
.errormsg {
color: #FF0000;
font-weight: bold;
}