@CHARSET "UTF-8";
body { padding: 0; margin: 0; overflow-y: scroll; }
body { background: #000 url(../img/layout/background.jpg) top center no-repeat; }

#root { width: 1000px; margin: 0 auto; position: relative; }
 #head {}
  #logo { position: absolute; top: 0; width: 257px; height: 177px; background: url(../img/layout/ark_logo.png) 0 0 no-repeat; }
  #headnav { text-align: right; }
   #headnav ul li a { font-size: 10px; padding: 3px 7px; margin: 0; display: inline-block;  }
  #topnav { margin-top: 30px; text-align: right; }
   #topnav ul li a { font-size: 16px; padding: 12px 10px; display: inline-block; }
  
  #content-area { position: relative; margin-top: 200px; }
   #title { float: left; width: 428px; height: 74px; background: url(../img/layout/ark_title_background.png) 0 0 no-repeat; }
    #title h1 { padding: 0 0 0 7px; color: #fff; text-transform: uppercase; margin: 35px 0 0 25px; font-weight: normal; display: inline-block; font-size: 22px; border-left: 10px solid #ff0000; }
   #cart { float: right; width: 216px; margin-top: -24px; height: 98px; background: url(../img/layout/ark_cart_background.png) 0 0 no-repeat; }
   #main-content { clear: both; border-top: 10px solid #121212; background: #fff; margin: 0; }
   #main-content { box-shadow: 0 0 10px #5b5b5b; -moz-box-shadow: 0 0 10px #5b5b5b; -khtml-box-shadow: 0 0 10px #5b5b5b; -webkit-box-shadow: 0 0 10px #5b5b5b; }
    #content { padding: 20px 10px; }
   #copyright { margin: 20px 0 100px 0; color: #fff; }
    #copyright .left { float: left; }
    #copyright .right { float: right; }

.small_black_box {}
.small_black_box_top { background: url(../img/layout/ark_subnav_top.png) 0 0 no-repeat; height: 35px; position: relative; z-index: 4; }
.small_black_box_content { background: #181818; padding: 10px; color: #fff; text-align: center; color: #fff; }
.small_black_box_bottom { background: url(../img/layout/ark_subnav_bottom.png) 0 0 no-repeat; height: 40px; }
  
ul.navigation { list-style: none; padding: 0; margin: 0; }
ul.navigation li { display: inline-block; padding: 0; margin: 0; }
ul.navigation li a:link,
ul.navigation li a:visited { margin: 0 5px; text-transform: uppercase; color: #fff; text-decoration: none; }
ul.navigation li a:hover,
ul.navigation li a:active,
ul.navigation li a.active { background: url(../img/layout/ark_topnav_active.png) 0 0 no-repeat; background-size: 100% 100%; }

  #navigation { z-index: 100; float: right; position: relative; right: 0; }
  #navigation { list-style: none; padding: 0; margin: 0; }
  #navigation li { display: inline-block; position: relative; padding: 0; margin: 0; }
  #navigation li a:link,
  #navigation li a:visited { margin: 0 5px; text-transform: uppercase; color: #fff; text-decoration: none; }
  #navigation li a:hover,
  #navigation li a:active,
  #navigation li a.active { background: url(../img/layout/ark_topnav_active.png) 0 0 no-repeat; background-size: 100% 100%; }
  #navigation ul { padding: 4px 0 0 0; margin: -3px 0 0 0; display: none; left: 0; top: 45px; position: absolute; width: 100%; }
  #navigation ul li,
  #navigation ul li a { display: block; text-align: left; width: 100%; background: #151515; }
  #navigation ul li a { font-size: 10px; color: #797979 !important; padding: 5px 10px; border-bottom: 1px solid #5c5c5c; background: #151515 none !important; }
  #navigation ul li a:hover,
  #navigation ul li a:active,
  #navigation ul li a.active { color: #fff !important;  }
  #navigation table { position: absolute; border-collapse: collapse; left: -1px; top: 25px; }
  #navigation li:hover ul,
  #navigation a:hover ul { display: block; }

#breadcrumbs { text-align: right; right: 0; width: 990px; padding: 5px 10px 0 0; position: absolute; z-index: 5; }
#breadcrumbs ul { list-style: none; padding: 0; margin: 0; }
#breadcrumbs ul li { display: inline-block; padding: 0; margin: 0; }
#breadcrumbs a:link,
#breadcrumbs a:visited { color: #f00; text-decoration: none; }
#breadcrumbs a:hover,
#breadcrumbs a:active { text-decoration: underline; }

body.home { background: #151515 url(../img/layout/home_back.jpg) top center no-repeat; }
body.home #home_logo { display: inline-block; width: 213px; height: 146px; background: url(../img/layout/home_logo.jpg) 0 0 no-repeat; }
body.home #opentimes { -webkit-transform: rotate(357deg); -moz-transform: rotate(357deg); -ms-transform: rotate(357deg); -o-transform: rotate(357deg); transform: rotate(357deg); top: 25px; position: absolute; right: 0; font-size: 28px; color: #FFF; }
body.home #root {  }
body.home #head {}
body.home #content-area { height: 750px; margin: 30px 0 0 0; }
body.home #copyright { -webkit-transform: rotate(357deg); -moz-transform: rotate(357deg); -ms-transform: rotate(357deg); -o-transform: rotate(357deg); transform: rotate(357deg); }


.dForm_wrapper { float: left; width: 400px; }
.dForm_otimes_wrapper { float: left; width: 200px; margin-left: 100px; }
.dTitle { border-left: 10px solid #FF0000; color: #000; display: block; font-size: 18px; font-weight: normal; padding: 0 0 0 7px; text-transform: uppercase; }

.dForm { width: 100%; font-size: 11px; }
.dForm td { vertical-align: top; }
.dForm label { display: inline-block; }
.dForm .radioset label { padding-top: 0; }
.dForm input[type=text],
.dForm input[type=password],
.dForm textarea { padding: 7px 10px; font-size: 14px; border: 1px solid #cfcfcf; width: 250px; margin:0; border-radius: 0; -moz-border-radius:0; -khtml-border-radius:0; -webkit-border-radius:0;}
.dForm input[type=text],
.dForm input[type=password] { margin-bottom: 0;}
.dForm textarea { height: 200px; min-height: 200px; width: 250px; min-width: 250px; max-width: 250px; margin: 0; }
.dForm input[type=text]:focus,
.dForm input[type=password]:focus,
.dForm textarea:focus { background: #ebdbdb; }
.dForm .title { height: 17px; }
.dForm .message { padding-left: 17px; }
 
.cbutton { cursor: pointer; display: inline-block; color: #fff; border: 1px outset #fff; padding: 7px 47px; background-color: #e20000; }
.cbutton:hover { background-color: #f00; }
.cbutton:active { background-color: #c50000; }