html, body {
    min-height:100%;
    margin-bottom:1px
}
body {
    background-color: #000000;
    margin: 0px;
    font-family: arial, Sans-Serif;
    font-size: 90%;
}
/* Form styles */
input, select, textarea {
    color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
select option {
    padding: 0 5px 0 3px;
}
ol.form, ul.form {
    list-style-type: none;
    margin: 5px 0 1em 0;
    padding: 0;
}
ol.form li, ul.form li {
    clear: both;
    margin-bottom: 1em;
}
ol.form li.submit,
ul.form li.submit
ol.form li.buttonzone,
ul.form li.buttonzone,
ol.form li.buttons {
    clear: both;
    margin: 1em 0;
}
ol.form li.submit_short,
ol.form li.buttons_short,
ol.form li.buttonzone_short,
ul.form li.submit_short,
ul.form li.buttons_short,
ul.form li.buttonzone_short {
    margin-left: 75px;
}
fieldset {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
/* remove the border, I dare ya! */    
    font-size:1em;
}
fieldset p {
    font-size:11px;
}
fieldset legend {
     
}
fieldset.radiocheck ol li {
    margin-top: 0.5em;
}
fieldset.radiocheck input {
    float: left;
    margin: 3px 0 0 0;
    width: auto;
}
fieldset.radiocheck label {
    float: left;
/* text-align: right; */
}
fieldset label {
    float: left;
    width: 100px;
    vertical-align: top;
/* text-align: right; */
    margin-right: 1em;
/* font-size:11px; */
    color:#000;
}
fieldset ol li, fieldset ul li, fieldset ul li span, fieldset ol li span {
    font-size:11px;
    line-height: 1.1em;
}
label.inline {
    width: auto;
    display: inline !important;
    margin-right: 2em;
}
label.inline h3 {
    width: auto;
    display: inline !important;
}
span label {
    font-size:1.2em;
/* for .net labels */    
}
fieldset label.short {
    width: 75px;
    vertical-align: top;
}
fieldset label.block {
/* stacked label/input */    
    float: none;
    display: block;
    width: auto;
    margin: 0 0 0.2em 0;
}
fieldset span.label {
/* when only a span tag will do... */    
    float: left;
    width: 140px;
}
fieldset input,
fieldset select {
    vertical-align: top;
}
fieldset.date select {
    margin-right: 1em;
}
fieldset td {
    font-size:11px;
}
fieldset li.form_copy p {
    margin-left:150px;
    font-size:1em;
}
fieldset .submit,
fieldset .buttons,
fieldset .buttonzone {
    margin-left: 100px;
}
fieldset .submit_short,
fieldset .buttons_short,
fieldset .buttonzone_short {
    margin-left: 75px;
}
span.formnote {
    padding-left:10px;
    font-size:1.0em;
    color: #999;
}
label span.formnote {
    padding-left:0px;
}
span.inlinenote {
    font-size:1.0em;
    color: #999;
}
.error {
    background: #FFFCDF none repeat scroll 0% 50%;
    border: 1px solid #FF0000;
    display: block;
    font-size: 1.1em;
    margin: 15px 0pt;
    padding: 5px 15px;
    width: auto;
}
.error p {
    margin-bottom: 3px;
}
.error li {
    font-weight: 600;
}
fieldset.textfields {
    margin: 0 0 0.5em 0;
}
fieldset.textfields input,
fieldset.textfields select,
fieldset.textfields textarea {
    vertical-align: top;
}
/* span tag to emulate a label */fieldset.textfields span.label,
fieldset.textfields label {
    float: left;
    display: inline;
    width: 140px;
    margin: 0.2em 10px 0 0;
    line-height: 1.2em;
}
fieldset.textfields label.short {
    width: 60px;
}
fieldset.textfields label.block {
/* stacked label/input */    
    float: none;
    display: block;
    width: auto;
    margin: 0 0 0.2em 0;
}
/* wrapper for dot.Net checkboxlist & radiobuttonlist tables */
fieldset.checkboxlist,
fieldset.radiobuttonlist {
    margin: 0 0 0.6em 0;
}
fieldset.checkboxlist td,
fieldset.radiobuttonlist td {
    padding: 0 20px 0 0;
/* necessary only for two+ column tables */    
}
fieldset.checkboxlist input,
fieldset.radiobuttonlist input {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}
fieldset.checkboxlist label,
fieldset.radiobuttonlist label {
    float: none;
    display: block;
    width: auto;
    margin: -13px 0 0.6em 20px;
    line-height: 1.2em;
}
/* wrapper for checkboxes and radiobuttons, long labels will not wrap beneath the input */
fieldset.checkzone,
fieldset.radiozone {
    margin: 0 0 0.6em 0;
}
fieldset.checkzone input,
fieldset.radiozone input {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
}
fieldset.checkzone label,
fieldset.radiozone label {
    float: none;
    display: block;
    width: auto;
    margin: -13px 0 0.6em 20px;
    line-height: 1.2em;
}
/* wrapper for form buttons */
fieldset.buttonzone {
    clear: both;
    margin: 0 0 1.0em 0;
}
/* Shell */
#container {
    width: 985px;
    background-color: #000000;
    margin-left: auto;
    margin-right: auto
}
#loginAndSearch {
/* background: url('../images/login_search_bg.gif'); */
    height: 32px;
}
#loginAndSearch a {
    text-transform:uppercase;
}
#loginAndSearch div.login {
    float: left;
    padding-left: 50px;
    padding-top: 8px;
}
#loginAndSearch div.login, #loginAndSearch a, #loginForm a {
    color: #CCC;
    font-size: 80%
}
#loginAndSearch a, #loginForm a {
	color: #FF6000;
}
#loginAndSearch a:hover, #loginForm a:hover {
    color: #FF7F00;
    text-decoration: none
}
#loginAndSearch div.search {
    float: right;
    color: #CCCCCC;
    font-size: 80%;
    padding-right: 50px;
    padding-top: 4px;
}
#loginAndSearch div.search input, #loginForm input {
    font-size: 80%;
    height: 12px
}
#loginAndSearch div.search input.button {
    border: none;
    color: #CCCCCC;
    background: transparent;
    vertical-align: middle;
    margin-top: -4px;
}
#loginAndSearch div.search a {
    vertical-align: middle;
    color: #666666
}
#loginForm {
    padding-left: 50px;
    padding-top: 4px;
    display: block;
    color: #D4D4D4;
    font-size: 80%;
}
#loginForm span {
    color: #CCCCCC;
    vertical-align: middle;
    font-size: 95%;
}
#loginForm input {
    margin-right: 6px;
    width: 80px
}
#loginForm input.button {
    width: 40px
}
#loginForm span.message {
    display: block;
    margin-top: 4px;
    color: #FFFFFF
}
#loginForm span#ucHeader_lblMessage {
	display:inline;
	background-color:#FF7F00;
	color:#000000;
	font-size:1.15em;
	padding:2px 8px;
	text-align:left;
}
#logo {
    text-align: center;
    padding: 17px 0px 18px 0px;
    border-top: solid 1px #252525;
    border-bottom: solid 1px #252525;
    margin: 0px 52px 0px 50px
}
#logo img.print {
    display: none
}
#nav {
    margin: 0px 50px 0px 50px;
    white-space: nowrap
}
#nav a {
    color: #777777;
    font-size: 13px;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
    padding: 12px 13px 12px 12px;
    display: -moz-inline-box;
    display: inline-block
}
#nav a:hover, #nav a.selected {
    color: #D4D4D4;
    background: url('../images/nav_on_bg.gif');
    text-decoration: none
}
#breadcrumb {
    margin: 0px 52px 0px 50px;
    padding: 4px 0px 6px 6px;
    background: url('../images/breadcrumb_bg.gif');
    font-family: "Times-New-Roman", Times, serif;
    font-size: 75%;
    color: #777777;
}
#breadcrumba, #breadcrumb span {
    padding-left: 4px;
    padding-right: 4px;
    color: #777777;
    font-weight: bold;
}
#breadcrumba:hover {
    color: #D4D4D4;
    text-decoration: none
}
#breadcrumba.top, #breadcrumb span.top, #breadcrumb a.top:hover {
    color: #FF6000;
    text-decoration: none
}
#breadcrumba.top, #breadcrumb span.top {
    font-size: 110%;
    margin-left: 2px
}
#main {
    clear: both;
    float: left;
    margin: 0px 50px 0px 50px;
    display: inline;
    background: url('../images/main_bg.gif');
}
#subNav {
    float: left;
    width: 165px;
}
#subNav div {
    background: url('../images/sub_nav_bg.png') repeat-x;
    background-color: #0B090B;
    padding: 8px 2px 9px 10px;
}
#subNav div img {
    vertical-align: middle
}
#subNav .groupTitle {
    background: url('../images/breadcrumb_bg.gif');
    padding: 6px 10px 6px 10px;
    display: block;
    text-transform: uppercase;
    color: #777777;
    font-family: "Times-New-Roman", Times, serif;
    font-size: 90%;
    font-weight: bold;
}
#subNav a {
    color: #777777;
    padding-right: 4px;
    font-family: "Times-New-Roman", Times, serif;
    font-size: 90%;
    font-weight: bold;
}
#subNava:hover {
    color: #D4D4D4;
    text-decoration: none
}
#subNav div.nested, #subNav div.nestedSelected {
    padding: 4px 9px 4px 24px;
    background: transparent
}
#subNav a.selected, #subNav a.nestedSelected {
    color: #D4D4D4
}
#home {
    width: 884px;
    clear: both;
    float: left;
    margin: 0px 50px 0px 50px;
    display: inline;
}
#home div.flashPanel {
/* height: 496px; */    color: #FFFFFF
}
#home div.scroller {
    margin-top: 0px;
    margin-bottom: 12px;
}
#home div.scroller table td {
    vertical-align: middle;
    color: #FFFFFF;
    padding-top: 8px;
    padding-bottom: 0px;
}
#home div.scroller div.icon {
    float: left;
    width: 53px;
    margin: 0px 12px 0px 6px;
}
#home div.scroller div.text {
    float: left;
    width: 196px;
    padding-right: 16px;
    border-right: solid 1px #323233;
}
#home div.scroller div.text h4 a {
    font-family: "Times-New-Roman", Times, serif;
    color: #CCCCCC;
    text-transform: uppercase;
    font-weight: normal
}
#home div.scroller div.text p {
    font-size: 85%;
    margin-bottom: 0px
}
#home div.scroller div.text p a {
    color: #CCCCCC;
}
#home div.scroller div.text a:hover {
    text-decoration: none;
    color: #FF6000
}
#home .strapline {
    padding: 6px 0px 8px 8px;
    background: url('../images/breadcrumb_bg.gif');
    font-family: "Times-New-Roman", Times, serif;
    font-weight: normal;
    color: #999999;
    border-bottom: none
}
#home div.homeFrame {
    color: #FFFFFF;
    margin-top: 16px
}
#home div.homeFrame h1 a, #home div.homeFrame h2 a, #home div.homeFrame p {
    color: #FFFFFF;
}
#home div.homeFrame h2 a {
    font-weight: normal
}
#home div.homeFrame div.col1 {
    float: left;
    width: 338px;
    border-right: solid 1px #333333;
    padding-right: 16px;
    padding-left: 8px
}
#home div.homeFrame div.col1 img {
    display: block;
    margin-top: 8px;
    margin-bottom: 8px
}
#home div.homeFrame div.col1 h1 a {
    color: #CF6904
}
#home div.homeFrame div.col1 p {
    font-weight: bold;
}
#home div.homeFrame div.col2 {
    float: left;
    width: 146px;
    border-right: solid 1px #333333;
    padding-left: 12px;
    padding-right: 16px
}
#home div.homeFrame div.col2 p, #home div.homeFrame div.col3 p {
    color: #BEBEBE;
    margin-bottom: 30px
}
#home div.homeFrame div.col3 {
    float: left;
    width: 146px;
    border-right: solid 1px #333333;
    padding-left: 12px;
    padding-right: 16px
}
#home div.homeFrame div.col4 {
    float: left;
    width: 146px;
    padding-left: 12px;
}
#home div.homeFrame div.col4 h3 {
    margin-top: 8px;
    font-weight: bold;
    font-size: 90%;
    color: #FFFFFF;
    letter-spacing: 0em;
}
#home div.homeFrame div.col4 h3 a {
    color: #666666;
}
#home div.homeFrame div.col4 p {
    color: #BEBEBE;
    font-size: 75%;
    margin-bottom: 5px
}
#home div.homeFrame div.col4 a.lnk_loginnow {
    display:block;
    margin: 5px 0;
}
#home div#pnlLogin {
	width:160px;
}	
#home div#pnlLogin h3 {
    font-size:1.1em;
    margin:0 0 8px 0;
}
#home div#pnlLogin div#pnlLoginContent {
    margin-left:0;
}
#home div#pnlLogin div#pnlLoginContent h3 {
	margin-top:3px;
}
#content {
    width: 717px;
    float: left;
    background: url('../images/smudge.gif') repeat-x;
}
#content div.flashPanel {
    width: 717px;
/* height: 324px; */    border-bottom: solid 6px #595A5C;
}
#content img.flashPanelAlternative {
    border-right: solid 4px #FF7F00
}
#content div.titlePanel, #content div.titlePanel2 {
    border-bottom: solid 1px #C9CACA;
    padding: 8px;
}
#content div.titlePanel2 {
    width: 520px
}
#content div.titlePanel h1, #content div.titlePanel2 h1 {
    float: left;
}
#content div.titlePanel div.sponsor, #content div.titlePanel2 div.sponsor {
    float: right;
}
#content div.contentFrame {
    border-bottom: solid 6px #5D5D5F;
    width: 100%;
    background: url('../images/half_smudge.gif') repeat-x;
    background-color: #FFFFFF;
    padding-top: 10px
}
#content div.contentFrame div.mainPanel {
    float: left;
    width: 525px;
    padding: 6px;
    padding-top: 0px;
    display: inline
}
#content div.contentFrame div.mainPanel p {
    width: 512px;
}
#content div.contentFrame div.mainPanel img, #content div.contentFrame2 div.mainPanel img {
    display: block;
    margin-bottom: 10px
}
#content div.contentFrame div.sideBar {
    float: left;
    width: 165px;
}
#content div.contentFrame2 div.mainPanel {
    float: left;
    width: 531px;
    padding: 8px;
    padding-top: 10px;
}
#content div.contentFrame2 div.mainPanel div.topSectionFrame {
}
#content div.contentFrame2 div.mainPanel div.topSectionFrame div.pic {
    float: left;
    width: 348px;
    margin-right: 8px
}
#content div.contentFrame2 div.mainPanel div.topSectionFrame div.text {
    float: left;
    width: 162px;
}
#content div.contentFrame2 div.mainPanel div.secondSectionsFrame {
    clear: both;
    margin-top: 16px;
}
#content div.contentFrame2 div.mainPanel div.secondSectionsFrame div.section {
    float: left;
    width: 169px;
    border-left: solid 1px #DBDBDB;
    padding-left: 9px;
    margin-top: 8px;
    min-height: 160px
}
#content div.contentFrame2 div.mainPanel div.secondSectionsFrame div.sectionFirst {
    clear: both;
    float: left;
    width: 168px;
    border-left: none;
    padding-left: 0px;
    margin-top: 8px;
    min-height: 160px
}
#content div.contentFrame2 div.mainPanel div.secondSectionsFrame p {
    width: 95%
}
#content div.contentFrame2 div.mainPanel div.topArticlesFrame {
}
#content div.contentFrame2 div.mainPanel div.topArticlesFrame div.row {
    margin-bottom: 16px
}
#content div.contentFrame2 div.mainPanel div.topArticlesFrame div.row {
    clear: both
}
#content div.contentFrame2 div.mainPanel div.topArticlesFrame div.article {
    float: left;
    width: 156px;
    margin-right: 22px;
    display: inline;
}
#content div.contentFrame2 div.mainPanel div.topArticlesFrame div.articleLast {
    float: left;
    width: 156px;
    display: inline;
}
#content div.contentFrame2 div.mainPanel div.topArticlesFrame p {
}
#content div.contentFrame2 div.mainPanel div.articlesFrame {
    clear: both;
    margin-top: 16px
}
#content div.contentFrame2 div.mainPanel div.articlesFrame div.lead {
    float: left;
    width: 162px;
    margin-right: 8px;
    border-top: solid 3px #626365
}
#content div.contentFrame2 div.mainPanel div.articlesFrame div.leadimg {
    display: block;
    margin-bottom: 8px
}
#content div.contentFrame2 div.mainPanel div.articlesFrame div.list {
    float: left;
    width: 348px;
    border-top: solid 3px #626365
}
#content div.contentFrame2 div.mainPanel div.articlesFrame div.listp {
    margin-bottom: 24px
}
#content div.contentFrame3 div.mainPanel {
    float: left;
    margin-left: 31px;
    border-left: solid 1px #E3E3E3;
    width: 484px;
    padding: 12px;
    padding-left: 18px;
    display: inline
}
.noMargin {
    margin-left: 0px;
    border-left: none;
}
#content div.contentFrame3 div.mainPanel img.main {
    display: block;
    margin-bottom: 4px
}
#content div.contentFrame3 div.mainPanel div.picAndTextFrame {
}
#content div.contentFrame3 div.mainPanel div.picAndTextFrame div.picPanelPortrait {
    float: left;
    width: 295px
}
#content div.contentFrame3 div.mainPanel a.thumbnail,
#content div.contentFrame3 div.mainPanel a.thumbnailPortrait {
    margin-right: 10px;
    margin-bottom: 10px;
    display: block
}
#content div.contentFrame3 div.mainPanel a.thumbnailPortrait {
    margin-right: 3px;
}
#content div.contentFrame3 div.mainPanel a.thumbnail img {
    display: block
}
#content div.contentFrame3 div.mainPanel a.thumbnail img {
    display: block
}
#content div.contentFrame3 div.sideBar {
    margin-left: 1px;
    background-color: #F2F2F2;
    min-height: 200px;
}
#content div.contentFrame3 div.mainPanel .caption {
    font-size: 75%;
    margin-bottom: 12px;
    display: block;
    color: #808080;
}
div.comment, div.commentAlt, div.editorComment, div.editorCommentAlt {
    padding: 6px;
    background-color: #F2F2F2;
}
div.commentAlt {
    background-color: #FFFFFF;
}
div.editorComment {
    background-color: #FFe0e0;
}
div.editorCommentAlt {
    background-color: #FFe7e7;
}
div.comment div.date, div.commentAlt div.date, div.editorComment div.date, div.editorCommentAlt div.date {
    font-size: 75%;
    font-style: italic;
    color: #808080;
}
div.comment div.name, div.commentAlt div.name, div.editorComment div.name, div.editorCommentAlt div.name {
    font-size: 75%;
    color: #808080;
}
#content div.sideBar {
    float: left;
    width: 169px;
}
#content div.contentFrame2 div.sideBar {
    background-color: #F2F2F2;
    min-height: 200px
}
#content div.contentFrame2 .shiftUp {
    background-color: #F2F2F2;
    margin-top: -56px;
    min-height: 200px
}
#content div.contentFrame2 div.sideBar p, #content div.contentFrame3 div.sideBar p {
    font-size: 75%;
    color: #808080;
    margin-bottom: 8px;
}
#content div.contentFrame2 div.sideBar a, #content div.contentFrame3 div.sideBar a {
    font-size: 75%;
    color: #808080;
    text-decoration: underline
}
#content div.contentFrame2 div.sideBar p a, #content div.contentFrame3 div.sideBar p a {
    font-size: 100%;
}
#content div.contentFrame2 div.sideBar img, #content div.contentFrame3 div.sideBar img {
    display: block;
    margin-top: 16px;
    margin-bottom: 16px
}
div.sideBarPanel, div.sideBarDownloadPanel {
    margin: 12px 12px 0px 12px
}
div.sideBarPanel {
    padding-bottom: 8px;
    border-bottom: solid 1px #E5E5E5;
}
div.sideBarPanel h3 {
    font-weight: bold;
    font-size: 90%;
    color: #666666;
    letter-spacing: 0em;
    margin-bottom: 2px
}
div.sideBarPanel div.title {
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
    color: #666666;
}
div.sideBarPanel div.title div.icon {
    float: left;
    width: 26px;
}
div.sideBarPanel div.title div.icon img {
    display: block;
}
div.sideBarPanel div.title div.text {
    float: left;
    width: 110px;
}
div.sideBarPanel input {
    font-size: 11px;
    margin-bottom: 8px
}
div.sideBarPanel div.product {
    font-family: "Times-New-Roman", Times, serif;
    font-size: 90%;
    color: #666666;
    font-weight: bold;
}
div.sideBarPanel div.price {
    font-size: 80%;
    padding-bottom: 4px;
    margin-bottom: 8px;
    border-bottom: solid 1px #D9D9D9
}
div.sideBarPanel div.total {
    font-family: "Times-New-Roman", Times, serif;
    font-size: 90%;
    color: #666666;
    font-weight: bold;
    margin-bottom: 8px;
}
div.sideBarPanel div.login {
    font-size: 75%;
    color: #666666;
}
div.sideBarDownloadPanel div.title {
    float: left;
    width: 138px;
    border-bottom: solid 1px #999999;
    margin-bottom: 12px;
    padding-bottom: 4px
}
div.sideBarDownloadPanel div.title img {
    float: left;
    width: 30px;
    display: block;
    margin-bottom: 4px
}
div.sideBarDownloadPanel div.title span {
    display: block;
    float: left;
    width: 100px;
    padding-top: 14px;
    font-family: "Times-New-Roman", Times, serif;
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    padding-left: 8px;
    margin-top: 4px
}
div.sideBarDownloadPanel a {
    color: #666666;
    display: block;
    margin-bottom: 2px;
    margin-top: 6px
}
div.sideBarDownloadPanel div.caption {
    font-size: 70%;
    color: #666666;
}
table.pressImages {
    width: 100%
}
table.pressImages td {
    width: 33%;
    text-align: left;
    vertical-align: top;
    padding-bottom: 16px
}
table.pressImages div.image {
    width: 160px;
    height: 160px;
    margin-right: 1px
}
table.pressImages a {
    font-size: 90%;
    display: block
}
div.listImages {
}
div.listImages div.row {
    clear: both
}
div.listImages div.row div.image {
    float: left;
    width: 260px;
}
div.listImages div.row div.caption {
    float: left;
    width: 220px;
}
#fullWidthFrame {
    width: 884px;
    clear: both;
    float: left;
    margin: 0px 50px 0px 50px;
    padding: 0px 50px 0px 50px;
    display: inline;
    background: url('../images/smudge.gif') repeat-x;
    background-color: #FFFFFF;
}
#fullWidthFramediv.content {
    margin-left: 30px;
    border-left: solid 1px #E3E3E3;
}
#fullWidthFramediv.content div.steps {
    padding-left: 12px;
    border-bottom: solid 1px #E3E3E3;
    font-family: "Times-New-Roman", Times, serif;
    color: #999999;
    font-weight: bold;
}
#fullWidthFramediv.content div.steps a {
    color: #999999;
    vertical-align: middle;
}
#fullWidthFramediv.content div.steps img {
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 6px
}
#fullWidthFramediv.content div.steps span.on {
    color: #FF6000
}
#fullWidthFramediv.content div.form {
    padding: 12px;
}
#fullWidthFramediv.content div.form table, #fullWidthFramediv.content div.form div.talkPanel {
    width: 600px
}
p.smallPrint {
    color: #666666;
    font-size: 75%;
    margin-top: 16px;
    width: 530px
}
div.form th {
    text-align: left;
    background-color: #F2F2F2;
    color: #666666;
    font-size: 80%;
    font-weight: bold;
    border-top: solid 1px #DBDBDB;
    border-bottom: solid 1px #DBDBDB;
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
}
#fullWidthFramediv.form table.form, #fullWidthFramediv.cartRelatedItems {
    width: 540px
}
div.cartRelatedItems {
    width: 540px;
}
div.cartRelatedItems table td {
    font-size: 90%
}
div.form td {
    padding: 4px;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 80%;
    vertical-align: top;
}
div.form td select {
    font-size: 95%;
}
div.form td table.checkBoxList {
    padding: 0px
}
div.form td table.checkBoxList td {
    font-size: 100%;
}
div.form td input, div.form td textarea {
    font-size: 100%;
}
div.form td.head {
    padding-left: 2px;
    font-size: 100%
}
div.form tr.donationRow td {
    border-top: solid 1px #DBDBDB;
}
div.form tr.totalRow td {
    border-top: solid 1px #DBDBDB;
    border-bottom: solid 1px #DBDBDB;
    font-weight: bold
}
div.form td p, div.form td span.note {
    font-size: 90%
}
tr.buttonRow td {
    border-bottom: solid 1px #DBDBDB;
    padding: 8px;
    padding-left: 2px;
    vertical-align: middle
}
div.productList {
    margin-bottom: 12px
}
div.productList table {
    width: 100%
}
div.productList td {
    border-bottom: solid 1px #DBDBDB;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 33%
}
div.featuredProduct, div.featuredProductLastInRow {
    width: 160px;
    border-right: solid 1px #DBDBDB;
    margin-bottom: 12px;
    margin-right: 8px;
    min-height: 320px;
    padding-right: 8px
}
div.featuredProductLastInRow {
    border-right: none;
    margin-right: 0px;
}
div.featuredProduct a, div.featuredProductLastInRow a, div.featuredProduction a, div.featuredProductionLastInRow a {
    font-family: "Times-New-Roman", Times, serif;
    font-size: 120%;
    font-weight: bold;
}
div.featuredProduct div.price, div.featuredProductLastInRow div.price {
    font-size: 90%;
    color: #B05902;
    margin-top: 2px;
    margin-bottom: 4px
}
div.featuredProduct div.description, div.featuredProductLastInRow div.description {
    font-size: 75%;
    margin-bottom: 8px
}
div.featuredProduction, div.featuredProductionLastInRow {
    width: 160px;
    border-right: solid 1px #DBDBDB;
    margin-right: 8px;
    padding-right: 8px
}
div.productDisplay {
    margin-top: 16px;
    border-bottom: solid 4px #626365
}
div.productDisplay div.pic {
    float: left;
    width: 260px;
    margin-right: 16px
}
div.productDisplay div.details {
    float: left;
    width: 240px
}
div.productDisplay div.details table {
    font-size: 85%;
    margin-bottom: 8px
}
div.productDisplay div.details td {
    vertical-align: middle
}
div.productDisplay div.details td select {
    font-size: 90%;
    margin-right: 4px
}
div.productDisplay div.details .price {
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
    color: #B05902
}
div.sortAndPaging {
}
div.sortAndPaging div.sort {
    float: left;
    color: #666666;
    font-size: 80%
}
div.sortAndPaging div.paging {
    float: right;
    font-size: 80%;
    color: #666666;
}
div.sortAndPaging a.selected {
    font-weight: bold
}
div.operaList {
}
div.operaList table {
    width: 480px
}
div.operaList td {
    font-family: "Times-New-Roman", Times, serif;
    color: #737373;
    font-size: 110%;
    font-weight: bold;
    padding-right: 8px;
    vertical-align: middle
}
div.operaList td a {
    font-family: arial, serif;
    font-size: 90%;
    font-weight: normal;
}
div.operaList td.note {
    font-family: arial, serif;
    font-size: 80%;
    font-weight: normal;
}
div.performanceList {
}
div.performanceList table {
    width: 460px
}
div.performanceList td {
    font-family: "Times-New-Roman", Times, serif;
    color: #737373;
    font-size: 110%;
    font-weight: bold;
    padding-right: 8px;
    vertical-align: middle
}
div.performanceList td a {
    font-family: arial, serif;
    font-size: 90%;
    font-weight: normal;
}
table.calendar {
    font-size: 12px;
    border-color: #F7F3F7
}
td.calendarDayHeader {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    background-color: #F2F2F2;
}
td.calendarDay {
    background-color: #D8D8D8;
    border-bottom: solid 2px #F2F2F2;
    padding: 2px;
}
td.thisMonth {
    background-color: #969696;
    border-bottom: solid 2px #F2F2F2;
    padding: 2px
}
td.calendarDay div, td.thisMonth div {
    color: #666666;
    font-size: 10px;
}
td.np a {
    color: #666666 !important
}
#archiveSearch {
    background-color: #F2F2F2;
    border-bottom: solid 6px #595A5C;
    padding: 6px;
    font-size: 80%
}
#archiveSearch th, td {
    vertical-align: top
}
#archiveSearch th {
    padding-top: 3px
}
#archiveSearch select {
    font-size: 95%
}
#archiveSearch input {
    font-size: 100%
}
#archiveSearch input.button {
    color: #000000;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
    background-color: #F2F2F2;
}
#advancedSearch {
    margin: 8px;
    padding: 8px;
    border-bottom: solid 4px #626365
}
#advancedSearchth {
    color: #666666;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
}
#advancedSearch th, td {
    vertical-align: top
}
#advancedSearch th {
    padding-top: 3px
}
#advancedSearch select {
    font-size: 80%
}
#advancedSearch input {
    font-size: 90%
}
#advancedSearch input.button {
    color: #000000;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
    background-color: #F2F2F2;
}
#searchResults {
    margin: 8px;
    padding: 8px;
}
div.pageDetails {
    margin-bottom: 8px;
    font-size: 75%;
    color: #404040
}
div.pageDetails div.details {
    float: left;
}
div.pageDetails div.paging {
    float: right;
    padding-right: 8px
}
#searchResults div.resultList .groupTitle {
    display: block;
    background: url('../images/search_group_bg.gif');
    color: #FFFFFF;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
    font-size: 110%;
    margin-bottom: 8px;
    padding: 3px 8px 3px 8px
}
#searchResults div.resultList .groupTitle img {
    vertical-align: middle;
    margin-left: 4px
}
div.resultList a {
    display: block;
    font-weight: bold;
    font-size: 90%;
    margin-left: 8px;
    margin-right: 8px
}
div.resultList div {
    display: block;
    margin-bottom: 8px;
    font-size: 90%;
    color: #404040;
    margin-left: 8px;
    margin-right: 8px
}
#archivePerformance {
    margin-left: 31px;
    border-left: solid 1px #E3E3E3;
    width: 496px
}
#archivePerformance h1, #archivePerformance table, #archivePerformance p {
    margin-left: 8px
}
#archivePerformance th, #archivePerformance td {
    font-size: 80%;
    vertical-align: top
}
#archivePerformance th {
    color: #B05902
}
#archivePerformance h2 {
    background: url('../images/search_group_bg.gif');
    color: #FFFFFF;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
    font-size: 110%;
    margin-top: 8px;
    margin-bottom: 8px;
    padding: 3px 8px 3px 8px;
}
#siteMap {
    padding: 12px;
}
#siteMap table {
    margin-top: 16px;
    width: 100%;
    font-size: 80%
}
#siteMap table td {
    padding-right: 50px;
    width: 50%
}
#siteMap a {
    display: block;
    margin-bottom: 4px
}
#siteMap a.level1 {
    font-weight: bold
}
#siteMap a.level2, #siteMap a.level4 {
    margin-left: 12px
}
#siteMap a.level3, #siteMap a.level5 {
    margin-left: 24px
}
#siteMap a.level3, #siteMap a.level6 {
    margin-left: 36px
}
#siteMap a.level4, #siteMap a.level5, #siteMap a.level6 {
    font-style: italic
}
#footer {
    clear: both;
    margin: 0px 42px 0px 58px;
    padding: 16px 0px 16px 0px
}
#footer, #footer a {
    color: #CCCCCC;
    font-size: 11px;
    padding-right: 8px
}
#footer a:hover {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none
}
#footer div.row {
    margin-bottom: 8px
}
#footer div.row div.left {
    float: left;
}
#footer div.row div.right {
    float: right;
}
h1 {
    font-family: "Times-New-Roman", Times, serif;
    color: #333333;
    font-size: 180%;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-top: 4px;
    margin-bottom: 4px
}
h2, a.h2 {
    font-family: "Times-New-Roman", Times, serif;
    color: #404040;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-top: 0px;
    margin-bottom: 8px;
    display: block;
    margin-top: 4px
}
h1 img, h2 img {
    vertical-align: middle
}
h3, a.h3 {
    font-family: "Times-New-Roman", Times, serif;
    color: #666666;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: -0.05em;
    margin-top: 0px;
    margin-bottom: 4px;
}
h4, a.h4 {
    font-family: Arial, Sans-Serif;
    color: #666666;
    font-size: 80%;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 2px
}
p {
    font-family: Arial, sans-serif;
    color: #404040;
    margin-top: 0px;
    margin-bottom: 12px;
    line-height: 140%;
    font-size: 85%;
    width: 99%
}
ul, ol {
    font-family: Arial, sans-serif;
    color: #404040;
    margin-top: 0px;
    margin-bottom: 12px;
    line-height: 140%;
    font-size: 85%;
}
p.standfirst {
    font-size: 100%;
    color: #595959;
    margin-bottom: 16px;
    line-height: 130%
}
p.strong {
    font-weight: bold
}
p.imagePopUpList {
}
p.imagePopUpList img {
    float: left;
    margin-right: 36px
}
div.podcastPopUp {
    margin:0;
    padding:0;
    background-color:#000;
}
div.podcastPopUp p {
    font-family:Arial,sans-serif;
    font-size:9px;
    color:#fff;
    margin:5px 20px;
}
#lblCopy p, #lblCopy span {
    font-family: Arial, sans-serif !important;
    color: #404040 !important;
/* prevent colour overrides in the CMS */    
}
img {
    border: 0px
}
img.scrollControl {
    cursor: pointer
}
a {
    text-decoration: none;
    color: #FF6000
}
a.h2, a.h3, a.h4 {
    color: #FF6000;
    margin-bottom: 4px;
    display: block
}
a:hover {
    text-decoration: underline
}
hr {
    background: #D9D9D9;
    color: #D9D9D9;
    height: 1px;
    width: 98%;
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-bottom: 4px;
     border: 0px
}
th {
    text-align: left;
     font-weight: normal
}
.inline {
    display: inline
}
.clear {
    clear: both;
    font-size: 1px;
     height: 1px
}
.small {
    font-size: 85%
}
.required {
    color: #B05902
}
.valignMiddle {
    vertical-align: middle
}
.strapline, .strapline2 {
    display: block;
    border-bottom: solid 1px #C9CACA;
    padding: 8px 6px 8px 0px;
    margin-bottom: 14px;
    color: #666666;
    font-family: "Times-New-Roman", Times, serif;
    font-weight: bold;
}
.strapline2 {
    color: #B05902;
    padding-left: 0px;
    padding-top: 0px
}
.panelDivider {
    border-top: solid 3px #606163
}
div.noFlashMessage {
    background-color: #F2F2F2;
    color: #000;
    padding: 8px 12px 8px 12px;
    font-size: 80%
}
td {
    color: #404040
}
td.label {
    font-size: 85%;
     
}
td.multiline_label {
    font-size: 85%;
    vertical-align: top;
     padding-top: 2px
}
#fullWidthFramediv.content div.rss {
    padding: 12px;
    width:70%;
}
#fullWidthFramediv.content div.rss .title {
    margin: 10px 0;
}
#fullWidthFramediv.content div.rss .indent {
    margin: 0 40px;
}
#fullWidthFramediv.content div.rss table {
    margin: 0 40px;
    font-size: 85%;
    width:70%;
}
#fullWidthFramediv.content div.rss th {
    font-weight: bold;
    color: #404040;
}
/* content layouts for registration enhancement project */
div#contentlayout_onecol {
    padding:12px 12px 12px 45px;
    background:transparent url('../images/misc/col_bkgd_left.gif') repeat-y left top;
}
div#contentlayout_twocol {    
    padding:12px 12px 12px 45px;
    background:transparent url('../images/misc/col_bkgd_left.gif') repeat-y left top;
}
div#contentlayout_twocol div.col1 {
    float:left;
    width:355px;
}
div#contentlayout_twocol div.col2 {
    float:right;
    width:355px;
    margin-right: 100px;
}
div#contentlayout_twocolsidebar {   
    padding:0 0 12px 45px;
    background:transparent url('../images/misc/col_bkgd_faux_cols.gif') repeat-y left top;
}
div#contentlayout_twocolsidebar div.col1 {
    float:left;
    width:550px;
    padding:12px;
}
div#contentlayout_twocolsidebar div.col2 {
    float:right;
    width: 211px;
    background-color:#F2F2F2;
    padding: 10px;
}
/* corner box styles */
div.cornered {
    float: left;
    margin: 0.5em 0pt;
    position: relative;
    width:100%;
}
div.nestedCornered {
    width:335px;
}
div.fieldsetDisabled /* a case of div.cornered */ {	
	background-color:#ECECEC;
}
div.messageTwoCol {
	width:727px;
}
div.cornered div.lt, {
    background-position: top left;
    top: 0;
    left: 0;
}
div.cornered div.rt {
    background-position: top right;
    top: 0;
    right: 0;
}
div.cornered div.lb {
    background-position: left -6px;
    bottom: 0;
    left: 0;
}
div.cornered div.rb {
    background-position: right -6px;
    bottom: 0;
    right: 0;
}

div.cornered div.contents {
    border-color:#b4b3b3;
    border-style:solid;
    border-width:0 1px;
    min-height: 32px;
    padding: 0.5em 12px;
    margin:6px 0;
}
div.messageCornered div.contents,
div.nestedCornered div.contents {
    background-color:#ECECEC;
}
div#pnlLogin div.contents {
    background:#2E2E2E url('../images/misc/bgHpLogin.png') repeat-x top;
    border:0;
    padding:1px 12px 3px;
}

div.cornered div.corner {
    width: 52%;
    height: 6px;
    padding: 0;
    position: absolute;
    overflow: hidden;
    background-image:url(../images/misc/cornerSpriteLong.gif);
}
div.fieldsetDisabled div.corner{
	background-image:url(../images/misc/cornerSpriteLong_whtCorners.gif);
}
div.messageCornered div.corner,
div.nestedCornered div.corner {
    background-image:url(../images/misc/cornerSpriteLong_grayBox.gif);
}
div#pnlLogin div.corner {
	background-image:url(../images/misc/cornerSpriteHpLogin.gif);
}
div.messageCornered p {
	margin-bottom:0;
}
div.messageCornered ul {
	padding:0;
	margin-left:12px;
}


/* Utility classes for registration enhancments project */
.subtle {
    color: #6f6f6f;
}
.stark {
    color: #010101;
}
hr, div.hr {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin: 0 0 1.0em 0;
    border-top: 1px solid #c9caca;
}
.hdr_dblrule {
    border-top: 1px solid #c9caca;
    border-bottom: 1px solid #c9caca;
    padding: 2px 5px 4px 5px;
    margin: 0 0 0.5em 0;
}
.hdr_sngrule {
    border-bottom: 1px solid #c9caca;
    padding: 2px 5px 4px 5px;
    margin: 0 0 0.5em 0;
}
.hdr_subtle {
    color:#888;
    font-size: 1.4em;
    line-height:1em;
    letter-spacing: normal;
    font-weight: 500;
}
div.errorMessage {
    background-color:#FFE3E5;
    width:290px;
    margin-left: 5px;
    padding:2px 5px;
    font-size:.9em;
}
div.errorMessage ul {
    padding:5px;
    margin:0;
}
div.errorMessage li {
    color:#d04040;
    list-style:none;
    font-size:1.2em;
    margin:0;
}
li.errorMessage {
    background-color:#FFE3E5;
    width:100%;
}
span.errorMessage {
    display: block;
    background-color:#FFE3E5;
    width:290px;
    margin-left: 5px;
    padding:2px 5px;
    color:#D04040;
}
fieldset span.errorMessage {
	margin-left:0;
	font-size:.9em;
}
div#addHelp {
    padding-left:0;
    margin-top:12px;
    margin-left:0;
    width:100%;
}
div#addHelp div.image{
	float:left;
	width:50px;
}
div#addHelp div.text {
	float:left;
	width:90%;
}
/* login page */

fieldset#fst_promo li.submit,
fieldset#fst_forgot li.submit {
    padding-top:12px;
    margin-top:12px;
}
fieldset#fst_register {
    margin:0;
}
fieldset#fst_login label,
fieldset#fst_promo label,
fieldset#fst_forgot label {
    font-size:1.1em;
    margin:4px 0;
}
fieldset#fst_login label,
fieldset#fst_forgot label {
    font-weight:bold;
}

fieldset#fst_register div.buttonzone {
    margin:14px 0 12px 0;
    padding-top:0;
}
fieldset#fst_login input#txtUserName,
fieldset#fst_login input#txtPassword,
fieldset#fst_forgot input#txtEmail {
	width:225px;
}
fieldset#fst_login li.submit input,
fieldset#fst_promo li.submit input,
fieldset#fst_forgot li.submit input,
fieldset#fst_register div.buttonzone a {
    float:right;
}
/* Register page */

fieldset#fst_emailformat {
    margin-left:1.5em;
}
fieldset#fst_emailformat span label {
    font-size:1em;
}
p.required_note {
    color:#828282;
    margin:0;
}
fieldset#fst_login_details label, 
fieldset#fst_contact label{
	margin-right:.1em;
}
fieldset#fst_login_details input, 
fieldset#fst_contact input {
	width:230px;
}
fieldset#ukPostcode label {
	width:75px;
}
fieldset#ukPostcode input#txtPostcode {
	width:130px;
}
fieldset#ukPostcode input#btnLookup {
	margin:-4px 0 4px 5px;
	width:auto;
}
fieldset#ukPostcode div#addressList {
	height:150px;
	overflow:auto;
}
fieldset#ukPostcode div#addressList td 
{
	padding:1em 0;
	border-bottom:1px solid #B4B3B3;
}
fieldset#ukPostcode div#addressList td input {
	float:left;
	width:30px;
}
fieldset#ukPostcode div#addressList td label {
	float:left;
	width:250px;
}
div.howWeUseBox ul {
	margin-left:12px;
	padding-left:0;
}
div.howWeUseBox h4 {
	color:#000;
	font-weight:bold;
	font-size:1em;
}
div.howWeUseBox ul li ol#postalFrom,
div.contactPermissionBox ol#contactedBy {
	margin-bottom:-12px;
}
fieldset.checkzone h4 {
	color:#000;
	font-weight:bold;
}
div.sidebarInfo,
div.sidebarInfoFirst {
	margin:1.2em;
	padding:1em 0 0;
}
div.sidebarInfo h4,
div.sidebarInfoFirst h4 {
	color:#000;
	margin-bottom:.5em;
}
div.sidebarInfo {
	border-top:1px solid #B4B4B4;
}/* Account lookup page */
ol.step_list {
    margin: 0.5em 0;
    padding:0 0 .5em;
    list-style:none;
    float:left;
}
ol.step_list li {
    font-family: "Times-New-Roman", Times, serif;
    display:block;
    float:left;
    margin-right:8px;
    text-align: center;
    font-size:1.15em;
    font-weight:600;
}
ol.step_list li.unselected div.cornered {
    color:#A5A5A5;
	background:#E2E2E2;
}
ol.step_list li.selected div.cornered {
	background:#FFF;
	color:#FFF;
}
ol.step_list li.unselected div.corner {
	background:#E2E2E2 url(../images/misc/cornerSpriteLong_grayBoxDark.gif) no-repeat;
}
ol.step_list li.selected div.corner {
	background:transparent url(../images/misc/cornerSprite_orange.gif) no-repeat;
}
ol.step_list li.unselected div.contents {
	border-color:#C4C4C4;
	min-height:0px;
	min-width:175px;
}
ol.step_list li.selected div.contents {
	border-width:0px;
	min-height:0px;
	min-width:175px;
	background:#FF6000;
}
ol.step_list li.selected div.lt,
ol.step_list li.unselected div.lt {
    background-position: top left;
    top: 0;
    left: 0;
}
ol.step_list li.selected div.rt,
ol.step_list li.unselected div.rt {
    background-position: top right;
    top: 0;
    right: 0;
}
ol.step_list li.selected div.lb,
ol.step_list li.unselected div.lb {
    background-position: left -6px;
    bottom: 0;
    left: 0;
}
ol.step_list li.selected div.rb,
ol.step_list li.unselected div.rb {
    background-position: right -6px;
    bottom: 0;
    right: 0;
}
ol.step_list li.selected div.pointer {
	height:16px;
	width:23px;
    position: absolute;
    bottom:-16px;
    right:40%;
	background:transparent url(../images/misc/findAcctActiveStepPoint.gif) no-repeat bottom center;
}
div#pnlLookUpForm {
	width:490px;
}
fieldset#acctLookup{
	width:530px;
}
fieldset#acctLookup li.errorMessage {
	width:466px;
}

fieldset#acctLookup label {
	margin:4px 0; 
}
fieldset#acctLookup input {
	width:250px;
}
fieldset#acctLookup div.buttonzone input {
	margin-left:202px;
	margin-bottom: 1em;
	width:auto;
}