@import 'reset.css';

body {background-color:#fff; color:#000; font-family:arial, sans-serif; font-size:62.5%}

/* common styles */
a:link, a:visited, a:hover, a:active	{color: #ed1846}

.none {display:none}
sup {vertical-align: 5px}

#layout {min-width:990px}

/* hearder styles */
#header {background: url(i/header-bg.jpg) 0 0 no-repeat; height:267px; overflow:hidden}
#header .distributor {padding-left: 2.1em; width:29em; text-align: center; overflow: hidden; color:#fff; float:left}
#header .distributor p {font-size:16px; font-family:'Arial'; margin:2.5em 0 0.3em; line-height:1.3}
#header .distributor h2 {background: url(i/logo-soctrade.gif) 0 0 no-repeat; height:84px; width:254px; text-indent: -9999px; margin:0 auto}
#header .distributor h2 a {display:block; height:84px; width:254px}
#header .logo {margin: 1.6em 4.2em 0 45em; text-align: center; background: url(i/logo.png) 50% 0 no-repeat; height:267px}
#header .logo span {display:none}
#header h1 {font-family: Tahoma; font-size: 48px; font-variant: small-caps; color:#953843; padding-top: 140px}


/* container styles */
#container {width:100%; overflow:hidden; background: url(i/content-bg.png) 0 0 repeat-y}
#container .menu {float:left; width:255px; color:#fff}
#container .menu ul {margin-top:-0.2em}
#container .menu li {font-size:16px; font-family:'Arial'; line-height:1; padding-left: 30px; margin-bottom:0.65em;cursor:pointer;}
#container .menu li.select {background: url(i/menu-bullet.gif) 0 13px no-repeat;cursor:pointer;}
#container .menu li span {cursor:pointer;}
#container .menu li ul {padding:0.35em 0 0.85em; overflow:hidden; margin:0}
#container .menu li li {font-size:1em; padding-left: 13px; color:#000; margin-bottom:0.4em}
#container .menu li a {color:#fff; text-decoration:none}
#container .menu li li a {color:#000}

#container .content {margin-left:254px}
#container .indent {padding:2.1em 4.2em 3.5em 12.5em; min-height:600px; position:relative}
#container .tl {background: url(i/content-tl.png) 0 0 no-repeat; width:112px; height:233px; position:absolute; top:0; left:0}
#container .bl {background: url(i/content-bl.png) 0 0 no-repeat; width:123px; height:299px; position:absolute; bottom:0; left:0}

.content h2 {font-size: 1.7em; margin-bottom: 1.2em; line-height:1.2; color: #ed1846}
.content h3 {font-size: 1.3667em; margin:2.129em 0 0.843em; line-height:1.486}
.content p {font-size: 1.2em; margin-bottom: 1.7em; line-height:1.7}
.content ul {margin-bottom: 1.7em; padding-left:3em; overflow:hidden}
.content ol {margin-bottom: 1.7em; padding-left:3em; overflow:hidden;}
.content ul li {font-size: 1.2em; margin-bottom: 1em; line-height:1.7; list-style-type: disc; color: #ed1846}
.content ol li {font-size: 1.2em; margin-bottom: 1em; line-height:1.7; list-style-type: decimal; color: #000}
.content li span {color:#000}
.content table {margin-bottom: 2.1em}
.content td {font-size: 1.2em; border:1px solid #ccc; padding:0.4em 0.8em}
.content th {font-size: 1.2em; border:1px solid #fff; padding:0.4em 0.8em; background: #ccc;}
.content img.left {float:left; margin-right:1em}
.content img.right {float:right; margin-left:1em}
.content p.center {margin-bottom:3.5em; text-align: center}

/* footer styles */
#footer {overflow:hidden; background: url(i/footer-border.gif) 0 0 repeat-x; text-align: center; height:174px}
#footer .indent {background: url(i/footer-bg.gif) 0 0 no-repeat; padding:0.9em 0 0 45em; height:174px; overflow: hidden}
#footer p, #footer address {font-size: 2em; font-family:'Arial'; margin-bottom: 0.6em}
#footer address {font-size: 1.8em; width:46%; display:inline-block}