/* ---------------------------------------------------------------
Style Sheet

Site:       Son's and Daughter's
Author:     Michael E. Trawetzky - MASSIVE ART www.massiveart.com
Version:    1.0
--------------------------------------------------------------- */

/* ---------------------------------------------------------------
Reset-File */
@import url(reset.css);
/* --------------------------------------------------------------- */

/* ----------------
Main */

body {
  height:100%;  
  color: #000;
  font-family: Arial, sans-serif;
  font-size:12px;
  line-height:20px;
  text-align:center;
  background: #FFF url(/website/themes/sonsanddaughters/images/background.gif) fixed repeat-x;
  behavior: url("/website/themes/sonsanddaughters/css/iecsshover/csshover.htc"); 
}

body.template_01_mothernature,
body.template_overview_mothernature {
  background-color:#bc8f46;
}

body.template_01_steiff,
body.template_overview_steiff {
  background-color:#000;
}

input, textarea, select {
  font-family: Arial, sans-serif;  
}

p {
  padding-bottom:10px;
  font-size:12px;
  line-height:20px;
}

.clear {
  clear:both;
  height:0;
  line-height:0;
  font-size:0;
}

.clearLeft {
  clear:left;
  height:0;
  line-height:0;
  font-size:0;
}

.wrapper {
  margin:0 auto;
  width:960px;
  text-align:left;
  position:relative;
}

.preContainer {
  height:40px;
  overflow:hidden;
  padding:20px 0 0 0;
}

.outerContainer {
  background-color: #000;
  padding: 0 20px 0 20px;
}

.innerContainer {
  background-color: #FFF;
}

.template_01_mothernature .innerContainer,
.template_overview_mothernature .innerContainer {
  background-color: #FFF;
}

.template_01_steiff .innerContainer,
.template_overview_steiff .innerContainer {
  background-color: #FFF;
}

.mainNavContainer {
  height:60px;
  position:absolute;
  z-index:30;
  top:160px;
  left:40px;
  right:40px; 
}

.headerContainer {
  height:270px;
  position:relative;
  padding:157px 0 20px 20px;
  overflow:hidden;
}

.startHeader {
  height: 310px;
  position:relative;
  padding:157px 0 0 0;
}

.templateContainer {
  padding:0 0 0 19px; 
}

.footerContainer {
  margin:0 auto;
  width:960px;
  text-align:left; 
}

/* ----------------
Links general */

a {
  color: #000;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

a:hover {
  color: #FF3300;;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

.template_01_mothernature a:hover,
.template_overview_mothernature a:hover {
  color:#996600;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

.template_01_steiff a:hover,
.template_overview_steiff a:hover {
  color:#6699cc;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

/* ----------------
Headlines */

h1 {
  font-family: Arial, Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  padding: 0 0 0.7em 0;
  color: #FF3300;
}

.template_01_mothernature h1,
.template_overview_mothernature h1 {
  color:#996600;
}

.template_01_steiff h1,
.template_overview_steiff h1 {
  color:#6699cc;
}

h2 {
  font-family: Arial, Georgia, "Times New Roman", serif;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 0.7em 0;
  color: #FF3300;
}

.template_01_mothernature h2,
.template_overview_mothernature h2 {
  color:#996600;
}

.template_01_steiff h2,
.template_overview_steiff h2 {
  color:#6699cc;
}

h3 {
  font-family: Arial, sans-serif;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  padding:0 0 10px 0;
  color:#48403c;
}

.start .colRight h3,
.start .colRight h3 a,
.start .colRight h3 a:hover {
  color: #FF3300;
}

h2 a,
h2 a:hover {
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 0.7em 0;
  text-decoration:none;
  color: #FF3300;
}

.template_01_mothernature h2 a,
.template_01_mothernature h2 a:hover,
.template_overview_mothernature h2 a,
.template_overview_mothernature h2 a:hover {
  color:#996600;
}

.template_01_steiff h2 a,
.template_01_steiff h2 a:hover,
.template_overview_steiff h2 a,
.template_overview_steiff h2 a:hover {
  color:#6699cc;
}

h2 a:hover {
  text-decoration:underline;
}

/* ---------------
Logo */

#logo {
  background:url(/website/themes/sonsanddaughters/images/logo_background.png) no-repeat 0 0;
  behavior: url(/website/themes/sonsanddaughters/css/iepngfix/iepngfix.htc);
  position:absolute;
  top:5px;
  left: 300px;
  margin-left:-115px;
  z-index: 20;
  width: 554px;
  height: 306px;
}

#logo div {
  display:none;
}

.template_01 #logo div.kanz,
.template_contactform #logo div.kanz,
.template_overview #logo div.kanz,
.template_startpage #logo div.kanz {
  width:230px;
  text-align:center;
  padding:40px 0 0 0;
  cursor:pointer;
  display:block;
}

.template_01_mothernature #logo div.mothernature,
.template_overview_mothernature #logo div.mothernature {
  width:230px;
  text-align:center;
  padding:27px 0 0 17px;
  cursor:pointer;
  display:block;
}

.template_01_steiff #logo div.steiff,
.template_overview_steiff #logo div.steiff {
  width:230px;
  text-align:center;
  padding:50px 0 0 0;
  cursor:pointer;
  display:block;
}

/* --------------
Login Template */

.loginContainer {
  padding:10px 0 10px 0;
  position:relative;
  width:800px;
  min-height:220px;
}

.loginContainer .username {
  padding:0 0 10px 0;
}

.loginContainer .password {
  padding:0 0 20px 0;
}

.loginContainer .username input,
.loginContainer .password input {
  width:220px;
  border:3px solid #666;
  padding:2px;
  font-size:21px;
  line-height:21px;
}

.loginContainer .button {

}

.loginContainer .button input {
  border:3px solid #666;
  background-color:#fff;
  font-size:21px;
  line-height:21px;
  color:#cc0000;
  text-align:center;
  width:120px;
  cursor:pointer;
}

.loginContainer .error {
  color:#cc0000;
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  position:absolute;
  padding:0;
  top:0;
  left:250px;
}

.loginContainer #wrongpwd {
  top:67px;
}

.loginContainer #wronguser {
  top:20px;
}


/* ---------------
Store Search */

#storeSearch {
	display: none;
  position:absolute;
  z-index:30;
  top:60px;
  left:0;
}

#storeSearch img {
  behavior: url(/website/themes/sonsanddaughters/css/iepngfix/iepngfix.htc);
}

/* ----------------
Pre Container */

.preContainer .language {
  float:left;
  color:#fff;
  padding:16px 0 0 0;
}

.preContainer .language img {
  margin:0 5px 2px 0;
  vertical-align:bottom; 
  cursor:pointer;
}

.preContainer .telmail {
  float:right;
  color:#000;
  font-family:Georgia, "Times New Roman", serif;
  font-size:12px;
  line-height:16px;
  text-align:center;
  padding:0 20px 0 0;
}

.preContainer .language a,
.preContainer .telmail a,
.preContainer .language a:hover,
.preContainer .telmail a:hover {
  font-family:Georgia, "Times New Roman", serif;
  font-weight:bold;
  font-size:12px;
  line-height:16px;
  color:#000;
  text-decoration: underline;
}

.preContainer .language a:hover,
.preContainer .telmail a:hover {
  text-decoration: none;
}

/* ----------------
Header */

.headerContainer .mask {
  position:absolute;
  top:156px;
  left:17px; 
  z-index:10; 
  width:887px; 
  height:274px; 
  background:url(/website/themes/sonsanddaughters/images/header_background.png) no-repeat 0 0; 
  behavior: url(/website/themes/sonsanddaughters/css/iepngfix/iepngfix.htc);
}

.headerContainer .image {
  position:absolute; 
  /* z-index:20; */ 
  z-index:10;
  top:160px; 
  left:20px;
}

.headerContainer .bottom {
  position:absolute;
  z-index:30;
  top:430px;
  width:887px;
  height:74px;
  left:17px;
  color:#fff;
}

.headerContainer .inner {
  width:880px;
  height:70px;
  padding:0 0 0 3px;
}

.headerContainer .inner a,
.headerContainer .inner a:hover {
  font-family:Georgie, "Times New Roman", serif;
  font-size:12px;
  color:#fff;
  line-height:20px;
  text-decoration:none;
  text-transform: uppercase;
  position:relative;
  z-index:50;
}

.headerContainer .inner a:hover {
  text-decoration:none;
}

.headerContainer .tab1 .tab {
  background:url(/website/themes/sonsanddaughters/images/tab1.png) no-repeat 0 0;
  behavior: url(/website/themes/sonsanddaughters/css/iepngfix/iepngfix.htc);
  position:absolute;
  z-index:30;
  width:887px;
  height:74px;
  top:0;
  left:0;
}

.headerContainer .tab2 .tab{
  background:url(/website/themes/sonsanddaughters/images/tab2.png) no-repeat 0 0;
  behavior: url(/website/themes/sonsanddaughters/css/iepngfix/iepngfix.htc);
  position:absolute;
  z-index:30;
  width:887px;
  height:74px;
  top:0;
  left:0;
  display:none;
}

.headerContainer .tab3 .tab {
  background:url(/website/themes/sonsanddaughters/images/tab3.png) no-repeat 0 0;
  behavior: url(/website/themes/sonsanddaughters/css/iepngfix/iepngfix.htc);
  position:absolute;
  z-index:30;
  width:887px;
  height:74px;
  top:0;
  left:0;
  display:none;
}

.headerContainer .tab1 a,
.headerContainer .tab3 a {
  top:30px;
}

.headerContainer .tab2 a {
  top:20px;
}

.headerContainer .tab2:hover .tab {
  display:block;
}

.headerContainer .tab3:hover .tab {
  display:block;
}

.headerContainer .tab1 {
  float:left;
  text-align:center;
  width:300px;
  height:70px;
  cursor:pointer;
}

.headerContainer .tab2,
.headerContainer .tab3 {
  float:left;
  text-align:center;
  width:280px;
  height:70px;
  cursor:pointer;
}


/* ----------------
Navigation */

.mainNavContainer .navLeft,
.mainNavContainer .navRight {
  float: left;
  width: 10px;
  height: 60px;
}
.mainNavContainer .nav {
  background:url(/website/themes/sonsanddaughters/images/nav_background.gif) repeat-x 0 0;
  height: 60px;
  width: 860px;
  float: left;
}

.mainNavContainer .nav .home {
  float:left;
  padding:23px 10px 0 10px;
}

.mainNavContainer ul {
  float:left;
}

.mainNavContainer ul ul {
  background-color:#000;
	display:none;
	height:auto;
	left:0;
	padding:0;
	position:absolute;
	top:60px;
	width:100%;
	min-width:160px;
	_width:160px;
	z-index:50;
}

.mainNavContainer ul li:hover ul {
  display:block;
}

.mainNavContainer li {
  /* background:url(/website/themes/sonsanddaughters/images/nav_divider.gif) no-repeat 0 50%; */
  float:left;
  height: 39px;
  padding: 21px 13px 0 13px;
  position:relative;
}

.mainNavContainer li.selected {
  background: #000;
}

.mainNavContainer ul ul li,
.mainNavContainer ul ul li:hover,
.mainNavContainer ul ul li.selected {
  background:url(/website/themes/sonsanddaughters/images/navsub_divider.gif) no-repeat 0 100%;
  clear:both;
  height:auto;
  padding:10px 0 10px 0;
  margin:0 20px 0 20px;  
  min-width:120px;
  display:inline;
}

.mainNavContainer ul ul li:last-child {
  background:none;
}

.mainNavContainer li:hover {
  background-color: #000 !important;
  color: #ff6600 !important;
  float: left;
  height: 39px;
  padding: 21px 13px 0 13px;
}

.mainNavContainer li a {
  font-family: Arial, Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}
.mainNavContainer li a:hover,
.mainNavContainer li:hover a,
.mainNavContainer li:hover a:hover {
	font-family: Arial, Georgia, "Times New Roman", serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  color: #ff6600 !important;
  text-decoration: none;
}	

.mainNavContainer ul ul li a,
.mainNavContainer ul ul li a:hover,
.mainNavContainer ul li:hover ul li a,
.mainNavContainer ul li:hover ul li a:hover {
  font-family:Arial, sans-serif;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  color:#333;
  text-decoration:none;
  text-transform:none;
}

.mainNavContainer ul ul li a,
.mainNavContainer ul ul li a:hover,
.mainNavContainer ul li:hover ul li a:hover {
  text-decoration:none;
  color:#FF6600 !important;
}

.mainNavContainer li.selected a,
.mainNavContainer li.selected a:hover {
  text-decoration: none;
  color: #FF6600;
}

.mainNavContainer ul li:hover ul li.selected a, 
.mainNavContainer ul li:hover ul li.selected a:hover {
  text-decoration:none;
  color:#8c7e6d;
}

/* ----------------
Breadcrumb */

.templateContainer .breadcrumb {
  padding:10px 0 20px 35px;
  font-size:11px;
  font-weight:normal;
  line-height:20px;
  color:#999;
}

.templateContainer .breadcrumb a {
  font-size:11px;
  text-decoration:none;
  font-weight:normal;
  padding:0 10px 0 10px;
  color:#999;
}

.templateContainer .breadcrumb a:hover {
  color:#009eeb;
  font-weight:normal;
  text-decoration:underline;
}

.templateContainer .breadcrumb a.home {
  padding:0 10px 0 0;
}

.templateContainer .breadcrumb a.selected {
  color:#009eeb;
}

/* ----------------
Content */

.templateContainer .content {
  padding:0 40px 0 20px;
}

.templateContainer .imgLeft {
  padding:0 0 20px 0;
}

.templateContainer .imgRight {
  padding:0 0 0 20px;
  width:420px;
}

.templateContainer .imgRight img {
  padding:0 0 10px;  
}

.overview .imgLeft {
  padding:0 20px 10px 0;
}

.overview .col2 .imgLeft {
  padding:0 0 5px 0;
}

.overview .imgRight {
  padding:0 12px 10px 20px;
}

.templateContainer .title {
  float:left;
  width:440px;
  padding:0 0 0 20px;
}

.templateContainer .back {
  float:left;
  width:400px;
  text-align:right;
  padding:0 20px 0 0;
}

.templateContainer .content .description {
  padding:0 0 10px 0;
}

.templateContainer .block {
  padding:0 0 10px 0;
}

.templateContainer .block .imgLeft {
  padding:0 20px 0 0;
  width:240px;
}

.templateContainer .block .imgLeft img {
  padding:0 0 10px 0;  
}

.content ul {
  list-style-type:disc;
  padding:0 0 20px 20px;  
}

/* ----------------
Content Startpage */

.start .colLeft {
  width:250px;
  float:left;
  padding:0 40px 0 20px;
}

.start .colLeft .imgLeft { 
  clear:both;
  padding:0 0 10px 0;
}

.start .colCenter {
  width:280px;
  float:left;
}

.start .colRight {
  width:280px;
  float:left;
  padding:0 20px 0 10px;
}

.start .colRight h3,
.start .colRight h3 a,
.start .colRight h3 a:hover {
  font-family:Georgia, "Times New Roman",serif;
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 10px 0;
}

.start .colRight h3 a {
  text-decoration:none;
}

.start .colRight h3 a:hover {
  text-decoration: underline;
}

.start .colCenter .item {
  float:left;
  width:240px;
  padding:0 0 20px 0;
}

.start .colCenter .item .pic {
  padding:0 0 5px 0;
}

.start .colCenter .item .description {
  padding:0 0 5px 0;
}

.start .item a {
  font-weight:bold;
}

.start .colRight .item {
  float:left;
  width:260px;
  padding:0 20px 20px 0;
}

.start .colRight .item .pic {
  float:left;
  padding:0 20px 0 0;
}

.start .colCenter h2,
.start .colCenter h2 a,
.start .colCenter h2 a:hover {
  font-size:18px;
  font-weight:normal;
}

/* ----------------
Content Overview */

.overview {
  padding:0 20px 0 40px;     
}

.overview img {
  border:3px solid #fff;  
}

.overview .item {
  padding-bottom:20px;
  padding-right:20px;
}

.overview .item img {
  border:3px solid #fff;  
} 

.overview .description {
  padding:0 0 10px 0;   
}

.overview .col2 {
 clear:both;
 width:100%;  
}

.overview .col2 .item {
  padding-bottom:20px;
  width:276px;
}

.overview .col2 .left {
  float:left;
  padding-right:10px;
}

.overview .list {
  padding:0 0 20px 0;  
}

.overview .list .itemImg {
  padding:0 0 10px 0; 
}

.overview .list .itemImg .left {
  float:left;
  padding:0 10px 0 0;  
}

.overview .list .itemImg .right {
  float:left;
  padding:15px 0 0 0;  
}

.overview .list .item {
  padding:0;    
}

.overview .list a {
  font-weight:bold;
  text-decoration:none;
}

.overview .list a:hover {
  text-decoration:underline;
}

.overview h2 a,
.overview h2 a:hover {
  font-size:14px;
  line-height:20px;
  font-weight:normal;
  padding:0 0 10px 0;
  text-decoration:none;
}

.overview h2 a:hover {
  text-decoration:underline;
}

/* ----------------
Content Gallery */

.galleryContainer {
  padding:0 0 20px 0;
}

.gallery {

}

.gallery .item {
  float:left;
  width:156px;
  height:156px;
  overflow:hidden;
  padding:0 10px 10px 0;
}

.gallery .item img {
  border:3px solid #fff;  
}

.gallery #showAll {
  float:left;
  padding-top:137px;
}

/* ----------------
Content Documents */

.documents {
  padding:0 0 10px 0;
}

.documents .item {
  padding:0 0 10px 0;
}

.documents .item .icon {
  float:left;
  width:32px;
  padding-right:20px;
}

.documents .item .text {
  float:left;
  width:348px;
}

.documents .item .text span {
  font-size:11px;	
}


/* ----------------
Content Contact */

.contactContainer {
  padding:0 0 10px 0;  
}

.person { 
  padding:0 0 20px 0;
}

.person .img {
  float:left;
  width:80px;
  padding:0 20px 0 0;
}

.person .img img {
  border:3px solid #fff;
}

.person .detail {
  float:left;
  padding:0;
}

.person .name {
  color:#48403c;
  font-weight:bold;
}
	
.person .function {
  font-size:12px;
  line-height:20px;
}

.person .infos {
  font-size:12px;
  line-height:1.3em;
  float:left;
}

/* ----------------
Image Definitions */

.imgLeft {
  float:left;
}

.imgRight {
  float:right;
}

/* ----------------
Footer */

.footer {
  font-family:Arial, sans-serif;
  font-size:11px;
  line-height:20px;
  color:#48403c;
  padding:20px;
}

.footer .left {
  float:left;
}

.footer .right {
  float:right;
}

.footer .right a {
  padding:0 0 0 30px;
  font-weight:bold;
  font-size:11px;
  line-height:20px;
  color:#48403c;
}

.footer .copyright {
  text-transform: uppercase;
}

/* ---------------
Contact Form */

.formContainer {
  padding:0 0 20px 0;
}

#succesbox {
  color:#ffcc00;
  font-size:14px;
  line-height:20px;
  border:3px solid #ffcc00;
  padding:10px;
  margin:10px 0 10px 0;
  width:514px;  
}

#noticebox {
  color:#FF3300;
  font-size:14px;
  line-height:20px;
  border:3px solid #FF3300;
  padding:10px;
  margin:0 0 20px 0;
  width:514px;  
}

.formContainer input,
.formContainer select {
  font-size:21px;
  line-height:21px;
  border:3px solid #666;
  background-color:#fff;
  padding:2px; 
}

.formContainer textarea {
  font-size:14px;
  line-height:20px;
  border:3px solid #666;
  background-color:#fff;
  padding:2px; 
}

.formContainer .itemLeft {
  float:left;
  padding:0 10px 10px 0;
  width:270px;
}

.formContainer .itemRight {
  float:left;
  padding:0 0 10px 0;
  width:270px;
}

.formContainer .itemLeft input,
.formContainer .itemRight input {
  width:250px;
}

.formContainer .item {
  padding:0 0 10px 0;
}

.formContainer .item input {
  width:530px;
}

.formContainer .item textarea {
  width:530px;
  height:90px;
}

.formContainer .button {
  padding:0;
  float:left;
  width:150px;
}

.formContainer .button input {
  color:#FF3300;
  text-align:center;
  width:120px;
  font-weight:bold;
  padding:2px 0 2px 0;
  cursor:pointer;
}

.formContainer .requiredInfo {
  float:left;
  padding:12px 0 0 0;
}


/* ---------------
Store Search */

.storeSearch .searchContainer {
  height:70px;
	margin:0 0 20px 0;
	overflow:hidden;
	padding:167px 0 0 20px;
	position:relative;
}

.storeSearch .searchContainer input,
.storeSearch .searchContainer select {
  font-size:21px;
  line-height:21px;
  border:3px solid #666;
  background-color:#fff;
  padding:2px;
}

.storeSearch .searchContainer .address {
  float:left;
  width:600px;
}

.storeSearch .searchContainer .address input {
  width:570px;
}

.storeSearch .searchContainer .radius,
.storeSearch .searchContainer .brand {
  float:left;
  width:160px;
}

.storeSearch .searchContainer .radius select,
.storeSearch .searchContainer .brand select {
  width:140px;
  padding:1px 2px 1px 2px;
}

.storeSearch .searchContainer .button {
  float:left;
  width:120px;
}

.storeSearch .searchContainer .button input {
  color:#cc0000;
  text-align:center;
  width:120px;
  font-weight:bold;
  padding:2px 0 2px 0;
  cursor:pointer;
}

.storeSearch .templateContainer {
  padding-bottom:20px;
}

#map {
  width:880px;
  height:460px;
  overflow:hidden;
  position:relative;
}


/* ---------------
Error Page */

.error {
  padding:40px 0 0 50px;
}

/* ----------------
Font Weight */

.bold {
  font-weight:bold;
}

.normal {
  font-weight:normal;
}

.lighter {
  font-weight:lighter;
}

.bolder {
  font-weight:bolder;
}

/* ----------------
Colors */

.black {
  color:#000;
}

.white {
  color:#fff;
}

/* ----------------
Paddings */

.ptop10 {
  padding-top:10px;
}

.ptop20 {
  padding-top:20px;
}

.pbottom10 {
  padding-bottom:10px;
}

.pbottom20 {
  padding-bottom:20px;
}

.pleft10 {
  padding-left:10px;
}

.pleft20 {
  padding-left:20px;
}

.pright10 {
  padding-right:10px;
}

.pright20 {
  padding-right:20px;
}

.pright40 {
  padding-right:40px;
}

/* ----------------
Margins */

.mtop10 {
  margin-top:10px;
}

.mtop20 {
  margin-top:20px;
}

.mbottom10 {
  margin-bottom:10px;
}

.mbottom20 {
  margin-bottom:20px;
}

.mleft10 {
  margin-left:10px;
}

.mleft20 {
  margin-left:20px;
}

.mright10 {
  margin-right:10px;
}

.mright20 {
  margin-right:20px;
}

/* ----------------
Floats */

.left {
  float:left;
}

.right {
  float:right;
}