* {margin: 0px; padding: 0px;}
html {background: url(../img/bg.gif) center top; height: 100%;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 62.5%; color: #999999; display: table; width: 100%; height: 100%;}

a {color: #999999; text-decoration: none; outline: none;}
a:hover {text-decoration: underline;}
img {border: none; vertical-align: middle;}
h4 {font-size: 1.0em; text-transform: uppercase;}
ul.shops {font-size: 1.0em; margin-bottom: 3px; list-style: none;}

#content {display: table-cell; vertical-align: middle; height: 100%;}
#main {background: #FFFFFF; width: 1000px; height: 700px; margin: 0px auto; overflow: hidden;}
#main {margin-top: expression(((content.offsetHeight/2)-parseInt(offsetHeight)/2)  <0 ? "0" : (content.offsetHeight/2)-(parseInt(offsetHeight)/2) +'px');}

/*Left Section ----------------------------------------------------------------------------- */
#left {width: 435px; height: 644px; margin: 28px 0px; padding: 0px 28px; border-right: 1px #999999 solid; float: left; position: relative; overflow: hidden;}
#left h1 {background: url(../img/logo.gif) no-repeat; margin-bottom: 61px;}
#left h1 a {text-indent: -9000px; display: block; width: 153px; height: 49px; overflow: hidden;}

#left div#addr {position: absolute; right: 28px; top: 0px;}
#left div#addr h2 {font-size: 1.6em; font-style: normal; margin-bottom: 5px; float: none;}
#left div#addr p {font-size: 1.1em; font-weight: bold; margin-bottom: 5px;}
#left div#addr address {font-size: 1.1em; font-style: normal;}

#left #nav {width: 100%; overflow: hidden;}
#left ul#sex {float: left; list-style: none; overflow: hidden;}
#left ul#sex li {margin-right: 11px; float: left;}
#left ul#sex li a {text-indent: -9000px; width: 16px; height: 16px; float: left; overflow: hidden;}
#left ul#sex li#male {background: url(../img/male.gif) no-repeat left top;}
#left ul#sex li#female {background: url(../img/female.gif) no-repeat left top;}
#left ul#sex li#male.active {background-position: left bottom;}
#left ul#sex li#female.active {background-position: left bottom;}
#left ul#menu {font-size: 1.4em; font-weight: bold; display: inline; margin-right: -14px; float: right; list-style: none; overflow: hidden;}
#left ul#menu li {background: url(../img/div.gif) no-repeat left bottom; margin-left: -1px; padding: 0px 14px; float: left;}
#left ul#menu li a.active {color: #F7AF1B; text-decoration: none;}

#left ul#f_menu {font-size: 1.4em; font-weight: bold; display: none; margin-right: -14px; float: right; list-style: none; overflow: hidden;}
#left ul#f_menu li {background: url(../img/div.gif) no-repeat left bottom; margin-left: -1px; padding: 0px 14px; float: left;}
#left ul#f_menu li a.active {color: #F7AF1B; text-decoration: none;}

#left ul#items {width: 100%; margin-bottom: 26px; list-style: none; overflow: hidden;}
#left ul#items li {display: inline; margin: 26px 19px 0px 18px; float: left;}

#left #pagination {width: 100%; margin-bottom: 70px; overflow: hidden;}
#left #pagination p {font-size: 1.2em; float: left;}
#left #pagination ul {font-size: 1.2em; margin-right: -5px; float: right; list-style: none; overflow: hidden;}
#left #pagination ul li {font-weight: bold; display: inline; margin-right: 5px; float: left;}
#left #pagination ul li a.active {color: #F7AF1B; text-decoration: none;}

#left h2 {font-size: 1.2em; font-style: italic; color: #F7AF1B; float: left;}
#left h3 {font-size: 1.2em; color: #F7AF1B; margin-bottom: 10px;}
#left p.desk {font-size: 1.2em; font-style: italic; margin-left: 75px;}
#left p.buy {font-size: 1.2em; position: absolute; left: 55px; bottom: 3px;}
/*Left Section ----------------------------------------------------------------------------- */

/*Right Section ---------------------------------------------------------------------------- */
#right {width: 452px; height: 644px; margin: 28px 0px; padding: 0px 28px; float: right; position: relative; overflow: hidden;}

#right #jacketinfo {width: 110px; position: absolute; left: 28px; top: 0px; overflow: hidden; z-index: 0;}
#right #jacketinfo h3 {font-size: 1.8em;}
#right #jacketinfo p {font-size: 1.1em;}
#right #jacketinfo p.price {font-size: 1.6em; font-weight: bold; margin: 8px 0px;}

#right #trousersinfo {width: 110px; position: absolute; left: 28px; top: 333px; overflow: hidden; z-index: 0;}
#right #trousersinfo h3 {font-size: 1.8em;}
#right #trousersinfo p {font-size: 1.1em;}
#right #trousersinfo p.price {font-size: 1.6em; font-weight: bold; margin: 8px 0px;}

#right #capinfo {text-align: right; position: absolute; right: 28px; top: 0px; overflow: hidden; z-index: 0;}
#right #capinfo h3 {font-size: 1.8em; width: 110px; margin-left: auto;}
#right #capinfo p {font-size: 1.1em; width: 110px; margin-left: auto;}
#right #capinfo p.price {font-size: 1.6em; font-weight: bold; margin: 8px 0px 8px auto;}

#right #glovesinfo {text-align: right; position: absolute; right: 28px; top: 333px; z-index: 0;}
#right #glovesinfo h3 {font-size: 1.8em; width: 110px; margin-left: auto;}
#right #glovesinfo p {font-size: 1.1em; width: 110px; margin-left: auto;}
#right #glovesinfo p.price {font-size: 1.6em; font-weight: bold; margin: 8px 0px 8px auto;}

#right #jacketblock {text-align: center; width: 452px; position: absolute; left: 28px; top: 0px; z-index: 2;}
* html #right #jacketblock img#jacket {filter:expression(fixPNG(this));}
#right #trousersblock {text-align: center; width: 452px; position: absolute; left: 28px; top: 249px; z-index: 1;}

#right #footer {width: 452px; height: 50px; position: absolute; left: 28px; bottom: 0px; overflow: hidden;}
#right #footer p.total {font-size: 1.2em; position: absolute; left: 0px; bottom: 0px;}
#right #footer p.total span {font-size: 1.8em; font-weight: bold; color: #F7AF1B; padding-left: 15px;}
#right #footer p.print {font-size: 1.2em; position: absolute; right: 0px; bottom: 3px;}
#right #footer p.print a {background: url(../img/print.gif) no-repeat center top; display: block; padding-top: 30px;}
/*Right Section ---------------------------------------------------------------------------- */