@charset "UTF-8";
@import url("common.css");

/* ITIL Colours
Inter-site Navigation
#FFA654 - Pantone 150 C
#BFBFBF - Pantone Cool Grey C
#DC8F48 - Pantone 157 C

Site Tool Bar
#E35801 - Pantone 166 C

Masthread Image
#BFBFBF - Pantone Cool Grey C

Tabs (ITIL red)
#631418 - Pantone 491 C

Breadcrumb Dotted Line
#595959 - Pantone 425 C
*/

/* Common */
body { background:#998877; color:#FFEEDD; }

h1 { font-size:18px; font-weight:bold; line-height:24px; padding:0 0 6px;}
h3 { font-size:12px; font-weight:bold; line-height:18px; padding:0 0 6px; color:#664422;}
h4 { font-size:12px; font-weight:bold; line-height:18px; padding:0 0 6px; color:#CCDD33;}
strong {font-weight:bold;}

a       { color:#EE3366; text-decoration:none;}
a:hover { text-decoration:underline;}
a img   { border:none;}

.fc_pink     { color:#FF3366;}
.fc_green    { color:#CCDD33;}
.fc_orange   { color:#FF9900;}

.fc_red     { color:#FF3300;}
.fc_blue    { color:#3366CC;}
.fc_gray    { color:#666666;}
.fc_silver  { color:#CCCCCC;}

a img.thumbnail {width:72px; height:72px; border:2px solid #FFFFFF;}
a:hover img.thumbnail { border-color: #FF9900;}

/* Layout */

div#header1 { color:#FFFFFF; font-size:11px;}
div#header2 { background:#442200 url(../images/header/navi1_01.gif);}

div#wraper { color:#332211; background:#FAF8EE url(images/wrapper.gif) repeat-x;}

#breadcrumb { color:#998877; border-bottom:1px dotted #DDCCBB; font-size:11px; text-align:left;}
#breadcrumb a { color:#665544;}
td#main { padding:0 20px 0 10px; width:570px; text-align:left; font-size:12px;}

td#main p.rg { float:right; padding-right:15px;}

td#main ul.sitemap li { margin-left:1.5em; list-style:square;}
td#navi { padding:0 10px; width:200px; text-align:left; font-size:11px; border-left:#DDCCBB dotted 1px; color:#665544; }

div#footer { border-top:1px dotted #CCBBAA; font-size:10px; text-align:left;}
div#footer a { color:#FFEEDD; }
div#footer a:hover { color:#FFCC66; }
div#footer .copy { color:#665544;}

/* Table Profile */
table.profile { border-top:1px solid #CFCECC; }
table.profile th { padding:3px 9px; text-align:left; vertical-align:top; border-bottom:1px dotted #CFCECC; background:#F0EFEE; color:#333333; width:30%; white-space:nowrap;}
table.profile td { padding:3px 9px; text-align:left; vertical-align:top; border-bottom:1px dotted #CFCECC; background:#FDFBF4; }

/* Table Form */
table.form th { padding:6px 9px;}
table.form td { padding:6px 9px;}
table.form tr.form_top th { border-top:1px solid #CFCECC; }
table.form tr.form_top td { border-top:1px solid #CFCECC; }
table.form tr.form_input th { text-align:left; vertical-align:top; border-bottom:1px dotted #CFCECC; background:#F0EFEE; color:#333333; width:30%; white-space:nowrap; }
table.form tr.form_input td { text-align:left; vertical-align:top; border-bottom:1px dotted #CFCECC; background:#FDFBF4; color:#333333; }
table.form tr.form_input td ul { list-style:none; margin:0 !important; padding:0 !important;}
table.form tr.form_input td ul li { float:left; margin:0 !important; padding:0 10px 0 0; !important; color:#666666; font-size:11px;}
table.form tr.form_input td label    {color:#666666;}
table.form tr.form_title td  { padding:3px 0px; color:#000000; background:none; border:none; white-space:normal;}
table.form tr.form_button td { color:#666666; border:none; text-align:center; border:none;}
table.form tr.form_devide td { padding:0; font-size:9px; line-height:9px; border:none; }
table.form tbody.attention tr.form_input th { color:#FFFFFF; background:#999999; }









/*
div#container     { margin-left:20px; background:#FFFFFF;}

div#global        { padding:3px 10px 1px; background:#333333; font-size:85%; overflow:hidden; zoom:100%;}
div#global ul     { list-style:none;}
div#global ul li  { float:left;}
div#global ul li a        { color:#FFA654; display:block; padding:3px 8px 2px; text-decoration:none;}
div#global ul li a:hover  { color:#FFFFFF;}
div#global ul li a:active { color:#FFFFFF; background:#DC8F48;}
div#global ul li a.active { color:#FFFFFF; background:#DC8F48;}
div#global:after  { clear:both;}

div#siteMenu        { padding:6px 10px 7px 17px; background:#FFFFFF; font-size:85%; overflow:hidden; zoom:100%;}
div#siteMenu div          { color:#E35801;}
div#siteMenu div a        { color:#E35801; padding:0 1px; text-decoration:none;}
div#siteMenu div a:hover  { color:#FFFFFF; background:#E35801;}
div#siteMenu div a:active { color:#FFFFFF; background:#E35801;}
div#siteMenu div a.active { color:#FFFFFF; background:#E35801;}
div#siteMenu div.left { float:left;}
div#siteMenu div.right { float:right;}
div#siteMenu:after { clear:both;}


div#header { background:#442200 url(../images/header/navi1_01.gif); overflow:hidden; zoom:100%;}
div#header_l { float:left;}
div#header_r { float:right;}
div#header:after { clear:both;}

div#siteTab        { padding:0; background:#FFFFFF; font-size:85%;}
div#siteTab ul     { list-style:none; overflow:hidden; zoom:100%; padding:2px 0 0;}
div#siteTab ul li  { float:left;}
div#siteTab ul li.tab a        { color:#000000; background:#FFFDFE; display:block; padding:4px 10px; width:100px; height:2.2em; line-height:1.1em; text-decoration:none; font-weight:bold;}
div#siteTab ul li.tab a:hover  { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab a:active { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab a.active { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab01 a        { color:#000000; background:#FFFDFE; display:block; padding:4px 10px; width:100px; height:2.2em; line-height:1.1em; text-decoration:none; font-weight:bold;}
div#siteTab ul li.tab01 a:hover  { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab01 a:active { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab01 a.active { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab02 a        { color:#000000; background:#FFFDFE; display:block; padding:4px 10px; width:100px; height:2.2em; line-height:1.1em; text-decoration:none; font-weight:bold;}
div#siteTab ul li.tab02 a:hover  { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab02 a:active { color:#FFFFFF; background:#631418;}
div#siteTab ul li.tab02 a.active { color:#FFFFFF; background:#631418;}
div#siteTab ul li.account { float:right; padding:4px 10px 0;}
div#siteTab ul:after { clear:both; }
div#siteTab div.tab   { border-top:1px dashed #CCCCCC; zoom:100%; }
div#siteTab div.search { padding:0 10px 0 0; color:#FFFFFF; background:#000000; border-top:2px solid #631418; overflow:hidden; zoom:100%; height:37px; }
div#siteTab div.search div.left  { float:left;}
div#siteTab div.search div.right { float:right; font-size:24px; line-height:32px;}
div#siteTab div.search div.right span { font-size:11px; vertical-align:6px; }
div#siteTab div.search:after { clear:both;}
div#siteTab div.breadcrumb { margin-bottom:20px; padding:4px 10px; border-bottom:1px dashed #CCCCCC; zoom:100%; color:#CCCCCC;}
div#siteTab div.breadcrumb a { color:#595959;}

div#content { margin:0 0 0 0; padding:0 10px 0 10px; }
div#content h1 { line-height:120%;}
div#content h2 { line-height:120%;}
div#content h3, h4, h5, h6, p, li { line-height:150%;}
div#content ul, ol { margin-left:1.5em;}
div#content .small {font-size:85%;}

div#content div.listing { }
div#content div.listing div.product { border-top:1px solid #CCCCCC; margin:20px 0 0; padding:10px 0px; overflow:hidden; zoom:100%;}
div#content div.listing div.product div.info { margin:0 0 10px; }
div#content div.listing div.product div.info div.image { float:right; padding:0 0 10px 10px;}
div#content div.listing div.product div.list { margin:5px 0 0; padding:5px 0 0; overflow:hidden; zoom:100%; border-top:1px dashed #CCCCCC; font-size:85%;}
div#content div.listing div.product div.list h4 { color:#595959; font-weight:normal; }
div#content div.listing div.product div.list ul.details { color:#999999; list-style:none; margin:0; float:left;}
div#content div.listing div.product div.list ul.details li { float:left; padding:0 10px 0 0;}
div#content div.listing div.product div.list ul.actions { color:#999999; list-style:none; margin:0; float:right;}
div#content div.listing div.product div.list ul.actions li { float:left; padding:0 0 0 10px;}
div#content div.listing div.product div.list:after { clear:both; }
div#siteTab div.listing div.product:after { clear:both; }

div#content table.trademark {}
div#content table.trademark th { padding:4px 8px; background:#EEEEEE; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; white-space:nowrap; }
div#content table.trademark td { padding:4px 8px; background:#FFFFFF; border-bottom:1px solid #CCCCCC; vertical-align:top; }



div#navigation { font-size:85%; }
div#navigation h4             { color:#FFFFFF; background:#595959; padding:4px; padding-left:10px;}
div#navigation ul             { border-top:1px solid #CCCCCC; list-style:none;}
div#navigation ul li a        { color:#595959; background:#FDFDFD; display:block; padding:4px; padding-left:10px; text-decoration:none; border-bottom:1px solid #CCCCCC;}
div#navigation ul li a:hover  { color:#FFFFFF; background:#999999;}
div#navigation ul li a:active { color:#FFFFFF; background:#595959;}
div#navigation ul li a.active { color:#FFFFFF; background:#595959;}
div#navigation ul li ul             { border-top:none; margin-right:0; }
div#navigation ul li ul li a        { padding-left:20px;}
div#navigation ul li.active ul li a { color:#333333; background:#EEEEEE;}
div#navigation ul li ul li a:hover  { color:#FFFFFF; background:#999999;}
div#navigation ul li ul li a:active { color:#FFFFFF; background:#999999;}
div#navigation ul li ul li a.active { color:#FFFFFF; background:#999999;}

div#navigation div.banners { padding:10px 0 0; }
div#navigation div.banners div.banner { padding:5px 0 0; }

div#wrapper { width:99%; float:right; margin:0 0 0 -24%;}
div#wrapper div#content { position:relative; margin:0 0 0 24%; padding:0 10px 0 20px; }
div#navigation { width:24%; float:left;}

div#footer { padding: 0; color:#333333; font-size:85%; text-align:center; clear:both;}
div#footer div.credit { padding:10px 0 4px;}
div#footer ul     { padding:4px 0; border-top:1px solid #CCCCCC; list-style:none;}
div#footer ul li  { padding:0 7px 0 8px; border-left:1px solid #CCCCCC; display:inline;}
div#footer ul li.first  { border-left:none;}
*/