body {
background-color : #64a7bd;
font-size : 11px;
font-family : Verdana, Arial, SunSans-Regular, Sans-Serif;
color : #564b47;
padding : 0;
margin : 0;
}
a {
color : #666666;
display : block;
text-decoration : none;
}
a:visited {
color : #666666;
}
a:hover {
color : #333333;
}
a:active {
color : #000000;
}
img {
border : none;
}
h1 {
font-family : georgia, Times, serif;
font-size : 2em;
padding : 20px 0 15px 10px;
margin : 0;
}
h2 {
color : #39c;
font-size : 1.6em;
font-weight : bold;
padding : 10px 0 5px 40px;
margin : 0;
}
img.download {
vertical-align : middle;
}
#container {
width : 777px;
padding : 0;
margin : 0;
margin-top : 10px;
margin-left : auto;
margin-right : auto;
background-image : url(bgouter.jpg);
background-repeat : repeat-y;
}
#banner {
text-align : right;
background-color : #e1ddd9;
height : 118px;
padding : 0;
margin : 0;
}
#topnavi {
height : 26px;
background-image : url(navi.jpg);
background-repeat : repeat-y;
}
#topnavi ul {
padding-top : 4px;
margin : 0 0 0 222px;
font-size : 12px;
}
#topnavi ul li {
text-transform : uppercase;
list-style : none;
padding : 0 15px 0 0;
margin : 0;
float : left;
}
#topnavi li a {
color : #ffffff;
text-decoration : none;
}
#topnavi li.active a {
color : #ffffff;
font-weight : bold;
}
#topnavi li a:hover {
color : #333333;
}
#topnavi li.active a:hover {
color : #ffffff;
font-weight : bold;
}
#outer {
clear : both;
}
#inner {
margin : 0;
width : 100%;
}
div #inner #left h2 {
padding : 0 0 0 40px;
margin : 0;
}
#left {
background-image : url(bgleftnavi.jpg);
width : 227px;
float : left;
}
#left ul {
list-style : none;
font-size : 16px;
margin-top : 10px;
margin-bottom : 10px;
padding-top : 0;
padding-bottom : 0;
}
#left li {
text-align : left;
padding-bottom : 3px;
}
#left li a {
color : #888888;
text-decoration : none;
display : block;
}
#left li a:hover {
color : #666666;
}
#left li.active a {
font-weight : bold;
color : #666666;
}
#left li li {
background-color : #ffffff;
font-weight : normal;
padding : 0;
}
#left li ul {
margin-bottom : 10px;
}
#left li li {
font-size : 1em;
}
#left li li a {
color : #000000;
}
#left li li a:hover {
background-color : #f0f0f0 !important ;
color : #000000;
}
#left li.active li.active a {
background-color : #e7e7e7;
font-weight : bold;
}
#left li li li {
font-size : 0.9em;
}
#left li li li a {
color : #333333;
}
#left li.active li.active li a {
background-color : #ffffff;
}
#left li.active li.active li.active a {
background-color : #f0f0f0;
}
#left li li li a:hover {
background-color : #f0f0f0;
}
#left p a {
text-align: right;
}
#content {
margin-left : 250px;
margin-right : 15px;
}
#content a {
text-decoration : underline;
}
#content a.extern {display: inline;}
p {
padding : 5px 10px;
margin : 0;
}
div #content h2 {
padding : 10px 0 5px 10px;
margin : 0;
}
pre {
font-size : 12px;
padding : 5px 10px;
margin : 0;
}
#footer {
height : 34px;
color : #ffffff;
background-image : url(bgfooter.jpg);
clear : both;
padding : 0;
margin : 0;
text-align : right;
}
#rexsale_search {
background-color : #8ebe46;
background-position : bottom left;
padding : 10px 13px 6px 13px;
color : #ffffff;
text-align : center;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
margin : 0 0 10px 6px;
font-size : 1em;
font-weight : bold;
}
#rexsale_search input {
margin-top : 4px;
margin-bottom : 4px;
}
#left div.minibasket {
text-align : right;
padding : 10px 0 0 5px;
background-image : url(../_img/basket.gif);
background-position : 0 10px;
background-repeat : no-repeat;
color : #333333;
position : relative;
height : auto; /*16px*/
margin : 0 5px 0 38px;
font-size : 0.9em;
}
#left div.minibasket h4 {
display : none;
}
#left div.minibasket a {
display : block;
overflow : hidden;
width : 100%;
height : 16px;
}
#left .minilogin p {
padding : 0 10px 5px 10px;
text-align : center;
font-size : 0.9em;
}
#left .minilogin fieldset {
border : none;
}
#left .minilogin form a
{text-align:center}

#left .minilogin form {
background-color : #8ebe46;
background-position : bottom left;
padding : 10px 13px 6px 13px;
color : #ffffff;
text-align : center;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #ffffff;
margin : 0 0 10px 6px;
font-size : 1em;
font-weight : bold;
}
#left .minilogin form input {
margin-top : 4px;
margin-bottom : 4px;
}
#left .minilogin fieldset p {
padding-top : 0;
padding-bottom : 0;
}
#page-category .product {
border : 1px solid #3399cc;
width : 180px;
float : left;
padding : 10px 20px;
margin : 0 15px 40px 15px;
text-align : center;
height : 16em;
overflow : hidden;
}
#page-category .catEmpty {
padding : 20px 0 30px 0;
text-align : left;
}
#page-category .product:hover {
border : 1px solid #666666;
background-color : #cccccc;
}
#page-category .product h2 {
font-size : 1em;
font-weight : bold;
text-align : center;
margin : 0 0 10px 0;
padding : 0;
}
#page-category .product h2 a {
text-decoration : none;
color : #000000;
}
#page-category .product a {
width : 100%;
display : block;
}
#page-category .product img {
margin : 0 auto 10px auto;
display : block;
}
#page-category .product h4 {
font-weight : bold;
display : inline;
margin : 0 5px 0 0;
}
#page-category .product p {
display : inline;
}
#page-category .metatext {
padding : 20px 0 30px 0;
}
#shopPage-p h1 {
font-size : 1.9em;
font-style : italic;
margin : 0 0 0 5px;
color : #666666;
}
div .desc p {
font-size : 120%;
margin-left : 0;
padding-left : 0;
}
#amount {
width : 32px;
}
#prodimage {
float : left;
margin : 20px 0 0 20px;
}
.desc h3 {
font-weight : bold;
font-style : italic;
font-size : 1.3em;
padding : 10px 0 0 0;
}
.proddetails {
margin : 0 20px 0 240px;
}
.p-price {
text-align : right;
font-size : 1.4em;
font-weight : bold;
margin : 10px 0 10px 0;
padding : 10px 0 10px 0;
color : #333333;
}
.priceinfo {
clear : left;
color : #666666;
font-size : 0.9em;
text-align : center;
margin : 0 15px 0 0;
padding : 0;
}
#prodthumbs {
text-align : center;
}
#prodthumbs img {
margin : 10px 20px 0 10px;
}
#shopPage-p p.pager {
clear : left;
text-align : center;
padding : 20px 0 0 0;
}
#shopPage-p p.pager a {
text-decoration : none;
font-size : 0.86em;
font-weight : bold;
margin : 0 20px 0 20px;
color : #333333;
font-style : italic;
}
#shopPage-p p.pager a:hover {
color : #000000;
}
#shopPage-p .variations h3 {
font-weight : bold;
font-style : italic;
padding : 15px 0 7px 0;
display : block;
}
#shopPage-p .variations p.prodopt {
margin : 0 0 10px 30px;
font-size : 0.9em;
}
#shopPage-p .variations p.prodopt input {
margin : 0 10px 0 0;
}
#shopPage-p p.calcPrice {
margin : 30px 0 20px 0;
font-weight : bold;
}
#shopPage-p p.calcPrice span {
font-weight : normal;
font-style : italic;
}
#page-basket form table {
width : 500px;
text-align : left;
}
#page-basket form table th.head {
padding-right : 50px;
text-align : right;
}
#page-basket form table tr th {
background-color : #8ebe46;
padding : 5px;
}
#page-basket form table td.amount input.text {
width : 30px;
text-align : right;
}
#page-basket form table td.amount {
width : 120px;
}
tbody .scriptmessage {
color : red;
}
#page-basket form table td.last {
padding-top : 20px;
}
form.formation {
margin : 15px 0 20px 12px;
padding : 0;
font-size : 1em;
width : 98%;
float : left;
}
form.formation fieldset {
border : none;
padding : 0;
float : left;
width : 100%;
margin : 0 0 20px 0;
}
form.formation label {
width : 10em;
float : left;
margin : 0.2em 0 0.6em 0;
}
form.formation h3 {
font-size : 1em;
margin : 20px 0 10px 0;
}
form.formation p.radio, form.formation p.checkbox {
width : 9em;
float : none !important ;
margin : 0.2em 0 0.6em 0;
font-size : 1em;
color : yellow;
}
form.formation label.radio, form.formation label.checkbox {
float : none;
margin : 0 0 5px 5px;
width : auto;
}
form.formation input.radio, form.formation input.checkbox {
float : left;
width : auto;
margin : 0 0.4em 8px 0;
border : none;
background : none;
}
div.checkset, div.radioset {
margin-bottom : 10px;
margin-left : 9em;
}
form.formation input, form.formation select, form.formation textarea {
float : left;
margin : 0.3em 5px 0.6em 0;
padding : 2px;
border : 1px solid #b4babd;
background-color : #f8f8f8;
font-family : Arial, sans-serif;
font-size : 1.07em;
}
form.formation input.text {
background : none;
background-color : #ffffff;
}
form.formation input.text, form.formation input {
margin-top : 0;
width : 70%;
}
form.formation textarea {
width : 70%;
height : 140px;
}
form.formation input.button, form.formation input.submit {
margin-left:9.5em;
width : 150px;
cursor : pointer;
}
.pleft {
float : left;
margin-top : 6px;
margin-right : 6px;
margin-bottom : 4px;
vertical-align : text-bottom;
border : none;
}
.pright {
float : right;
margin-top : 6px;
margin-left : 8px;
margin-bottom : 5px;
vertical-align : text-bottom;
border : none;
}
.pnormal {
margin-top : 15px;
clear : both;
border : none;
}
.pleft_b {
float : left;
margin-top : 6px;
margin-right : 6px;
margin-bottom : 4px;
vertical-align : text-bottom;
border : 1px solid #990000;
}
.pright_b {
float : right;
margin-top : 6px;
margin-left : 8px;
margin-bottom : 5px;
vertical-align : text-bottom;
border : 1px solid #990000;
}
.pnormal_b {
clear : both;
border : 1px solid #990000;
}