@media screen
{
/*Generic*/
body {margin:0; background:#F5F5F5 url(../img/back_body.gif) top left repeat-x;text-align:center;color:#333;font-size:11px;}
body.intro {text-align:left;}
div, input, textarea, label, select, caption, td, th {font-family: Arial, Helvetica, sans-serif;}
.sep {clear:both; height:0; font-size:1px;line-height:0;}
.focus {color:#660000;}
.w150{width:150px;}
.errormsg{color:#F00;}

/*Headings*/
h1 {font-size:22px;font-weight:normal;clear:both;padding:0 0 10px 0;margin:0;}

.shoes h1, .shoes h2 {color:#F8AD16;}
.construction h1, .construction h2 {color:#00A54F;}
.shoes h1.focus, .construction h1.focus {color:#660000;}
h2.focus {font-size:13px;padding:4px 10px 5px 10px;margin:0 0 15px 0;color:#FFF;text-transform:uppercase;clear:both;height:21px;}
.shoes h2.focus {background:transparent url(../img/shoes/back_title.gif) top left repeat-x;}
.construction h2.focus {background:transparent url(../img/construction/back_title.gif) top left repeat-x;}
h3 {font-size:14px;color:#660000;margin:0; padding:0 0 5px 0;}

/*Image*/
img {border:0;}


/*Link*/
a {outline:none;color:#333;}
a:hover {text-decoration:underline;}
.shoes a:hover {color:#F8AD16;}
.construction a:hover {color:#00A54F;}

/*INTRO*/
#intro {background:#F5F5F5 url(../img/back_intro.gif) top left no-repeat;width:902px;height:635px;}
#intro div.box {width:307px;height:464px;float:left;margin:45px 0 0 55px;display:inline;}
#intro div.box img.logo {margin:18px 0 0 36px;}
#intro div.box img.btn {display:block;margin:auto;}
#intro div.box p {margin:0 0 15px 0; padding:150px 40px 0 36px;font-size:14px;height:45px;overflow:hidden;}
#intro div.box.construction {background:transparent url(../img/construction/back_box_intro.gif) top left no-repeat;}
#intro div.box.shoes {background:transparent url(../img/shoes/back_box_intro.gif) top left no-repeat;}
#intro div.address {width:300px;height:90px;float:left;overflow:hidden;}
#intro div.address p {margin:0;padding:15px 0 0 20px;}
#intro div.language {float:right;display:block;width:150px;padding:580px 20px 0 0;text-align:right;}



/*MENU*/
#menu {width:100%;text-align:center;height:30px;margin:0 0 12px 0;border-bottom:1px solid #E5E5E5;}
.shoes #menu {background:transparent url(../img/shoes/back_menu.gif) top left repeat-x;}
.construction #menu {background:transparent url(../img/construction/back_menu.gif) top left repeat-x;}
#menu ul {list-style-type:none;margin:auto;padding:0;width:845px;height:30px;overflow:hidden;}
.shoes #menu ul {background:transparent url(../img/shoes/back_menu_li.gif) top left no-repeat;}
.construction #menu ul {background:transparent url(../img/construction/back_menu_li.gif) top left no-repeat;}
#menu ul li {color:#FFF;display:block;float:left;width:auto;height:30px;}
.shoes #menu ul li {background:transparent url(../img/shoes/back_menu_li.gif) top right no-repeat;}
.construction #menu ul li {background:transparent url(../img/construction/back_menu_li.gif) top right no-repeat;}
#menu ul li a, #menu ul li b {display:block;padding:7px 40px 12px 40px;font-size:13px;font-weight:bold;color:#FFF;text-decoration:none;margin:0 2px 0 0;text-transform:uppercase;}
#menu ul li a:hover, #menu ul li a.active, #menu ul li b {background:transparent url(../img/back_menu_on.gif) top left repeat-x;}


/*CONTENT*/
#content {background:transparent url(../img/back_content.gif) top left repeat-y;margin:auto; width:926px;text-align:left;position:relative;}
#content div.decoration {position:absolute;top:9px;right:-10px;background:transparent url(../img/back_decoration.gif) top left no-repeat;width:12px;height:444px;}

#content div.header {width:923px;height:201px;margin:0 0 0 1px;}
.shoes #content div.header {background:transparent url(../img/shoes/back_header.gif) top left no-repeat;}
.construction #content div.header {background:transparent url(../img/construction/back_header.gif) top left no-repeat;}
#content div.logo {padding:39px 0 0 55px;float:left;width:auto;}
#content div.banner {float:left;padding:39px 0 0 55px;width:auto;}
#content div.banner img {border:3px solid #660000;}

/*ColSx*/
div.colsx {width:303px;float:left;background:transparent url(../img/back_menu_lat.gif) top center repeat-y;padding:3px 0 0 0;margin:10px 0 0 0;}
div.colsx ul {width:263px;list-style-type:none;margin:auto; padding:0 0 50px 0;background:transparent url(../img/back_menu_lat_close.gif) bottom left no-repeat;}
div.colsx ul ul {background:transparent;width:auto;margin:0 0 10px 0;padding:0;}
div.colsx ul li {margin:0;padding:0 4px 0 4px;}
div.colsx ul li a, div.colsx ul li span {font-size:13px;text-transform:uppercase;text-decoration:none;display:block;font-weight:bold;color:#FFF;padding:4px 5px 5px 18px;}
.shoes div.colsx ul li a, .shoes div.colsx ul li span {background:transparent url(../img/shoes/back_list_level1.gif) top left repeat-x;}
.shoes div.colsx ul li a:hover, .construction div.colsx ul li a:hover {color:#FFF;}
.construction div.colsx ul li a, .construction div.colsx ul li span {background:transparent url(../img/construction/back_list_level1.gif) top left repeat-x;}
div.colsx ul li li {padding:5px 0 0 0;background:transparent url(../img/back_pattern.gif) bottom left repeat-x;}
div.colsx ul li li a, div.colsx ul li li b {font-size:13px;text-transform:none;text-decoration:none;display:block;font-weight:normal;color:#660000;padding:3px 0 8px 24px;}
.shoes div.colsx ul li li a, .shoes div.colsx ul li li b {background:transparent url(../img/shoes/back_ico_list.gif) top left no-repeat;}
.construction div.colsx ul li li a, .construction div.colsx ul li li b {background:transparent url(../img/construction/back_ico_list.gif) top left no-repeat;}
div.colsx ul li li b {font-weight:bold;}
.shoes div.colsx ul li li a:hover {color:#F8AD16;}
.construction div.colsx ul li li a:hover {color:#00A54F;}


/*Main*/
div.main {width:600px;float:left;}
div.main p {margin:0;padding:0 0 25px 0;font-size:14px;line-height:20px;}
div.main p img {float:right; margin:0 0 0 5px;border:1px solid #660000;}
div.main p.intro img.nobg {border:0;}

div.main div.box {margin:0 0 20px 0;width:600px;float:left;}
div.main div.box.special {height:134px;}
.shoes div.main div.box.special {background:transparent url(../img/shoes/back_box_hp.gif) top left no-repeat;}
.construction div.main div.box.special {background:transparent url(../img/construction/back_box_hp.gif) top left no-repeat;}
div.main div.box img {float:right; margin:0 0 0 10px;border:1px solid #660000;}
div.main div.box.special img {margin:0 15px 0 10px;}
div.main div.box h2 {float:left; margin:0;padding:0 0 3px 0;width:470px;font-size:14px;}
div.main div.box.special h2 {margin:0;padding:15px 0 10px 50px;color:#660000;font-size:18px;font-weight:normal;width:355px;}
div.main div.box p {line-height:16px;float:left; margin:0;padding:0;width:470px;}
div.main div.box.special p {margin:0;padding:0 0 10px 50px;width:355px;}


/*Navigation*/
div.navigation {clear:both;height:21px;font-size:10px;text-transform:uppercase;padding:8px 0 0 0;margin:0 0 5px 0;}
.shoes div.navigation {background:transparent url(../img/shoes/back_navigation.gif) top left no-repeat;}
.construction div.navigation {background:transparent url(../img/construction/back_navigation.gif) top left no-repeat;}
div.navigation a {color:#666;text-decoration:none;}
.shoes div.navigation b {color:#E8A011;}
.construction div.navigation b {color:#029247;}



/*Table*/
table.generic {width:100%; text-align: left; margin:0 0 15px 0;border-top: 1px solid #660000; border-left: 1px solid #660000;clear:both;}
table.generic table {margin:0;border:0;}
table.generic caption, table.generic tr.hide  {display:none;}
table.generic td, table.generic th {font-size:14px;padding:10px; border-right: 1px solid #660000; border-bottom: 1px solid #660000;}
table.generic table td {margin:0;padding:0 12px 0 0;border:0;}
table.generic td.img {padding:0;width:76px;}

/*Toolbars*/
div.toolbars {padding:10px 0 0 0;text-align:center;clear:both;}




/*FORM*/
form.reg {margin:0; padding:0;border-left:1px solid #DCDCDC;border-right:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC;background:transparent url(../img//back_form.gif) bottom left no-repeat;width:100%;float:left;padding:0 0 15px 0;}
fieldset {margin:0; padding:5px 5px 5px 0;float:left;width:580px;clear:both;border:0;}
input, textarea, select {border:1px solid #ABABAB;font-size:11px;}
button {margin:0;padding:0;border:0;background:transparent;cursor:pointer;}


form.reg h2 {margin:0 3px 5px 3px;}
form.reg label {font-size:13px;display:inline;float:left;width:120px;padding:0;margin:0 0 0 10px;color:#660000;}
form.reg label.large {width:180px;padding:0 0 0 120px;}
form.reg label.medium {width:80px;}
form.reg label.small {width:54px;}
form.reg input {float:left; font-size:12px;margin:0 5px 0 0; width:168px;}
form.reg input.large {width:245px;}
form.reg input.small {width:60px;}
form.reg input.xsmall {width:40px;float:none;}
form.reg input.check {width:auto;float:none;border:0;}
form.reg textarea {width:431px;height:60px;font-size:12px;}
form.reg .chkbox{width:126px; display:block; float:left;}
form.reg input.alone_chk{width:auto; border:0; float:right;}


/*FOOTER*/
#footer {background:transparent url(../img/back_footer.gif) top left repeat-x;margin:auto; width:926px;clear:both;height:54px;}
#footer p {color:#660000;margin:0;padding:20px 0 0 0;text-align:center;}
}

/*TimeoBox*/
.parambox {background-color:#FFFFCC; width:90%; border:1px dashed #000; font-family:Verdana; font-size:11px; padding:5px; margin:5px; text-align:left;clear:both;}


@media print

{

}