html {
background: url(../images/bdg.gif) repeat-y center top;
}
body {
font: 14px Georgia, "Times New Roman", Times, serif;
color: #363636;
background: url(../images/background.gif) no-repeat center top;
text-align: center;
margin: 0px;
padding: 0px;
width: 100%;
display: table;
height: 100%;
}
p {
margin: 12px 0px;
padding: 0px;
}
a:hover {
color: #000000;
}
a img {
border-width: 0px;
border-style: none;
}
a {
color: #547906;
text-decoration: none;
}
div {
margin: 0px;
padding: 0px;
}
form {
margin: 0px;
padding: 0px;
}
a.readmore {
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #212b9a;
}
a.readmore:hover {
color: #000000;
}
.inputfield {
font: 11px Arial, Helvetica, sans-serif;
color: #3C3E3A;
border: 1px solid #9A9A9A;
background: #FAF9F7 url(../images/textfield.gif) repeat-x left top;
padding: 2px;
}
.error{
font: italic 11px Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
}
.error_div {
background: #E8D5CE;
padding: 5px;
border: 1px solid #DB9F85;
color: #C96C45;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 15px auto;
clear: both;
}
.message_div {
background: #D9E7CD;
padding: 5px;
border: 1px solid #C4E0A3;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 15px auto;
clear: both;
color: #80B63D;
}
.testperson {
font-size: 12px;
font-style: italic;
color: #A41D0A;
margin: 12px 0px 0px;
padding: 0px 25px 0px 0px;
font-weight: normal;
background: url(../images/bottom_double_col.gif) no-repeat right 2px;
text-align: right;
}
.grid {
border: 1px solid #F2F2F2;
}
.grid_tr {
background: #F1F8FF;
color: #212B9A;
}
.hr_div {
border-bottom: 1px solid #e8e8e8;
margin-top: 10px;
margin-bottom: 10px;
}
#container_bg {
margin: 0px auto;
padding: 0px;
width: 802px;
}
#container_bg #container {
margin: 0px auto;
padding: 0px;
width: 802px;
text-align: left;
background: url(../images/bdg-home-page.gif) no-repeat left top;
}
#container_bg #container #header {
width: 795px;
padding-left: 7px;
height: 99px;
}
#container_bg #container #header #logo {
float: left;
width: 292px;
padding-top: 20px;
padding-left: 40px;
}
#container_bg #container #header #order_now {
float: left;
width: 170px;
padding-right: 16px;
padding-left: 24px;
padding-top: 20px;
}
#container_bg #container #header #top-link {
float: left;
width: 242px;
padding-right: 10px;
text-align: right;
color: #FFFFFF;
font: bold 10px Arial, Helvetica, sans-serif;
text-transform: uppercase;
padding-top: 15px;
}
#container_bg #container #header #top-link a {
color: #FFFFFF;
text-decoration: none;
}
#container_bg #container #header #top-link a:hover {
color: #BEF034;
text-decoration: none;
}
#container_bg #container #header #textfiled_top {
width: 242px;
float: left;
padding-top: 20px;
}
#container_bg #container #header #textfiled_top #form1 {
margin: 0px;
padding: 0px;
}
#container_bg #container #header #textfiled_top #form1 table .textfiled {
background: url(../images/textfiled-top.gif) no-repeat left top;
height: 22px;
width: 187px;
border-width: 0px;
border-style: none;
}
#container_bg #container #contentarea {
width: 802px;
min-height: 700px;
}
#container_bg #container #contentarea #contents {
width: 802px;
}
#container_bg #container #contentarea h1 {
font: italic 28px Georgia, "Times New Roman", Times, serif;
margin: 10px 0px;
padding: 0px;
color: #212b9a;
}
#container_bg #container #contentarea h2 {
font: italic 24px Georgia, "Times New Roman", Times, serif;
margin: 10px 0px;
padding: 0px;
color: #212b9a;
}
#container_bg #container #contentarea h3 {
font: italic 20px Georgia, "Times New Roman", Times, serif;
margin: 10px 0px;
padding: 0px;
color: #212b9a;
}
#container_bg #container #contentarea h4 {
margin: 10px 0px;
padding: 0px;
color: #212b9a;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-style: italic;
font-weight: bold;
}
#container_bg #container #contentarea #left_column {
float: left;
width: 217px;
padding-left: 8px;
padding-top: 10px;
}
#container_bg #container #contentarea #left_column .browse {
background: #FFFFFF url(../images/browse-search.gif) no-repeat left top;
height: 20px;
width: 193px;
border-top: 1px solid #abadb3;
border-right: 1px solid #e3e9ef;
border-bottom: 1px solid #e3e9ef;
border-left: 1px solid #e3e9ef;
}
#container_bg #container #contentarea #left_column .browselink {
background: url(../images/browse-search.gif) no-repeat left top;
font-size: 14px;
font-style: italic;
color: #5a5a5a;
font-weight: bold;
padding-left: 20px;
}
#container_bg #container #contentarea #left_column .border_box .browselink:hover {
color: #000000;
}
#container_bg #container #contentarea #left_column #categories {
padding: 10px;
height: 100%;
border-top: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
border-left: 1px solid #EAEAEA;
}
#container_bg #container #contentarea #left_column #categories ul {
margin: 0px;
padding: 0px;
list-style: url(none) none;
}
#container_bg #container #contentarea #left_column #categories li {
margin: 0px;
padding: 10px 0px;
list-style: url(none) none;
}
#container_bg #container #contentarea #left_column #categories a {
font-size: 16px;
font-style: italic;
color: #5a5a5a;
font-weight: bold;
}
#container_bg #container #contentarea #left_column #categories a:hover {
color: #000000;
}
#container_bg #container #contentarea #right_column {
float: left;
width: 216px;
padding-top: 5px;
padding-right: 8px;
}
#container_bg #container #contentarea #contents #contents_link {
padding-top: 10px;
padding-bottom: 20px;
}
#container_bg #container #contentarea #contents #contents_link ul {
margin: 0px;
padding: 0px;
list-style: url(none) none;
text-align: right;
float: right;
}
#container_bg #container #contentarea #contents #contents_link li {
margin: 0px;
padding: 0px 5px;
list-style: url(none) none;
background: url(../images/content-step.gif) no-repeat left 5px;
display: block;
float: left;
}
#container_bg #container #contentarea #contents #contents_link li.last {
background: url(none);
}
#container_bg #container #contentarea #contents #contents_link a {
font: bold 11px Arial, Helvetica, sans-serif;
color: #182079;
text-decoration: none;
}
#container_bg #container #contentarea #contents #contents_link a:hover {
color: #A9DD28;
}
#container_bg #container #contentarea .product {
padding-bottom: 10px;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 20px;
}
#container_bg #container #contentarea .product .images {
float: left;
width: 112px;
padding-right: 10px;
}
#container_bg #container #contentarea .product .text {
float: left;
width: 189px;
}
#container_bg #container #contentarea .product .text h4 {
font-size: 16px;
color: #212b9a;
margin: 0px;
padding: 0px;
font-style: italic;
font-weight: bold;
}
#container_bg #container #contentarea .product .more_link {
text-align: right;
}
#container_bg #container #contentarea ul.style1 {
margin: 0px;
padding: 0px;
list-style: url(none) none;
}
#container_bg #container #contentarea ul.style1 li {
margin: 0px;
padding: 0px 0px 15px 20px;
list-style: url(none) none;
background: url(../images/bullet-point.gif) no-repeat left 9px;
line-height: 1.6em;
}
#container_bg #container #contentarea .pagination {
text-align: right;
font-size: 16px;
font-weight: bold;
color: #212B9A;
font-style: italic;
clear: both;
margin-top: 12px;
margin-bottom: 12px;
}
#container_bg #container #contentarea .pagination a {
color: #212B9A;
text-decoration: none;
font-style: italic;
}
#container_bg #container #contentarea .pagination a:hover {
color: #000000;
}
#footer {
text-align:right;
padding-bottom:10px;
padding-right:30px
}