/* ROSET CONTRACTS - ID MEDIA UK */

/* RESET *******************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style: none; }
a {outline: none; }
a img,:link img,:visited img { border:none }
:link,:visited { text-decoration:none }
:focus { outline: 0; }
blockquote, q {quotes: "" "";}
q:before, q:after {content: '';}
abbr, acronym { border: 0;}
/************************************************* END RESET */

/* CUSTOM STYLES *************************************/
.hidden { display: none;}
.b {font-weight: bold;}
.fl {float: left;}
.fr {float: right}
a { color: #604E63;}
a:hover { color: #968A99;}
.caps { text-transform: uppercase;}
p { color: #968A99; line-height: 18px; padding: 0 0 15px 0; }
a.large { font-size: 13px; color: #ccc; font-weight: bold;}
.cl {clear:left}
/********************************* END CUSTOM STYLES */

/* BROWSER HACKS *********************************************/
/* Firefox 3 Only */
# or ., x:-moz-any-link, x:default { }
/* IE6 Only */
* html {}
/***************************************** END BROWSER HACKS */

.nopad { padding:0 !important; }

/* HEADINGS */
h1 { font-family: Century Gothic, Verdana; font-size: 16px; color: #fff; clear:left;}
h1.sifr, h1.smooth{ font-family: Century Gothic, Verdana; font-size: 18px; font-weight: bold; color: #fff; display: block;}
h2.sifr, h2.smooth { font-family: Century Gothic, Verdana; font-size: 16px; color: #fff; margin: -5px 0 0 0; padding: 5px 0 15px 0;}

/* STRUCTURE CSS */
body { background: url('/resources//image/body-bg.jpg') repeat-y #1e0b20; background-position: center; font-family: verdana; font-size: 11px; color: #604E63;}
#uber_container { margin: 0 auto; width: 840px; min-height: 600px; padding: 40px 30px; }
#main_container { float: left; width: 100%; padding: 0 0 80px 0; }

/* HEADER */
#header_container {float: left; width: 100%;}
h1.logo { float: left; width: 135px;}
.header_right {float: right; width: 330px;}

ul.language_selector {float: left; width: 130px; padding: 0 10px 0 30px; text-align: right; }
ul.language_selector li { float: left; padding: 0 0 0 8px; }
ul.language_selector li a.selected { color: #968A99; }

ul.login_area { float: left; width: 160px; text-align: right; }
ul.login_area li ul.login {float: left; padding: 5px 0 0 17px; float:right;}
ul.login_area li ul.login li {float: left; padding: 0 0 0 8px;}

#navigation_container { float: left; width: 840px; padding: 20px 0 42px 0; }
ul.navigation { float: left; width: 100%;}
ul.navigation li { float: left; text-transform: uppercase; font-weight: bold; }
ul.navigation li span.navtext { position: absolute; text-indent: -9999px;  }
ul.navigation li a { float: left; }
ul.navigation li a:hover { background-position: 0 -20px;}

/* CONTENT AREA */
#content_container { float: left; width: 840px; min-height: 500px; }

/* BREAD */
#breadcrumb_title {float: right; width: 670px; }
ul.bread { float: left; width: 100%; padding: 0 0 5px 0; font-size: 12px; }
ul.bread li { float: left; padding: 0 5px 0 0;}

/* LEFT NAV */
#left_nav {float: left; width: 160px;}
#left_nav h4 { float: left; }
#left_nav a.arrow_down { float: left; background: url('/resources/image/nav-arrow-down.gif') no-repeat; width: 7px; height: 4px; position: relative; top: 8px; left: 10px;}
#left_nav a.arrow_up { float: left; background: url('/resources/image/nav-arrow-up.gif') no-repeat; width: 7px; height: 4px; position: relative; top: 8px; left: 10px;}

ul.plain_left_nav { float: left; width: 100%;}
ul.plain_left_nav li { float: left; width: 100%;  padding: 0 0 15px 0;}
ul.plain_left_nav li h4 { float: left; font-size: 13px; color: #fff; font-weight: bold; padding: 0 0 15px 0; }
ul.plain_left_nav li a.head {display: block; float: left; font-size: 13px; color: #fff; font-weight: bold; background: url('/resources/image/nav-arrow-down.gif') no-repeat right center; width: 110px;}
ul.plain_left_nav li a.ui-state-active {background-image: url('/resources/image/nav-arrow-up.gif');}
ul.nav_link_list {float: left; width: 100%;  padding: 15px 0 0 0; overflow: hidden;}
ul.nav_link_list li { padding: 0 0 10px 0;}
ul.nav_link_list li a { color: #a694aa;}
ul.nav_link_list li a:hover { color: #614a66;}
ul.nav_link_list li a.selected { color: #a694aa;}
ul.nav_link_list li ul.sub_nav {float: left; width: 100px; padding: 5px 0;}
ul.nav_link_list li ul.sub_nav li { padding: 10px 0 0 0;}
ul.nav_link_list li ul.sub_nav li a { color: #634c68;}
ul.nav_link_list li ul.sub_nav li a:hover { color: #a694aa;}

/* FOOTER */
#footer_container { float: left; width: 840px; margin: 10px 0 0 0; }
.footer_top { float: left; width: 820px; background: #321c38; padding: 0 10px; color: #fff;}
.footer_top ul.footer_top_left { float: left; width: 330px;}
.footer_top ul.footer_top_left li a { float: left; padding: 0 30px 0 0;}

.footer_top ul.footer_top_left li a.footer_roset { background: url('/resources/image/lignerosetcom.gif') no-repeat; width: 107px; height: 26px;}
.footer_top ul.footer_top_left li a:hover.footer_roset { background: url('/resources/image/lignerosetcom_over.gif') no-repeat;}

.footer_top ul.footer_top_left li {float: left;}
.footer_top ul.footer_top_right { float: right; padding: 5px 10px; font-size: 12px; font-family: Century Gothic, Arial;}
.footer_top ul.footer_top_right li {float: right;}
ul.footer_bottom {float: left; width: 840px; padding: 20px 0 0 0;}
ul.footer_bottom li.footer_bottom_left {float: left;}
ul.footer_bottom li.footer_bottom_right { float: right;}
ul.footer_bottom li.footer_bottom_right ul li {float: left; padding: 0 0 0 10px; }

ul.footer_bottom li.footer_bottom_right .social_links { margin-top:7px; }
ul.footer_bottom li.footer_bottom_right .social_links a { float:right; margin-left:5px; }
ul.footer_bottom li.footer_bottom_right .social_links a.facebook { background: url(../image/facebook_icon_sprite.gif); text-indent: -9999px; width: 16px; height: 16px; background-position: 0px 0px;  display:block;}
ul.footer_bottom li.footer_bottom_right .social_links a:hover.facebook { background-position: 0px 16px;  }
ul.footer_bottom li.footer_bottom_right .social_links a.twitter { background: url(../image/twitter_icon_sprite.gif); text-indent: -9999px; width: 16px; height: 16px; background-position: 0px 0px;  display:block;}
ul.footer_bottom li.footer_bottom_right .social_links a:hover.twitter { background-position: 0px 16px;  }