/* ----------------DOCUMENT INFORMATION -----------------------
CLIENT: BEN TRADING
TITLE: CSS STYLE SHEET - BEN.CSS
VERSION: 1.0 
AUTHOR: CHRISTOPH ZIEGENHARDT OF WWW.DESIGNDECK.DE
LAST UPDATE: 07.10.2004
-------------------------------------------------------------------*/

/* ----------------------------------------------------------------*/
/* ------------------------ BODY ITEMS ----------------------------*/

body { background-color:#FFFFFF;}
small { font-family:Tahomah,sans-serif; font-size:8pt; }
h2, h3, h4, h5, h6 { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; font-weight: bold; }

h1 { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:17px; color:#666666;  line-height:20pt; font-weight: bold; }


form { margin: 0px }

.checkoutPayment a:link { font-weight: normal }

a:link { text-decoration:none; color:#ffffff; }
a:visited { text-decoration:none; color:#ffffff; }
a:hover { text-decoration:underline; color:#ffffff; }
a:active { text-decoration:none; color:#ffffff; } 

.faqcontent li a { font-weight: normal; }
.faqcontent li a:visited { font-weight: normal; }
.faqcontent li a:hover { font-weight: normal; }
.faqcontent li a:active { font-weight: normal; }
.faqcontent li a:link { font-weight: normal; }

.embroid {  background-image:url(images/embroid_white.jpg);}
.small { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9pt; line-height:12px; color:#666666; }
.floatleft { float:left; margin-right:10px; }
.floatright { float:right; margin-left:10px; }

textarea, input, select { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; }
.loginbox { width:111px; border: 1px #A6A6A6 solid;  }
.formbox { background-color: #FFFFFF;border: 1px #A6A6A6 solid;  }
.fixedformbox {background-color: #FFFFFF; width: 100%; border: 1px #A6A6A6 solid;  }
.formbutton{ background-color: #F3E7CF; border: 1px solid #A6A6A6; cursor: hand; cursor: pointer}
.searchboxmin { width:55px; border: 1px #A6A6A6 solid; }
.searchbox { width:154px; border: 1px #A6A6A6 solid; }
.searchthumb { border: 1px #A6A6A6 solid; }
.select { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; border: 1px solid #A6A6A6; }
.option { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }

.commandLink { background-color: #F3E7CF; border: 1px solid #A6A6A6; cursor: hand; cursor: pointer; margin: 5px; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; padding: 3px; margin: 3px; }

.datatable1 { background-color:#ffffff; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; border-right: 1px #A6A6A6 solid;}
.datatable2 { background-color:#F3E7CF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; border-right: 1px #A6A6A6 solid;}
.datatable3 { background-color:#F3E7CF; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; }

.formHeader {  font-weight: bold; border-bottom: 1px #A6A6A6 solid; }
.formLabel { }
.formValue { }
.formTable { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; width: 98%; border-collapse: collapse }
.formTable td { padding: 3px; }

.text { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; }
.text a:link { color:#666666; text-decoration:underline; font-weight: bold; }
.text a:visited { color:#666666; text-decoration:underline; font-weight: bold; }
.text a:hover { color:#2D2D2D; text-decoration:underline; font-weight: bold; }
.text a:active { color:#666666; text-decoration:underline; font-weight: bold; }
.alert { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#cc0000;  line-height:10pt; }
.linkform { display: inline; }
.linkform input { border: 0px; }

.details td { vertical-align: top; }

.teaser { background-image:url(images/teaser_bg.gif); font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:11pt;}
.345box { background-image:url(images/345box_bg.gif); }
.535box { background-image:url(images/535box_bg.gif); }

.textbox { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:11pt; margin-left:10px; margin-right:10px;}
.teaserbox { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:10pt; margin-left:11px; }
.cart { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:10pt; }

.profil { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; }
.profil a:link { color:#666666; text-decoration:underline; font-weight: bold; }
.profil a:visited { color:#666666; text-decoration:underline; font-weight: bold; }
.profil a:hover { color:#2D2D2D; text-decoration:underline; font-weight: bold; }
.profil a:active { color:#666666; text-decoration:underline; font-weight: bold; }

.language { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:14pt; }
.language a:link { color:#666666; text-decoration:none; font-weight: bold; }
.language a:visited { color:#666666; text-decoration:none; font-weight: bold; }
.language a:hover { color:#2D2D2D; text-decoration:none; font-weight: bold; }
.language a:active { color:#666666; text-decoration:none; font-weight: bold; }

.navi { font-family:Tahoma, Arial, Helvetica, sans-serif;  font-size:13px; color:#000000; }
.navi a:link { color:#000000; text-decoration:none; font-weight: normal; }
.navi a:visited { color:#000000; text-decoration:none; font-weight: normal; }
.navi a:hover { color:#A6A6A6; text-decoration:none; font-weight: normal; }
.navi a:active { color:#000000; text-decoration:none; font-weight: normal; }
.navlink { text-decoration: none; }
.navbutton { background-image: url(/images/bg_color.gif); border-bottom: 1px #A6A6A6 solid; }
.navbuttonend { background-image: url(/images/bg_color.gif); border-bottom: 1px #A6A6A6 solid; border-right: 1px #A6A6A6 solid;}

.macnavbutton { text-decoration: none; background-color: #f2e6cf; border-bottom: 1px #A6A6A6 solid; border-left: 1px #A6A6A6 solid; border-top: 1px #A6A6A6 solid; padding: 1px 3px 1px 3px; }
.macnavbuttonend { border-right: 1px #A6A6A6 solid; }
#macactive {  background-color: #ffffff; border-bottom: 1px #ffffff solid; border-left: 1px #A6A6A6 solid; font-weight:bold; color:#666666;}
.macline { border-bottom: 1px #A6A6A6 solid; width: 100%; text-align: right; padding: 1px 0px 1px 0px;}

img { border: 0px; }
img.topleft { vertical-align: top; width: 5px; height: 7px; position: relative; right: 0px; }
img.topright { vertical-align: top; width: 5px; height: 7px; position: relative; right: 0px; }
img.toprightend { vertical-align: top; position: relative; right: -1px; width: 6px; height: 7px; }
img.bottomleft { vertical-align: bottom; position: relative; left: -10px; top: 1px; width: 6px; height: 7px;  }
img.bottomright { vertical-align: bottom; position: relative; left: 11px; top: 1px; width: 6px; height: 7px;  }
img.teaser { cursor: hand; cursor: pointer }

#active .navbutton { background-image: url(images/bg_white.gif); border-bottom: 2px #FFFFFF solid; font-weight:bold; color:#666666;}
#active .navbuttonend { background-image: url(images/bg_white.gif); border-bottom: 2px #FFFFFF solid; font-weight:bold; color:#666666;}
#active .admin { background-image: url(images/bg_red.gif); border-bottom: 1px #CC0000 solid; font-weight:bold; color:#FFFFFF;}

.line { border-bottom: 1px #A6A6A6 solid; width: 100%; text-align: right }
.nav { left: 0px; position: relative } 
.navspace { margin-left:2px; }

.requiredField { color: #FF0000; font-weight: bold}
#resultstable td { font-size: 10pt; margin: 0px; padding: 4px; color: #666666}
#resultstable th { font-size: 10pt; border-bottom: 2px #A6A6A6 solid; padding: 2px; text-align: left; color: #666666}
#resultstable input { border: 0px }
#searchtable td { font-size: 10pt; }
#thumbstable td { font-size: 10pt; border: 1px #A6A6A6 solid; padding: 5px}
#thumbinfo td { border: 0px; padding: 1px; color: #666666} 
.resultLine1 { background-color: #EEEEEE }
.price { color: #666666; font-weight: bold }


TD.message { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:13px; color:#000000; } 
.defaultMessageBox { background-color: #F3E7CF; border: 2px #A6A6A6 solid; padding: 10px; color: #000000; margin-bottom: 20px; margin-top: 10px; font-weight: bold}
.errorMessageBox { background-color: #FF0000; border: 2px #A6A6A6 solid; padding: 10px; color: #FFFFFF; margin-bottom: 20px; font-weight: bold }
.successMessageBox { background-color: #00FF00; border: 2px #A6A6A6 solid; padding: 10px; color: #FFFFFF; margin-bottom: 20px; font-weight: bold }
.errorMessage { background-color: #FF0000; border: 2px #A6A6A6 solid; padding: 10px; color: #FFFFFF; margin-bottom: 20px; font-weight: bold }
.breadcrumb { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  line-height:10pt; font-weight: normal; width: 100% }

.detailsLink a:link { color: #CD9D39; }
.detailsLink a:hover { color: #CD9D39; }
.detailsLink a:visited { color: #CD9D39; }
.detailsLink a:active { color: #CD9D39; }

.lightlink { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999; }
.lightlink:link { color: #999999; }
.lightlink:visited { color: #999999; }
.lightlink:active { color: #999999; }
.lightlink:hover { color: #999999; }

#dd { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #999999; }
#dd:link { color: #999999; }
#dd:visited { color: #999999; }
#dd:active { color: #999999; }
#dd:hover { color: #999999; }


.widebox { width: 100% }

.pager { border: 2px #A6A6A6 solid; background-color: #F3E7CF; width: 97% ; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}
.pager td { padding: 5px; }
.pager td a { font-family: Arial; font-size: 12px; text-decoration: none; } 
.pager a { color: #ffffff; font-family: Arial; font-size: small; text-decoration: none; }
.pager em { color: #e7b535; font-weight: bold; font-style: normal;  }
.pager table { border: 1px #000000 solid; background-color: #ffffff; width: 100%;  font-family:Tahoma, Arial, Helvetica, sans-serif; font-size: 12px;}
.pager table th { border-bottom: 2px #000000 solid; border-right: 1px #000000 solid; background-color: #eec05c; padding: 3px; }
.pager table td { border-right: 1px #b9c2c4 solid; border-bottom: 1px #b9c2c4 solid; padding: 3px; }
.pager table a { color: #000000; font-family: Arial; font-size: 12px; text-decoration: none; }
.codd { font-weight: bold; }
.rodd { background-color: #ffffff }
.reven { background-color: #dbe5f2 }

.small a { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:9pt; line-height:12px; color:#666666; font-weight: normal; }
.small a:visited { font-weight: normal; }

/*---------------------------- END ---------------------------------*/
/*---------------------------- END ---------------------------------*/
