@charset "utf-8";
/* CSS Document */
body { margin:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
body#bd { background:url(images/bg_blue_2.gif) repeat-x 0 0 #eeeeee;}

.clr {clear:both; margin:0; padding:0; visibility:hidden;}
p {padding:10px 0 0 0; margin:0;}
ul {list-style:none;}
ul, h1 {margin:0; padding:0;}
img {border:none;}

/* ----------------- Layout ----------------- */
.wrapper { width:984px; margin:0 auto; padding:0 0 0 20px;}
#bg1 {background:#fff url(images/body-bg.jpg) repeat-x 0 0;}
#bg2 {background:#fff url(images/pg2.jpg) no-repeat top right;}
#bg3 {background:#fff url(images/pg3.jpg) no-repeat top right;}
#bg4 {background:#fff url(images/pg4.jpg) no-repeat top right;}
#bg5 {background:#fff url(images/pg5.jpg) no-repeat top right;}
#bg6 {background:#fff url(images/pg6.jpg) no-repeat top right;}
#bg7 {background:#fff url(images/pg7.jpg) no-repeat top right;}
#bg8 {background:#fff url(images/pg8.jpg) no-repeat top right;}
#bg9 {background:#fff url(images/pg9.jpg) no-repeat top right;}
#bg10 {background:#fff url(images/pg10.jpg) no-repeat top right;}
#bg11 {background:#fff url(images/pg11.jpg) no-repeat top right;}
#bg12 {background:#fff url(images/pg12.jpg) no-repeat top right;}
#bg13 {background:#fff url(images/pg13.jpg) no-repeat top right;}
#bg14 {background:#fff url(images/pg14.jpg) no-repeat top right;}
#bg15 {background:#fff url(images/pg15.jpg) no-repeat top right;}


#colleft {float:left; width:224px; margin:0 5px 0 0; background-color:#fff}
#colleft_index {float:left; width:224px; margin:0 5px 0 0;}
#colright {float:left; width:755px;}
#footer { width:1004px; margin:0 auto; color:#FFFFFF; background:#000 url(images/footer_bg.jpg) repeat-x 0 0; text-align:center; padding:10px 0; font-size:11px; }
#footer a{text-decoration:none; color:#FFFFFF;}
#footer a:hover{color:#e3252c;}
#footer-inner { width:987px; margin:0 auto; color:#FFFFFF; background:#000 url(images/footer-bg.jpg) repeat-x 0 0; text-align:center; padding:10px 0; font-size:11px; }

#onmo {text-align:right; padding:10px 30px 0 0 ;}

#box-wrapper { padding:10px 0;}
#boxes { width:961px; background:url(images/icon_bg.gif) no-repeat 0 0; padding:5px; margin:0;}
#boxes { min-height:205px; color:#000; }
*html #boxes { height:255px; }
#boxes div.inner { float:left; width:270px; margin:0 35px 0 20px;}
#boxes div.inner1 { float:left; width:270px; margin:0 30px 0 18px;}
#boxes div.innerlast { float:left; width:215px; margin:0;}
#boxes div.container {height:170px; overflow:auto; margin:25px 0 0 0;}

/* ----------------- Contents ----------------- */

/*----- Left Section ----*/
#logo { width:224px; height:117px; background:url(images/logo_bg.gif) no-repeat 0 0; padding:45px 0 0 0; text-align:center; margin:0 0 3px 0;}
.clearmargin {margin:0 !important;}

#login { background:url(images/login_bg.jpg) no-repeat 0 0; height:119px; margin:0 0 3px 0; font-size:10px; }
#login form {padding:30px 0 0 10px; margin:0;}
#login form p {margin:0; padding:0;}
input {margin:0 0 3px 0;}
.input {width:170px;}
#login a {color:#de242b; text-decoration:none;}
#login a:hover {color:#de242b; text-decoration:underline;}

#news{background:url(images/odn_news.jpg) no-repeat 0 0; height:118px; margin:0 0 5px 0; font-size:10px; }
#news a{text-decoration:none}
#news ul{padding:30px 10px 0 10px;}
#news ul li{background : url(images/red_arrow.gif) top left no-repeat; padding: 0 0 10px 15px;}


#catalog{height:27px;}


/*----- Right Section ----*/

#menu { padding: 17px 0 0 0; margin: 0 0 10px 0;}

#banner { height:167px; margin:0; text-align:right; background:#000; position:relative;}
#banner img { display:none; position:absolute; top:0; left:0;}

#welcome {background-color:#191919}


#boxes h1 {margin:0; text-transform:uppercase; font-size:11px; letter-spacing:-1px; color:#000;}
#boxes div.inner h1 {padding:18px 0 0 53px;}
#boxes div.inner1 h1 {padding:18px 0 0 45px;}
#boxes div.innerlast h1 {padding:18px 0 0 45px;}

.container ul {margin:10px 0 0 0;}
.container ul li {background : url(images/red_arrow.gif) top left no-repeat; padding: 0 0 2px 15px;}

#content {padding:80px 10px 10px 10px;}
#promo {background:#fff;}
#content ul {margin:10px 0 0 20px;}
#content ul li {padding:2px 0 0 0;}
#content ul li ul {margin:0 0 0 30px; list-style:circle;}
#menu a{text-decoration:none; color:#000000;}
#menu a:hover{color:#e3252c;}

input{border-top: 1pt solid #cccccc;border-bottom: 1pt solid #cccccc;border-right: 1pt solid #cccccc;border-left: 1pt solid #cccccc;color: #707070;}
textarea{border-top: 1pt solid #cccccc;border-bottom: 1pt solid #cccccc;border-right: 1pt solid #cccccc;border-left: 1pt solid #cccccc;color: #707070;}
.login_img{padding-bottom:5px; padding-top:5px;}

.news_img{list-style-image:url(images/bullet_arrow.gif)}
.news_img a{text-decoration:none; color:#000000;}
.news_img a:hover{color:#e3252c;}

.sublinks a{text-decoration:underline; color:#000000;}
.sublinks a:hover{color:#e3252c;}

a{color:#000000;}
a:hover{color:#e3252c;}

.awards{list-style-image:url(images/arrow.gif)}
.border_thick{border:1px solid #CCCCCC; padding:10px}