html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
background-image: url(../img/bg_body.jpg);
background-repeat: repeat-x;
background-position: top;
background-color: #efefef;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
img{
border: 0px;
}
div#banner {
width: 977px;
height: auto;
min-height: 1px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: left;
}
div#container {
width: 977px;
height: auto;
margin-left: auto;
margin-right: auto;
text-align: left;
}
div#menu {
width: 977px;
height: 43px;
margin-top: 3px;
}
div#menu ul {
width: 977px;
height: 43px;
margin: 0;
padding: 0;
list-style-type: none;
}
div#menu ul li.logo {
width: 3px;
height: 43px;
margin: 0;
padding: 0;
padding-right: 11px;
float: left;
background-image: url(../img/bg_li-logoNew.jpg);
background-repeat: no-repeat;
}
div#menu ul li.logo a:active,
div#menu ul li.logo a,
div#menu ul li.logo a:visited {
width: 142px;
height: 43px;
margin: 0;
padding: 0;
float: left;
background-image: url(../img/bg_li-logoNew.jpg);
border: 0;
text-decoration: none;
}
div#menu ul li.logo a:active img,
div#menu ul li.logo a img,
div#menu ul li.logo a:visited img{
border: 0;
text-decoration: none;
}
div#menu ul li.logo a:hover {
width: 142px;
height: 43px;
margin: 0;
padding: 0;
float: left;
background-image: url(../img/bg_li-logoOver.jpg);
border: 0;
text-decoration: none;
}
div#menu ul li.button {
width: auto;
height: 43px;
margin: 0;
padding: 0;
float: left;
}
div#menu ul li.button a,
div#menu ul li.button a:visited,
div#menu ul li.button a:active {
width: auto;
height: 43px;
padding-left: 14px;
padding-right: 14px;
float: left;
background-image: url(../img/bg_li.jpg);
background-repeat: repeat-x;
display: block;
line-height: 45px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
div#menu ul li.button a:hover {
width: auto;
height: 43px;
float: left;
background-image: url(../img/bg_li-hover.jpg);
background-repeat: repeat-x;
display: block;
line-height: 45px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
div#menu ul li.button-active {
width: auto;
height: 43px;
margin: 0;
padding: 0;
float: left;
}
div#menu ul li.button-active a,
div#menu ul li.button-active a:visited,
div#menu ul li.button-active a:active {
width: auto;
height: 43px;
float: left;
padding-left: 14px;
padding-right: 14px;
background-image: url(../img/bg_li-active.jpg);
background-repeat: repeat-x;
display: block;
line-height: 45px;
text-decoration: none;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
div#menu ul li.search {
width: 186px;
height: 43px;
margin: 0;
padding: 0;
float: left;
background-image: url(../img/bg_li-search.jpg);
}
div#menu ul li.search div {
height: 23px;
width: auto;
margin-top: 8px;
margin-left: 10px;
}
div#menu ul li.search div form {
margin: 0;
padding: 0;
}
div#menu ul li.search input#search-input {
width: 124px;
height: 18px;
background-image: url(../img/li-search-input.gif);
background-repeat: no-repeat;
background-color: #8bb1de;
background-position: top;
border: 0;
padding-top: 5px;
padding-left: 6px;
padding-right: 6px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #5a5a5a;
}
/* IE6 FIX*/
* html div#menu ul li.search input#search-input {
width: 136px;
height: 23px;
background-image: url(../img/li-search-input.gif);
background-repeat: no-repeat;
background-color: #a3a3a3;
background-position: top;
border: 0;
padding-top: 5px;
padding-left: 6px;
padding-right: 6px;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #5a5a5a;
}
div#menu ul li.search input.search-submit {
height: 23px;
width: 22px;
background-image: url(../img/li-search-submit.gif);
background-repeat: no-repeat;
background-color: #a3a3a3;
border: 0;
position: absolute;
z-index: 100;
margin-top: 1px;
}
div#menu ul li.spacer {
width: 3px;
height: 43px;
margin: 0;
padding: 0;
float: left;
}
div#content {
width: 977px;
height: auto;
margin-top: 3px;
}
div#content-bottom {
width: 977px;
height: auto;
}
div#content div#left-sidebar {
width: auto;
height: auto;
display: inline;
float: left;
background-color: white;
}
div#content div#left-sidebar p,
div#content div#left-sidebar table,
div#content div#left-sidebar form {
margin: 0;
padding: 0;
}
div#content div#left-sidebar div#block-whatsnew {
width: 189px;
height: auto;
float: left;
}
div#content div#left-sidebar div#block-whatsnew hr {
background-color: #efefef;
width: 95%;
height: 1px;
border: 0;
}
div#content div#left-sidebar div#block-whatsnew div.csc-header-n1 {
width: 189px;
height: 32px;
background-image: url(../img/bg_block-whatsnew-head.jpg);
background-repeat: no-repeat;
color: #ffffff;
margin-left: -10px;
margin-top: -10px;
line-height: 32px;
text-align: center;
margin-bottom: 5px;
}
div#content div#left-sidebar div#block-whatsnew div.csc-header h1 {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
color: #434343;
}
div#content div#left-sidebar div#block-whatsnew div.csc-header-n1 h1 {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content {
width: 189px;
height: 560px;
background-image: url(../img/bg_block-vert.jpg);
background-repeat: repeat-y;
font-size: 11px;
color: #606060;
}
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content p {
margin: 0;
padding: 0;
}
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content img.spacer {
margin-top: 5px;
margin-bottom: 5px;
}
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content a,
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content a:active,
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content a:visited {
text-decoration: none;
color: #3965a1;
}
div#content div#left-sidebar div#block-whatsnew div.whatsnew-content div.whatsnew-spacing {
width: 169px;
height: auto;
padding: 10px;
}
* html div#content div#left-sidebar div#block-whatsnew div.whatsnew-content div.whatsnew-spacing {
width: 169px;
height: auto;
padding: 10px;
display: inline;
margin-right: -10px;
}
div#content div#left-sidebar div#block-whatsnew div.whatsnew-foot {
width: 189px;
height: 7px;
background-image: url(../img/bg_block-whatsnew-foot.jpg);
background-repeat: repeat-y;
}
div#content div#middle-content {
width: 589px;
height: auto;
float: left;
margin-left: 5px;
display: inline;
}
div#content div#middle-content div#block-content {
width: 589px;
height: auto;
background-image: url(../img/bg_block-content.jpg);
background-repeat: repeat-y;
}
div#content div#middle-content div#block-content div.csc-header h1,
div#content div#middle-content div#block-content div.csc-textpicHeader h1 {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
color: #2f588f;
}
div#content div#middle-content div#block-content div.content-head {
width: 589px;
height: 6px;
background-image: url(../img/bg_block-content-head.jpg);
background-repeat: no-repeat;
}
div#content div#middle-content div#block-content div.content-content {
width: 589px;
height: auto;
min-height: 553px;
background-image: url(../img/bg_block-content-content.jpg);
background-repeat: no-repeat;
background-position: top;
font-size: 11px;
color: #202020;
}
div#content div#middle-content div#block-content div.content-content div.content-spacing {
padding: 20px;
width: 549px;
height: auto;
}
div#content div#middle-content div#block-content div.content-content div.content-spacing-nopadding {
width: 588px;
height: auto;
}
div#content div#middle-content div#block-content div.content-content div.content-spacing-nopadding img{
margin-top: 13px;
position: absolute;
}
div#content div#middle-content div#block-content div.content-foot {
width: 589px;
height: 9px;
background-image: url(../img/bg_block-content-foot.jpg);
background-repeat: no-repeat;
}
div#content div#middle-content div#block-content2 {
width: 782px;
height: auto;
background-image: url(../img/bg_block-content2.jpg);
background-repeat: repeat-y;
display: table;
}
div#content div#middle-content div#block-content2 div.csc-header h1 ,
div#content div#middle-content div#block-content2 div.csc-textpicHeader h1 {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
color: #2f588f;
}
div#content div#middle-content div#block-content2 div.content2-head {
width: 782px;
height: 6px;
background-image: url(../img/bg_block-content2-head.jpg);
background-repeat: no-repeat;
}
div#content div#middle-content div#block-content2 div.content2-content {
width: 782px;
height: auto;
min-height: 553px;
background-image: url(../img/bg_block-content2-content2.jpg);
background-repeat: no-repeat;
background-position: top left;
font-size: 11px;
color: #202020;
}
div#content div#middle-content div#block-content2 div.content2-content div.content2-spacing {
padding: 20px;
width: 742px;
height: auto;
}
div#content div#middle-content div#block-content2 div.content2-foot {
width: 782px;
height: 9px;
background-image: url(../img/bg_block-content2-foot.jpg);
background-repeat: no-repeat;
}
div#content div#middle-content p,
div#content div#middle-content table,
div#content div#middle-content form {
margin: 0;
padding: 0;
}
div#content div#right-sidebar {
width: auto;
min-width: 189px;
height: auto;
min-height: 100px;
display: inline;
float: right;
}
div#content div#right-sidebar div#block-random {
width: 189px;
height: auto;
float: left;
}
div#content div#right-sidebar div#block-random hr {
background-color: #efefef;
width: 95%;
height: 1px;
border: 0;
}
div#content div#right-sidebar div#block-random div.csc-header-n1 {
width: 189px;
height: 32px;
background-image: url(../img/bg_block-whatsnew-head.jpg);
background-repeat: no-repeat;
color: #ffffff;
margin-left: -10px;
margin-top: -10px;
line-height: 32px;
text-align: center;
margin-bottom: 5px;
}
div#content div#right-sidebar div#block-random div.csc-header h1 {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
color: #434343;
}
div#content div#right-sidebar div#block-random div.csc-header-n1 h1 {
margin: 0;
padding: 0;
font-size: 11px;
font-weight: bold;
color: #ffffff;
}
div#content div#right-sidebar div#block-random div.random-content {
width: 189px;
height: 560px;
background-image: url(../img/bg_block-vert.jpg);
background-repeat: repeat-y;
font-size: 11px;
color: #606060;
}
div#content div#right-sidebar div#block-random div.random-content p {
margin: 0;
padding: 0;
}
div#content div#right-sidebar div#block-random div.random-content img.spacer {
margin-top: 5px;
margin-bottom: 5px;
}
div#content div#right-sidebar div#block-random div.random-content a,
div#content div#right-sidebar div#block-random div.random-content a:active,
div#content div#right-sidebar div#block-random div.random-content a:visited {
text-decoration: none;
color: #3965a1;
}
div#content div#right-sidebar div#block-random div.random-content div.random-spacing {
width: 169px;
height: auto;
padding: 10px;
}
* html div#content div#right-sidebar div#block-random div.random-content div.random-spacing {
width: 169px;
height: auto;
padding: 10px;
display: inline;
margin-right: -10px;
}
div#content div#right-sidebar div#block-random div.random-foot {
width: 189px;
height: 7px;
background-image: url(../img/bg_block-whatsnew-foot.jpg);
background-repeat: repeat-y;
}
div#content-bottom div#bottom-bar {
margin-top: 10px;
width: 977px;
height: auto;
min-height: 100px;
}
div#content-bottom div#bottom-bar div#block-products {
width: 977px;
height: auto;
min-height: 80px;
background-image: url(../img/bg_block-product.jpg);
background-repeat: repeat-y;
font-size: 11px;
}
div#content-bottom div#bottom-bar div#block-products div.csc-header h1 {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
}
div#content-bottom div#bottom-bar div#block-products div.products-head {
width: 977px;
height: 5px;
background-image: url(../img/bg_block-products-head.jpg);
}
div#content-bottom div#bottom-bar div#block-products div.products-content {
width: 977px;
height: auto;
min-height: 152px;
background-image: url(../img/bg_block-products-content.jpg);
background-position: top;
background-repeat: no-repeat;
}
div#content-bottom div#bottom-bar div#block-products div.products-content table {
width: auto;
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product {
width: 230px;
height: 150px;
}
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a img,
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a:active img,
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a:visited img {
text-decoration: none;
border: 0;
}
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a,
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a:active,
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a:visited {
text-decoration: none;
color: #5a5a5a;
font-size: 12px;
font-weight: bold;
}
div#content-bottom div#bottom-bar div#block-products div.products-content table td.product a:hover {
color: #325c95;
}
div#content-bottom div#bottom-bar div#block-products div.products-content table td.spacer {
width: 3px;
}
div#content-bottom div#bottom-bar div#block-products div.products-content div.products-spacing {
padding: 10px;
}
div#content-bottom div#bottom-bar div#block-products div.products-foot {
width: 977px;
height: 9px;
background-image: url(../img/bg_block-products-foot.jpg);
}
div#clearfix {
clear: both;
}
table {
font-size: 100%;
}
div#content div#middle-content div#block-content p a,
div#content div#middle-content div#block-content p a:active,
div#content div#middle-content div#block-content p a:visited {
text-decoration: none;
color: #262626;
}
div#content div#middle-content div#block-content p a:hover {
text-decoration: none;
color: #315b94;
}
div#content div#middle-content div#block-content table a,
div#content div#middle-content div#block-content table a:active,
div#content div#middle-content div#block-content table a:visited {
text-decoration: none;
color: #262626;
}
div#content div#middle-content div#block-content table a:hover {
text-decoration: none;
color: #315b94;
}
table.csc-mailform input {
width: 400px;
}
table.csc-mailform textarea {
width: 400px;
}
input,
textarea {
border: 1px solid #9d9d9d;
padding: 2px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #4d4d4d;
font-size: 11px;
}
input.submit,
input.button,
table.csc-mailform input.button {
width: auto;
background-color: #406daa;
border: 1px solid #28528c;
color: #ffffff;
padding: 2px;
}
div#footer {
width: 977px;
height: 20px;
color: #4d4d4b;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
margin-bottom: 10px;
font-size: 11px;
text-align: center;
}