body { background-color: #f90; margin: 0px; padding: 0px; color: #000; font-family: Arial, Sans-Serif; font-size: 0.80em; }
html>body { background-color: #f90; margin: 0px; padding: 0px; color: #000; font-family: Arial, Sans-Serif; font-size: 0.80em; }

div#headerWrapper { display: block; height: 227px !important; width: auto; margin: 0px; padding: 0px; }
div#headerWrapper div#headerInner { width: 900px; margin: 0px auto; display: block; padding: 0px; }
/*div#headerWrapper  { \height: 140px; h\eight: 100px; }*/
  

/* Header text/logo */ 
div#headerWrapper div#headerInner { /*height: 190px !important;*/ }
div#headerWrapper div#headerInner h1 { text-indent: -5000px; height: 107px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; background-image: url(images/cvLogoHeader.gif); background-position: 10px 10px; background-repeat: no-repeat; }

/* Top nav */
div#headerWrapper div#headerInner div#topNav { display: block; float: none; clear: both; }
div#headerWrapper div#headerInner div#topNav ul { padding: 0px; margin: 10px 0px 0px 10px; list-style-type: none; }
div#headerWrapper div#headerInner div#topNav ul li { display: block; float: left; margin: 10px 20px 0px 5px; padding: 0px 0px 0px 10px; background-image: url('images/topNavBullet.gif'); background-repeat: no-repeat; background-position: left 4px; }
div#headerWrapper div#headerInner div#topNav ul li a { text-decoration: none; color: #339; display: block; }
div#headerWrapper div#headerInner div#topNav ul li a:hover { border-bottom: dotted 1px #339;  }

/* Top nav - channels */
div#headerWrapper div#headerInner div#channelNav { display: block; float: right; height: 132px; margin-top: -117px; margin-bottom: 30px; }
div#headerWrapper div#headerInner div#channelNav ul { margin: 0px; padding: 0px;}
div#headerWrapper div#headerInner div#channelNav ul li { display: block; width: 217px; height: 132px; float: left; font-size: 110%; padding: 0px; margin: 0px; background-repeat: no-repeat; }
div#headerWrapper div#headerInner div#channelNav ul li#channelNavSchools { background-color: #c03; background-image: url('images/schoolChannel-pic.jpg'); }
div#headerWrapper div#headerInner div#channelNav ul li#channelNavHomeUse { background-color: #036; background-image: url('images/homeUseChannel-pic.jpg'); }
div#headerWrapper div#headerInner div#channelNav ul li#channelNavHomeUse a { background-image: url('images/homeUseChannel-arrow.gif'); background-repeat:no-repeat; background-position: 92px 110px; }
div#headerWrapper div#headerInner div#channelNav ul li#channelNavSchools a { background-image: url('images/schoolChannel-arrow.gif'); background-repeat:no-repeat; background-position: 78px 110px; }
div#headerWrapper div#headerInner div#channelNav ul li a { color: #fff; text-decoration: none; display: block; padding: 105px 5px 10px 10px; font-weight: bold; font-size: 120%;}
div#headerWrapper div#headerInner div#channelNav ul li ul { position: absolute; top: 0px; height: 95px; display: none; background-image: url(images/50pc-opacity-gradient.png); background-repeat: repeat-x; padding: 7px 7px 0px 10px;  width: 200px; }
div#headerWrapper div#headerInner div#channelNav ul li ul li { display: block; margin: 0px 0px !important; padding: 0px !important; height: 24px; }
div#headerWrapper div#headerInner div#channelNav ul li ul li a { font-weight: bold; font-size: 100%; padding: 0px;}
div#headerWrapper div#headerInner div#channelNav ul li ul li a:hover { text-decoration: underline; }

div#headerWrapper div#headerInner div#tabWrapper { display: block; float: none; clear: both; margin: -5px 0px 0px 10px; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabs { margin: 0px; padding: 0px; list-style-type: none; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabs li { display: block; float: left; width: 150px; height: 38px; background-color: #c28529; text-align: center; margin: 0px 5px 0px 0px; padding: 0px;}
div#headerWrapper div#headerInner div#tabWrapper ul.tabs li.tabCornerTL { background-image: url(images/tabCornerTL.gif); background-repeat: no-repeat; background-position: left top; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabs li a { color: #fff; text-decoration: none; font-weight: bold; font-size: 110%; display: block; padding: 10px 0px 10px 0px; margin: 0px; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabs li a.tabCornerTR { background-image: url(images/tabCornerTR.gif); background-repeat: no-repeat; background-position: right top; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabs li a:hover { }
/* *:first-child+html {} * html {} div#headerWrapper div#headerInner div#tabWrapper { margin-top: -13px !important;  } /* IE -> 7 */
/* *:first-child+html {} * html {} div#headerWrapper div#headerInner div#tabWrapper ul.tabs { margin-top: -13px !important;  }*/ /* IE -> 7 */

div#headerWrapper div#headerInner div#tabWrapper ul.tabSubNav { margin: 0px 0px 0px 0px; padding: 3px 0px 0px 10px; list-style-type: none; display: block; float: none; clear: both; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabSubNav li { display: block; float: left; height: 20px; margin: 0px 20px 0px 0px; padding: 2px; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabSubNav li a { color: #fff; text-decoration: none; }
div#headerWrapper div#headerInner div#tabWrapper ul.tabSubNav li a:hover { text-decoration: underline; }

/* Content */
div#contentWrapper { position: absolute; top: 227px; width: 100%; left: 0px; background-color: #f90 !important; margin: 0px; padding: 0px; }
div#contentWrapper div#contentWrapperMiddle {  display: block; width: 900px; margin: 0px auto; background-color: #fc6; padding: 0px 0px 0px 0px; }
div#contentWrapper h1,
div#contentWrapper h2,
div#contentWrapper h3,
div#contentWrapper h4 { margin: 0px; padding: 15px; color: #960; }

div#contentWrapper h1,
div#contentWrapper *.pseudoh1 { font-size: 170%;  }
div#contentWrapper h2 { font-size: 130%; }
div#contentWrapper h3 { font-size: 120%; color: #ae7400; }
div#contentWrapper h4 { font-size: 110%; color: #ae7400; }
div#contentWrapper p { margin: 0px; padding: 15px 15px 5px 15px; line-height: 140%; }
div#contentWrapper ul,
div#contentWrapper ol,
div#contentWrapper dl { margin: 0px 10px 5px 0px; padding: 10px 0px 0px 30px; }
div#contentWrapper ul li,
div#contentWrapper ol li { line-height: 140%;}
div#contentWrapper dl dt { font-weight: bold; }

/* fancy UL */
ul.menuList { list-style-type: none; margin: 0px 10px 5px 20px !important; padding: 10px 0px 0px 10px !important;}
ul.menuList li { width: auto; display: block; margin: 15px 15px 0px -10px !important; padding: 0px !important; }
ul.menuList li a { display: block; background-image: url(images/bulletWheel.gif); background-repeat: no-repeat; background-position: 3px 3px; color: #fff !important; font-weight: bold; font-size: 120%; text-decoration: none; padding: 10px 5px 10px 40px; width: auto; display: block; }
ul.menuList li a:hover { }
ul.menuList li.schools a { background-color: #c03; }
ul.menuList li.homeUse a { background-color: #036; }

/* Panels */
div.panel { margin: 15px 0px 15px 15px; background-color: #c93; font-size: 90%; color: #111;}
div.panel h2,
div.forum h2 { display: block; margin: 0px !important; padding: 8px 5px 0px 15px !important; color: #fff !important; background-repeat: repeat-x; height: 28px; width: auto; }
div.panel h2 a { color: #fff !important; text-decoration: none; }
div.panel h2.schools { background-image: url(images/schoolPanelHeader.gif); background-color: #c03; }
div.panel h2.homeUse { background-image: url(images/homeUsePanelHeader.gif); background-color: #036; }
div.panel h2 { background-image: url(images/genericPanelHeader.jpg); background-color: #c93; }
div.panel div.innerPanel { background-color: #fc6; margin: 5px; }
div.panel div.innerPanel p { padding: 3px !important; margin: 0px !important;}
div.panel a img { border: none; }
div.panel div.innerPanel ul,
div.panel div.innerPanel ol,
div.panel div.innerPanel dl { padding: 3px 3px 3px 3px !important; margin: 0px 0px 0px 15px !important;}
div.panel div.innerPanel ul li,
div.panel div.innerPanel ol li,
div.panel div.innerPanel dl li { padding: 3px 3px 3px 3px !important; margin: 0px 0px 0px 0px !important;}
div.panel div.innerPanel ul.images { list-style-type: none; }
div.panel div.innerPanel ul.images li { display: inline; padding: 3px; }
div.panel div.innerPanel ul.images li a { }
div.panel div.innerPanel ul.images li a img { border: none; }


div.third { display: block; float: left; width: 280px; }
div.twoThirds { display: block; float: left; width: 570px; }
div.half { display: block; float: left; width: 420px; }
div.full { display: block; float: none; width: 870px; }

/* breadcrumb */
div#contentWrapper span.breadcrumb { display: block; float: none; clear: both; font-size: 85%; padding: 5px 10px 10px 15px; } 

/* Footer */
div#footer { background-color: #c60; width: auto; font-size: 90%; padding:10px 10px 10px 20px; height: 150px; }
div#footer ul { list-style-type: none; margin: 0px; padding: 0px; height: 100%;}
div#footer ul li { font-weight: bold; width: 94px; margin: 10px 40px 10px 0px; display: block; float: left; height: 30px; color: #fff; }
div#footer ul li a { text-decoration: none; color: #fff !important; display: block; height: 20px; }
div#footer ul li a:hover { text-decoration: underline; }
div#footer ul li ul { height: 100%; }
div#footer ul li ul li { display: block; font-weight: normal; margin: 0px; font-size: 95%; float: none; clear: both; height: 20px;}
div#footer ul li.addressLi,
div#footer ul li.addressLi ul li { width: 150px; }
div#footer ul li ul li address { height: 40px !important; display: block; }
div#footer ul li ul li a { display: block; height: 20px; }
div#footer ul li.siteFinityLogo { display: none; }
div#footer ul li.siteFinityLogo a { display: block; text-indent: -5000px; background-image: url(images/siteFinityLogo.gif); background-repeat: no-repeat; width: 114px; height: 50px; }

/* Images */
ul.imageGallery { list-style-type: none; display: block; margin: 0px; padding: 0px; height: 870px; }
ul.imageGallery li { float: left; display: block; overflow: hidden; padding: 3px; margin: 0px 0px 5px 0px; font-size: 80%; width: 160px; height: 200px; text-align: center; }
ul.imageGallery li a img { border: none; } 
ul.imageGallery li span.thumbnailCaption { font-size: 100%; } 

/* Basket stuff */

div.checkout p { float: none; clear: both; }

div#basketTab { display: block; float: right; width: 190px; position: relative; margin: -50px 0px 0px 0px;  }
div#basketTab p { display: block;  padding: 15px 0px 0px 20px; margin: 0px; text-align: right; float: left;}
div#basketTab p strong { float: left; display: block; }
div#basketTab p a { margin-top: -1px; float: right; display: block; color: #666; background-image: url(images/basketTabRight.gif); background-position: right; background-repeat: no-repeat; padding: 2px 20px 0px 0px; text-decoration: none; font-weight: bold; font-size: 90%; width: 100px; }
div#basketTab p a:hover { background-image: url(images/basketTabRightHover.gif); text-decoration: underline;  }
div#basketTab p a:visited { color: #666; }
 
div.BuyProductPanel { margin: 5px auto; width: 90%; display: block; padding: 5px; background-color: #ffffcc; font-size:77%; border: solid 2px #f90; }
div.BuyProductHomePanel { margin: 15px 0px 15px 15px; display: block; padding: 0px; background-color: #c93; font-size:90%; border: none; }
div.BuyProductPanel fieldset { border: none; }
div.BuyProductPanel fieldset legend { display: none; }
div.BuyProductPanel img { float: left; vertical-align: middle; }
div.BuyProductPanel label { float: left; padding: 5px; }
div.BuyProductPanel select { font-size: 90%; margin: 5px 0px 5px 5px;  }
div.BuyProductPanel input { font-size: 90%; margin: 5px; }
div.BuyProductPanel fieldset div.floatRight { float: right; }

div#basketEditor { margin: 0px; padding: 20px; }
div#basketEditorEmpty { margin: 5px auto; width: 90%; display: block; padding: 5px; background-color: #ffcc99;  border: solid 1px #f90; text-align: center; }
div#basketEditorEmpty p { margin: 0px; padding: 20px; }

table#basketEditorAccount,table#basketEditorOrder,table#basketEditor {  margin: 5px auto; width: 90%; }
table#basketEditorAccount caption,
table#basketEditorOrder caption,
table#basketEditor caption { display: none; }
table#basketEditorAccount th,
table#basketEditorOrder th,
table#basketEditor th { font-size: 90%; border-bottom: solid 1px #f90; }
table#basketEditor th.thQty { text-align: left;}
table#basketEditor th.thProdName { text-align: left;}
table#basketEditor th.thUnitPrice { text-align: right; }
table#basketEditor th.thNetPrice { text-align: right; }
table#basketEditorAccount td,
table#basketEditorOrder td,
table#basketEditor td { font-size: 90%; border-bottom: solid 1px #f90; }
table#basketEditor td.tdQty { text-align: center;}
table#basketEditor td.tdQty input.textbox { font-size: 90%; text-align: center; width: 25px; margin: 0px 5px 0px 0px; }
table#basketEditor td.tdProdName { text-align: left;}
table#basketEditor td.tdUnitPrice { text-align: right; }
table#basketEditor td.tdNetPrice { text-align: right; }

table#basketEditorAccount th,
table#basketEditorOrder th { text-align: left; width: 150px; border: none;}


fieldset.formEntry { border: solid 1px #f90; background-color: #fc9; margin: 20px; padding: 20px 10px 0px 10px; }
fieldset.formEntry legend { padding: 0px 10px 0px 10px; font-weight: bold; }
fieldset.formEntry p { clear: both; display: block;float: none; text-align: left; margin: 5px; padding: 0px 5px 0px 5px;}
fieldset.formEntry p label { position: relative; left: 0px; top: 0px;  }
fieldset.formEntry p input,
fieldset.formEntry p select,
fieldset.formEntry p textarea { display: block;  position: relative; top: -20px; left: 150px; width: 300px; font-size: 95%; }
fieldset.formEntry p textarea { height: 100px; font-family: Arial; font-size: 100%; }
fieldset.formEntry p.submitButton { margin: 15px;  }
fieldset.formEntry p.submitButton input { float: none;text-align: center; width: 125px; font-size: 95%; }
fieldset.formEntry p strong { text-decoration: underline;  display: block; width: auto; padding: 5px ; }
fieldset.formEntry ul.validationErrors { color: #f00; font-weight: bold; font-size: 80%; }
input.refreshQuantitiesButton { margin: 5px 5px 5px 25px; font-size: 75%; background-color: #f90; color: #000;}

div#paymentOptionsContainer { display: block; width: 750px; height: 360px; margin: 0px auto; float: none; clear: both;}

div.paymentOptionPanel { width: 40%; display: block; border: solid 1px #f90; height: 320px; background-color: #fc9; float: left; margin: 15px 0px 15px 20px; }
div.paymentOptionPanel input.goPayPalButton { font-size: 95%; margin: 0px; background-color: #eee; color: #336; font-weight: bold; margin: 0px auto;}
div.paymentOptionPanel p { text-align: center; display: block; float: none; clear: both; }
div.paymentOptionPanel p img { border: none; }
div.paymentOptionPanel fieldset { border: none; }
div.paymentOptionPanel p input { display: block; text-align: center; font-weight: bold; width: 170px; height: 25px; font-size: 95%; margin: 0px auto;}

div.paymentOptionPanel fieldset legend { display: none; }
div.paymentOptionPanel fieldset p { clear: both; float: none; text-align: left; padding: 0px 5px 0px 5px;}
div.paymentOptionPanel fieldset p label { float: left; }
div.paymentOptionPanel fieldset p.loginButton { text-align: center;  }
div.paymentOptionPanel fieldset p.loginButton input { float: none;text-align: center; width: 75px; font-size: 95%; }
div#payPalCreditCards { margin: 15px 15px;  }
div#payPalCreditCards p a img { width: 110px; border: none; }
input.checkoutNavButton { font-size: 100%; font-weight: bold; float: right; padding: 5px 10px 5px 10px; }
fieldset#register { margin: 10px; border: solid 1px #f90; }
fieldset#register legend { padding: 0px 10px 0px 10px; font-weight: bold; }
fieldset#register p { clear: both; float: none; text-align: left; padding: 0px 5px 0px 5px;}
fieldset#register p label { float: left; }
fieldset#register p input,
fieldset#register p select { display: block; float: right; width: 300px; font-size: 95%; }
fieldset#register p.submitButton { text-align: right;  }
fieldset#register p.submitButton input { float: none;text-align: center; width: 125px; font-size: 95%; }
fieldset#register p strong { text-decoration: underline;  display: block; width: auto; padding: 5px ; }
fieldset#register ul.validationErrors { color: #f00; font-weight: bold; font-size: 80%; }
p.SelectShippingTarget { padding: 20px 20px 10px 20px; }
p.SelectShippingTarget label { font-size: 95%;  }
p.SelectShippingTarget select { width: 200px; font-size: 95%;}
p.SelectShippingTarget input { font-size: 95%; background-color: #f90; }
p.SelectShippingTarget { }

/* Register page */
span#ctl00_ctl00_topLevelContent_subLevelContent_createUserWizard_ManageProfile fieldset { }
span#ctl00_ctl00_topLevelContent_subLevelContent_createUserWizard_ManageProfile fieldset ul { list-style-type: none; margin: 0px 0px 5px 15px; padding: 0px; }
span#ctl00_ctl00_topLevelContent_subLevelContent_createUserWizard_ManageProfile fieldset ul li { margin: 5px 0px 5px 0px; padding: 0px; }
span#ctl00_ctl00_topLevelContent_subLevelContent_createUserWizard_ManageProfile fieldset ul li label { width: 200px; }
span#ctl00_ctl00_topLevelContent_subLevelContent_createUserWizard_ManageProfile fieldset ul li input { width: 200px; }
table.CreateUserWizard { margin-left: -15px; }
table.CreateUserWizard fieldset { }
table.CreateUserWizard fieldset ul { list-style-type: none; margin: 0px 0px 5px 0px; padding: 0px; }
table.CreateUserWizard fieldset ul li { margin: 5px 0px 5px 0px; padding: 0px; }
table.CreateUserWizard fieldset ul li label { width: 130px !important; display: block; float: left }
table.CreateUserWizard fieldset ul li input { width: 200px; }


/* Search */
/*div.searchBox,*/
fieldset.sf_searchBox { margin: 5px auto; width: 90%; display: block; padding: 10px; background-color: #ffffcc; font-size:77%; border: solid 2px #f90; text-align: center; }
fieldset.sf_searchBox label { display: none; }
fieldset.sf_searchBox input { width: 400px; font-size: 180%; }
fieldset.sf_searchBox input.sf_searchSubmit { width: 100px; font-weight: 140%; font-weight: bold; }
div.searchResults { margin: 10px 10px 50px 10px; }

/* Forums */
h2.sf_forumTitle { padding: 0px !important; margin: 0px !important; }
div.forum { margin: 15px; }
div.forum table.sf_forumsList { }
div.forum table.sf_forumsList td,
div.forum table.sf_forumsThreadsList td { border: solid 1px #960; }
div.forum div.sf_forumsWrapper { }

/* Login */
div.login { width: 100%; margin: 0px; padding: 10px;}
div.loginStatus { display: block; width: 900px; margin: 0px; padding: 0px; height: 24px; }
div.loginStatus ul { float: right; list-style-type: none; margin: 5px; padding: 0px; }
div.loginStatus ul li { height: 24px; display: block; float: left; margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 2px #f90s; }
div.loginStatus ul li a { text-decoration: none; font-weight: bold; }
div.loginStatus ul li a:hover { text-decoration: underline; }

/* Generic stuff */
blockquote { margin: 20px auto; width: 80%;  font-family: Georgia, Serif; font-size: 120%; text-align: center; color: #555; background: #ffff99 url(http://www.clear-vision.org/images/quote-top.gif) no-repeat top left; border: solid 1px #ff9900; }
blockquote p.quote { margin: 15px 30px 0px 30px; padding: 0px 20px 0px 0px; font-weight: bold; background: url(http://www.clear-vision.org/images/quote-end.gif) no-repeat right bottom; }
blockquote p.author {  font-style: italic; text-align: right; color: #888; }

fieldset { border: none; }
fieldset legend { display: none; }

ol.pager { list-style-type: none; display: block;  width: 100%; margin: 0px 20px 20px 0px; padding: 0px; height: 20px; }
ol.pager li { display: block; float:left; height: 20px; width: 20px; font-weight: bold; }
ol.pager li a { text-decoration: none; font-weight: normal; }

a { text-decoration: none; }
a.schools { color: #c03; }
a.homeUse { color: #036; }
a:hover { text-decoration: underline; }
a.external { background: url(http://www.clear-vision.org/images/external-link.gif) no-repeat right; padding: 0px 20px 0px 0px;  }
a.pdf { background: url(images/pdfIcon.png) no-repeat right; padding: 0px 20px 0px 0px;  }
a.more { background: url(images/moreArrowMatte.gif) no-repeat right; padding: 0px 10px 0px 0px; }

*.hide { display: none; }
*.left, *.floatLeft { display: block; float: left; }
*.right, *.alignRight { text-align: right; }
*.floatRight { display: block; float: right; }
*.floatCentre {
	display: block; margin-left: 20px;
}
*.centre,*.center { margin: 0px auto; text-align: center; }
*.redStar,*.redText { font-weight: bold; color: #f00; }
*.indent { padding-left: 40px; }
*.upcase { text-transform: uppercase; }
*.margin10px { margin: 10px; }
*.hideButNotFromSpeakers { text-indent: -1000px; }
*.clear { clear:both}

p.poweredBySitefinityLogo { display: none !important; }