/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
a {text-decoration: none; outline: none;}
.hidden {display: none;}
h4 a:hover {color: #333;}

/* STRUCTURE */
* {margin: 0;}
html  {}
body { padding: 0 0 50px 0; font-size: 12px; font-family: Arial, Helvetica, Verdana; color: #666; line-height: 18px; background:url('../../Common/Images/body-bg.jpg') repeat-y #f9f8f6; background-position: center;}
#uber_container {width: 100%; margin: 0 auto; background: #fff; position: relative; }

/* HEADER AREA */
#header_container {float: left; width: 100%; background: #f9f8f6; height: 95px;}
#header_container .header {margin: 0 auto; width: 890px; height: 95px; padding: 0 50px; background: #f5f4f2; }
#header_container .header .logo {float: left; width: 60px; margin: 58px 0 0 0; }
#header_container .header #navigation .top_nav {float: right; width: 828px; text-align: left;}
#header_container .header #navigation .top_nav h3 {padding: 0; margin: 0;}
#header_container .header #navigation .top_nav ul {list-style: none; float: right; margin: 37px 0 0 0; padding: 0;}
#header_container .header #navigation .top_nav ul li {float: left; text-align: left; padding: 0 0 0 26px;border: 1px solid #f5f4f2; }
#header_container .header #navigation .top_nav ul li a {float: left; font-size: 11px; color: #666; line-height: 14px; font-weight: normal;}
#header_container .header #navigation .top_nav ul li a:hover {color: #333;}
#header_container .header #navigation .bottom_nav {float: left; width: 780px; height: 27px; margin: 16px 0 0 15px; #margin: 18px 0 0 15px; }
#header_container .header #navigation .bottom_nav h3 {padding: 0; margin: 0;}
#header_container .header #navigation .bottom_nav ul {list-style: none; float: left; padding: 0; margin: 0;}
#header_container .header #navigation .bottom_nav ul li {float: left; text-align: left; padding: 0 0 0 35px;}
#header_container .header #navigation .bottom_nav ul li a {float: left; font-size: 11px; color: #666; line-height: 14px; font-weight: normal;}
#header_container .header #navigation .bottom_nav ul li a:hover {float: left; border-bottom: 3px solid #ff3300; padding-bottom: 12px; }
*html #header_container .header #navigation .bottom_nav ul li a:hover {border-bottom: 3px solid #ff3300; padding-bottom: 12px;}
#header_container .header #navigation .bottom_nav ul li a.selected {float: left; border-bottom: 3px solid #ff3300; padding-bottom: 12px; }
#header_container .header #navigation .bottom_nav ul li a:hover.black_under {border-bottom: 3px solid #666;}

/* BACK LINK AREA */

#main_container .breadc_area {float: left; width: 100%; min-height: 25px; padding: 15px 0 0 0; font-size: 11px; border-bottom: 1px solid #f5f3ee; position: relative;}
*html #main_container .breadc_area {float: left; width: 100%; height: 25px; padding: 15px 0 0 0; font-size: 11px;}
#main_container .breadc_area a {float: left; color: #666; cursor: pointer;}
#main_container .breadc_area a:hover {float: left; color: #333; cursor: pointer;}
#main_container .breadc_area img {float: left; }
#main_container .breadc_area .bread_crumb_link { margin-left:5px; top:-3px; position:relative;}
#main_container .breadc_area span {float: left; position: relative; top: -2px; left: 10px; }
#main_container .breadc_area .arrow_down {position: absolute; bottom: -6px; right: 1px;}
#main_container .breadc_area .tab_area {float: left; width: 100%; margin: 10px 0 0 0;}
#main_container .breadc_area .tab_area ul {float: left; list-style: none; padding: 0; margin: 0 0 0 110px; }
#main_container .breadc_area .tab_area ul li {float: left; padding: 0 50px 0 0; }
#main_container .breadc_area .tab_area ul li a {padding: 0 0 8px 0;}
#main_container .breadc_area .tab_area ul li a:hover {color: #ff3300; padding: 0 0 5px 0; border-bottom: 3px solid #c4c3c2;}
#main_container .breadc_area .tab_area ul li a.selected {color: #ff3300; padding: 0 0 5px 0; border-bottom: 3px solid #c4c3c2;}

/* CONTENT AREA */
#main_container {margin: 0 auto; width: 890px; min-height: 550px; padding: 0 50px 0 50px;}
*html #main_container {margin: 0 auto; width: 890px; height: 550px;  padding: 0 50px 0 50px;}

#main_container_home {float: left; background: #fff; width: 100%; }
.home_content_container {margin: 0 auto; width: 990px;}

#main_container .content_area {float: left; width: 890px; margin: 0 0 0 0; padding-bottom: 40px;  }
#main_container .content_area h1.designer {font-size: 14px; position: relative; top: 20px; color: #ff3300; left:1px;}
.content_middlecol {float: left; padding: 0; width: 150px;  padding-bottom: 40px; }

/* LEFT NAVIGATION */
#content_leftnav {float: left; margin: 20px 0 0 0; width: 140px; border-bottom: 1px dotted #c7c7c7; padding: 0 0 0px 0;}

/* FOOTER AREA */
#footer_container {float: left; margin: 0 auto; width: 100%; background: #f9f8f6; height: 100%; }
#footer_container .footer {margin: 0 auto; width: 890px; padding: 0 50px 50px 50px;  background: #f5f4f2; }
#footer_container .footer img {float: right; margin: 22px 0 0 0;}
#footer_container .footer ul.footer_left {float: left; width: 590px; list-style: none; padding: 0; margin: 22px 0 0 0;}

#footer_container .footer ul.footer_left li {float: left; padding: 0 5px 0 0; font-size: 11px; color: #666;}
#footer_container .footer ul.footer_left li a { float: left; color: #666; font-weight: normal;}
#footer_container .footer ul.footer_left li a:hover {color: #333;}
#footer_container .footer ul.footer_left li.id {width: 75px; float:left; }
#footer_container .footer ul.footer_left li.id img { margin-top:5px; }

ul.footer_right  {float: right; text-align: right; width: 125px; }
ul.footer_right li {float: left; width: 100px; margin: 0 0 0 25px; text-align:right; }

/* ARROWS */
.darker_left {background: url('../../Common/Images/arrows/darker-left.gif') no-repeat; width:4px; height: 7px;}
.darker_right {background: url('../../Common/Images/arrows/darker-right.gif') no-repeat; width:4px; height: 7px;}
.dark_left {background: url('../../Common/Images/arrows/dark-left.gif') no-repeat; width:4px; height: 7px;}
.dark_right {background: url('../../Common/Images/arrows/dark-right.gif') no-repeat; width:4px; height: 7px;}
.light_left {background: url('../../Common/Images/arrows/light-left.gif') no-repeat; width:4px; height: 7px;}
.light_right {background: url('../../Common/Images/arrows/light-right.gif') no-repeat; width:4px; height: 7px;}
.light_grey_pipe_left {background: url('../../Common/Images/arrows/light-grey-pipe-left.gif') no-repeat; width:13px; height: 13px;}
.light_grey_pipe_right {background: url('../../Common/Images/arrows/light-grey-pipe-right.gif') no-repeat; width:13px; height: 13px;}
.red_pipe_left {background: url('../../Common/Images/arrows/red-pipe-left.gif') no-repeat; width:13px; height: 13px;}
.red_pipe_right {background: url('../../Common/Images/arrows/red-pipe-right.gif') no-repeat; width:13px; height: 13px;}
.red_up {background: url('../../Common/Images/arrows/red-up.gif') no-repeat; width:7px; height: 4px;}
.red_down {background: url('../../Common/Images/arrows/red-down.gif') no-repeat; width:7px; height: 4px;}
.red_left {background: url('../../Common/Images/arrows/red-left.gif') no-repeat; width:4px; height: 8px;}
.red_right {background: url('../../Common/Images/arrows/red-right.gif') no-repeat; width:4px; height: 8px;}