@charset "utf-8";
@import url(../css/reset.css);
html { height:100%; font-size:.875em; min-width:960px; }
body { position:relative; min-width:960px; background-color:#5d7189; font:100.1% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

#page { width:934px; left:50%; margin-left:-467px; position:relative; color:#565656; padding-bottom:90px; z-index:3; background:url(../img/header.jpg) no-repeat -38px 0 }

#header { position:relative; overflow:hidden; height:148px; background:#ff6f00 url(../img/header.jpg) no-repeat -38px 0; margin-bottom:2px }
h1 { position:absolute; height:80px; width:258px; top:19px; overflow:hidden; line-height:1; left:17px; margin:0; padding:0; text-align:center }
h1 a, h1 a:hover { color:#fff; text-decoration:none; } h1 b { display:block; font-size:1.7em; text-transform:lowercase } h1 dfn{ display:block; font-size:.4em; font-style:normal; text-transform:uppercase }
h1 span { position:absolute; top:0; left:0; display:block; height:80px; width:258px; background:url(../img/header.jpg) no-repeat -55px -19px }

strong { font:100.1% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; font-weight: bold; }
b { font:100.1% "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; }

a { color:#565656; text-decoration:underline }
a:hover { color:#ea5100 }
ol, ul, p { overflow:hidden; }
ol li { left:-.9em; position:relative }

#side { width:258px; float:left; position:relative; padding-left:54px; left:-38px; }
ul.mlinks { padding:0; overflow:hidden; margin-bottom:12px; list-style:none; margin-right:-50px; font-size:.785em; font-family:Tahoma, Arial, Helvetica, sans-serif }
ul.mlinks li { float:left; display:block; background:#ecece7 url(../img/header_navlinks.png) no-repeat 0 0; height:23px; padding-left:7px; line-height:21px; margin-right:7px }
ul.mlinks li span { float:left; display:block; background:url(../img/header_navlinks.png) no-repeat 100% 0; height:23px; padding-right:7px;}
ul.mlinks a { color:#565656; text-decoration:underline; position:relative } ul.mlinks a:hover { color:#ea5100 }

#nav { padding:0 0 1px; list-style:none; margin-left:-16px; margin-bottom:0; width:270px; background:url(../img/sep.gif) repeat-x 0 100%; }
#nav li { padding:2px 0 2px; background:url(../img/sep.gif) repeat-x 0 0; position:relative; padding-left:7px }
#nav li dfn { position:absolute; top:10px; left:0; width:6px; height:14px; background:url(../img/menu_li.png) no-repeat 0}
#nav a { display:block; text-decoration:none; height:28px; margin-right:1px; padding-left:13px; overflow:hidden; color:#565656 } #nav a:hover { text-decoration:underline }
#nav a span { display:block; height:28px; font-size:1.142em; font-weight:bold; height:28px; line-height:28px }
#nav .selected a { background:url(../img/menu_li_selected.png) no-repeat 0 0 #ff6f00; color:#fff; cursor:default  } #nav .selected a:hover { text-decoration:none }
#nav .selected a span { background:url(../img/menu_li_selected.png) no-repeat 100% 0; cursor:default}
#nav ul, #nav .selected ul { padding-left:20px;  line-height:1.85em; margin:.3em 0}
#nav ul li, #nav .selected ul li { background:none; height:23px; list-style:none; padding:0 0 0 12px; margin-left:-6px; background:url(../img/menu_li_li.png) no-repeat 0 .93em; }
#nav ul a, #nav .selected ul a { background:none; display:inline; padding:0; margin:0;  color:#565656; cursor:pointer; } #nav ul a:hover, #nav .selected ul a:hover { text-decoration:underline }
#nav ul .selected a, #nav .selected ul .selected a { background:url(../img/menu_li_li_hover.png) no-repeat 100% 0; line-height:22px; color:#fff; display:block; padding-left:21px; }
#nav ul .selected, #nav .selected ul .selected { background:url(../img/menu_li_li_hover.png) #f60 no-repeat 0 0; color:#fff; height:23px; padding-left:4px; margin-left:-20px; }

h2.phone { color:#ff6f00; font-size:1.8em; margin:0 -90px 1em -43px; position:relative; font-family:Tahoma, Arial, Helvetica, sans-serif; width:299px; height:153px; overflow:hidden}
h2.phone dfn { display:block; font-size:.47em; padding:50px 0 0 43px; font-style:normal; font-weight:bold; color:#565656  }
h2.phone b { display:block; clear:left; padding-left:43px}
h2.phone span { display:block; position:absolute; top:0; left:0; width:299px; height:153px; background:url(../img/phone.jpg) no-repeat}

#content { overflow:hidden; padding-right:40px }
#content .path { font-size:.785em; padding-top:4px; font-family:Verdana, Arial, Helvetica, sans-serif }
#content .path a { color:#565656;} #content .path a:hover { color:#ea5100 }
.banner { text-align:center; background:url(../img/sep.gif) repeat-x 0 0; padding-top:8px }
.banner div {  background:url(../img/sep.gif) repeat-x 0 100%; padding-bottom:8px}
em { color:#ea5100; font-style:normal }
.pic { border:1px solid #d7cece; padding:3px; margin:0; margin-top:.2em; }
img.left { border:1px solid #d7cece; padding:3px; float:left; margin-right:10px; margin-bottom:10px }
img.right { border:1px solid #d7cece; padding:3px; float:right; margin-left:10px; margin-bottom:10px }
#content h2 { font-size:1.18em; margin-bottom:1em }
#content h3 { font-size:1.14em; margin-top:0 }
#content h3.spec { text-align:center; color:#ff6f00 }
#content .spec { text-align:center }
.list dt span { font-size:1.18em; font-weight:bold; display:block; overflow:hidden; padding-right:10px }
.list dt span .new { display:inline-block; height:18px; vertical-align:middle; margin-left:6px; background:url(../img/n.gif) #ff6f00 no-repeat 0 0; padding-left:6px; font-size:.678em; color:#fff }
.list dt span .new b { display:block; float:left; height:18px; font-weight:normal; background:url(../img/n.gif) no-repeat 100% 0; line-height:18px; padding-right:6px;}
.list dt .order { float:right; position:relative; font-weight:normal; font-size:.8em; padding-top:.3em }
.list dt { overflow:hidden; margin-bottom:.5em}
.list dd { overflow:hidden; padding-left:0; margin-bottom:1em; padding-bottom:.5em; background:url(../img/sep.gif) repeat-x 0 100% }
.list dd .container { padding:0; margin:0 }

#content a { color:#ea5100 }
#content a:hover { color:#898474 }
.container { overflow:hidden; padding-left:38px; margin-left:-38px }
.block { background:url(../img/sep.gif) repeat-x 0 100%; padding-bottom:.5em; margin-bottom:1em; overflow:hidden }

table {	font-family:"Trebuchet MS", Tahoma, Arial, sans-serif; font-size:1em; margin-bottom:.4em; width:100%; text-align:center; }
table td, th {padding:5px; border:1px solid #fff; vertical-align:middle;}
th { font-weight:normal; color:#fff; background-color:#898474; text-align:center }
td { font-weight:bold; color:#4c5960; height:20px; background-color:#eeebe4; text-align:center }
table.new th {background-color:#f60; text-align:center}
table.wht td {background-color:#fff;}
td.size {width:140px; text-align:center}
td.item {width:60px; text-align:center}
td.nb {font-weight:normal;}
tr.new td, tr.new th { text-align:center }

#feedback-form table { width:100% }

.login-form { margin-top:1em }

.nm { float:left }
.nl { float:left }

#footer { position:absolute; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:.8em; line-height:1.28em; color:#eeebe4; z-index:4; bottom:18px; z-index:4; margin-left:-451px; left:50%; width:902px; height:55px; background:#ff6f00 url(../img/footer_bg.png) no-repeat}
#footer .copyright { padding:13px 0 13px 17px; float:left; width:268px; background:url(../img/footer_sep.png) no-repeat 100% 50% }
#footer ul { float:right; padding:19px 1.5em 0; list-style:none}
#footer a { color:#fff; text-decoration:underline } #footer a:hover { text-decoration:none }
#footer li { padding-left:1.5em; float:left }

#bg { position:absolute; height:100%; width:100%; overflow:hidden; left:0; top:0; z-index:2 }
#bg i { width:1010px; position:relative; left:50%; margin-left:-505px; background:url(../img/header.jpg) no-repeat 0 0; display:block; height:100% }
#bg_col { width:934px; left:50%; margin-left:-467px; z-index:1; position:absolute; bottom:0; height:100%; background:#fff }

