.boxText {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #ffb3b5;
font-weight : bold;
}
.stockWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #cc0033;
}
.productsNotifications {
background : #f2fff7;
}
.orderEdit {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #70d250;
text-decoration : underline;
}
BODY {
BACKGROUND: #bfd3d5;
background-image:url(http://www.natura-vet.de/images/background.jpg);
background-repaet:repeat
color : #000000;
margin : 0;
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
A {
color : #000000;
text-decoration : none;
}
A:hover {
color : #aabbdd;
text-decoration : underline;
}
FORM {
display : inline;
}
TR.header {
background : #ffffff;
}
TR.headerNavigation {
background : #078B8A;
}
TD.headerNavigation {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #078B8A;
color : #ffffff;
font-weight : bold;
}
A.headerNavigation {
color : #ffffff;
}
A.headerNavigation:hover {
color : #ffffff;
}
TR.headerError {
background : #ff0000;
}
TD.headerError {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
background : #ff0000;
color : #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background : #00ff00;
}
TD.headerInfo {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
background : #00ff00;
color : #ffffff;
font-weight : bold;
text-align : center;
}
TR.footer {
background : #078B8A;
}
TD.footer {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #078B8A;
color : #ffffff;
font-weight : bold;
}
.infoBox {
background : #078B8A;
}
.taxinfo {
font-family : Verdana, Arial, sans-serif;
font-size : 8px;
color : #000000;
}
.infoBoxContents {
background : #bfd3d5;
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
.infoBoxNotice {
background : #ff8e90;
}
.infoBoxNoticeContents {
background : #ffe6e6;
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
TD.infoBoxHeading {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
font-weight : bold;
background : #078B8A;
color : #ffffff;
vertical-align : top;
}
TD.infoBox, SPAN.infoBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background : #bfd3d5;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background : #bfd3d5;
}
TABLE.productListing {
border : 1px;
border-style : solid;
border-color : #078B8A;
border-spacing : 1px;
}
.productListing-heading {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background : #078B8A;
color : #ffffff;
font-weight : bold;
}
TD.productListing-data {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
A.pageResults {
color : #0000ff;
}
A.pageResults:hover {
color : #0000ff;
background : #ffff33;
}
TD.pageHeading, DIV.pageHeading {
font-family : Verdana, Arial, sans-serif;
font-size : 20px;
font-weight : bold;
color : #000000;
}
TR.subBar {
background : #f4f7fd;
}
TD.subBar {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #000000;
}
TD.main, P.main {
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
line-height : 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
TD.accountCategory {
font-family : Verdana, Arial, sans-serif;
font-size : 13px;
color : #aabbdd;
}
TD.fieldKey {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
}
TD.fieldValue {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
}
TD.tableHeading {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
}
SPAN.newItemInCart {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #ff0000;
}
CHECKBOX, INPUT, RADIO, SELECT {
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
}
TEXTAREA {
width : 100%;
font-family : Verdana, Arial, sans-serif;
font-size : 11px;
}
SPAN.greetUser {
font-family : Verdana, Arial, sans-serif;
font-size : 12px;
color : #f0a480;
font-weight : bold;
}
TABLE.formArea {
background : #f1f9fe;
border-color : #7b9ebd;
border-style : solid;
border-width : 1px;
}
TD.formAreaTitle {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
font-weight : bold;
}
SPAN.markProductOutOfStock {
font-family : Tahoma, Verdana, Arial, sans-serif;
font-size : 12px;
color : #c76170;
font-weight : bold;
}
SPAN.productSpecialPrice {
font-family : Verdana, Arial, sans-serif;
color : #ff0000;
}
SPAN.errorText {
font-family : Verdana, Arial, sans-serif;
color : #ff0000;
}
.moduleRowOver {
background-color : #d7e9f7;
cursor : pointer;
}
.moduleRowSelected {
background-color : #e9f4fc;
}
.checkoutBarFrom, .checkoutBarTo {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #8c8c8c;
}
.checkoutBarCurrent {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #000000;
}
.messageBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
}
.messageStackError, .messageStackWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background-color : #ffb3b5;
}
.messageStackSuccess {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
background-color : #99ff00;
}
.inputRequirement {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color : #ff0000;
}
.messageStack {
margin : 5px;
font-size : 10px;
color : #465584;
background-color : #fffcf5;
border-width : 1px;
border-style : dotted;
}
.progress {
width : 1px;
height : 14px;
color : white;
font-size : 12px;
overflow : hidden;
background-color : navy;
padding-left : 5px;
}
#lightbox {
position : absolute;
top : 40px;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
* html > body .clearfix {
display : inline-block;
width : 100%;
}
* html .clearfix {
height : 1%;
}