﻿@charset "UTF-8";
/* -------------------------------------------------------------
 * Site Specific Stylesheet
 */
body {font-family:Calibri, Arial, Verdana, Sans-Serif;background-color:#fff;overflow-y:scroll;}
.page {width:1000px;margin:0 auto;}
#frame {border-collapse:collapse;margin:0 auto;padding:0;width:997px;}
#frame td {padding:0;}
#categoryCell {width:215px;margin:0;padding:0;border:1px solid #D1D1D1;vertical-align:top;overflow:hidden;}
#subcategoryCell {width:215px;height:486px;border:solid 1px #D1D1D1;vertical-align:top;overflow:hidden}
#contentCell {width:540px;vertical-align:top;border:solid 1px #D1D1D1;}

#header h1 {position:relative;left:130px;top:80px;font-size:46px;width:800px;}
#header img {padding-left:9px;}
.categorybox, .categoryboxbottom, .subcategorybox, .subcategoryboxbottom, .box {width:215px;height:26px;border:solid 1px #d1d1d1;}
#topNav {width:530px;text-align:right;border:solid 1px #d1d1d1;}
#topNav a {font-size:12px;color:#333333;padding:0 20px 0 0;} 

h1 {margin: 0 0 .5em 0;}
div.withLink {margin:0;}
h1, div.withLink {font-size:18px;color:#123e6d;padding:0;}
h2 {font-size:14px;color:#123E6d;margin: .8em 0 .5em 0;padding:0;}

a {outline:none}
a:link, a:visited, a:active, a:hover{color:#4d7cc1;}
a:link, a:visited{text-decoration:none;}
a:hover, a:active{text-decoration:underline;}

a.feedbacklink {font-size:12px;margin-right:0px;color:#333333;float:right;padding: 5px 0px 0px 0px;outline:none;}

p, table {font-size:12px;margin: 0 0 1em 0;padding:0;color:#000;}

.floatRight {float:right;}
img {padding:10px 0;}
img.center {margin:0px auto 0px auto;display:block;}
img.icon {padding: 5px;}
.highlightRed {color:Red;font-style:italic;font-weight:bold;}
ol, ul{font-size:12px;color:#000;padding:0;margin:0;}
ul {margin:2px 0 2px 16px;list-style-type: disc;}
ol {margin:2px 0 2px 25px;}
.content ol li, .content ul li {padding:0px 0px 3px 0px;}
ol li li {list-style-type: disc;}
note {background:#CDD7E3;color:#356CAE;padding:1px;}

/* movie link */
.content a.movie {float:right;width:29px;height:25px;border:0;padding:0;background:transparent url(images/SeeVideo01_clear.png) no-repeat top left;}
.content a.movie:hover {background-color:#fff;}

/* category menu */
#categoryMenu {position:relative;margin:0;padding:0;width:215px;height:486px;}
#categoryMenu .category {clear:both;margin:0;padding:0;height:53px;width:215px;border-bottom:solid 1px #d1d1d1;}
#categoryMenu .category a {display:block;padding-left:8px;height:53px;color:#000;text-decoration:none;background-image:url(images/Rolo-arrow.gif);background-position: 202px center;background-repeat:no-repeat;}
#categoryMenu .category a:hover {background-color:#f6f6f6;}
#categoryMenu .category a.active {background-color:#f0f0f0;}
#categoryMenu .category a span.icon {float:left;margin:0;padding:0}
#categoryMenu .category a span.icon img {border:0;padding:13px 4px 0 0;}
#categoryMenu .category a div.title {height:22%;}

/* subcategory menu */
#subcategoryCell .scWrap {display:none;overflow:hidden;position:relative;height:486px;}
.subCategory {height:26px;width:214px;border-bottom:solid 1px #D1D1D1;letter-spacing:-1;}
.subCategory a {display:block;line-height:26px;height:26px;color:#000;text-decoration:none;padding:0;word-spacing:0px;letter-spacing:0px;background:url(images/Rolo-arrow.gif) 203px center no-repeat;}
.subCategory a span {position:absolute;padding:0 0 0 16px;width:186px;height:26px;overflow:hidden;}
.subCategory a.active {background-color:#f0f0f0;}
.subCategory a.history span {position:absolute;background-image:url(images/rolo-circle.gif);background-position:5px center;background-repeat:no-repeat;width:186px;height:26px;overflow:hidden;}
.subCategory .content {display:none;}

/* content */
#content {width:540px;height:516px;padding:15px 12px 0 12px;overflow-y:scroll;overflow-x:auto;} 

/* menu animations */
.categorybox img,
.categoryboxbottom img,
.subcategoryboxbottom img,
.subcategorybox img {border:0;padding:5px;}

/* tables */
table.steps {margin-top:15px;margin-bottom:18px;}
table.steps tr {margin:15px;}
table.steps td.circlenumber {color:#000;font-weight:bold;text-align:center;line-height:18px;width:18px;background:url(/images/olbkg.png) no-repeat top center;}
table.steps td.nocirclenumber {color:#000;font-weight:bold;text-align:center;line-height:18px;width:18px;}
table.steps td.step {color:#000;font-style:normal;font-weight:normal;padding-left:8px;padding-bottom:10px;}

table.table1 {}
table.table1 img {padding:0px;}
table.table1 td {padding:5px;}

table.table2 {width:99%;}
table.table2 th {padding: 5px 5px 5px 8px;text-transform:uppercase;font-weight:bold;}
table.table2 td {width:49%;padding:8px;border-top:solid 1px black;}
table.table2 tr > th:first-child, table.table2 tr > td:first-child {border-right:solid 1px black;}

table.table3 {border:solid 1px black;font-size:12px;}
table.table3 th {border:solid 1px black;padding:5px 5px 5px 5px;text-align:left;font-weight:bold;background:#DCDCDC;}
table.table3 td {border:solid 1px black;padding:5px 5px 5px 5px;}
table.table3 tr > td:first-child {text-align:center;}

/* topnav related links */
#links {position:relative;margin:0;padding:0;list-style-type:none;z-index:100;}
#links li {display:inline;list-style-type:none;}
#links #relatedLinks {margin:0;padding:12px;position:absolute;top:15px;right:-2px;display:none;background-color:#fff;border:solid 1px #000;}
#links #relatedLinks li {display:block;margin:0;padding:2px;text-align:left;}
#links #relatedLinks li a, #links #relatedLinks li a:visited {padding:0;margin:0;color:#4d7cc1;}
#links #relatedLinks li a:hover {text-decoration:underline;}
