/**
 * Screen
 *
 * @author Cornelius Hansjakob <cha@massiveart.com>
 * @version 1.0
 */


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

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

body {
  height:100%;  
  color:#666;
  font-family: Arial, sans-serif;
  font-size:12px;
  line-height:20px;
  text-align:center;
  background-color:#8c7e6d;
  behavior: url("/website/themes/kanz/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;
}

body.template_01_sd,
body.template_overview_sd {
  background-color:#666;
}

body.template_01_doell,
body.template_overview_doell {
  background-color:#fff;
}

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:#fff;
  padding:20px;
}

.template_01_sd .outerContainer,
.template_overview_sd .outerContainer {
  background-color:#ff6600;
}

.template_01_doell .outerContainer,
.template_overview_doell .outerContainer {
  background-color:#cc0001;
}

.innerContainer {
  background: #f9f9ed url(/website/themes/kanz/images/gradient_kanz.gif) repeat-x 0 0;
}

.template_01_mothernature .innerContainer,
.template_overview_mothernature .innerContainer {
  background: #f9f9ed url(/website/themes/kanz/images/gradient_mothernature.gif) repeat-x 0 0;
}

.template_01_steiff .innerContainer,
.template_overview_steiff .innerContainer {
  background: #f9f9ed url(/website/themes/kanz/images/gradient_steiff.gif) repeat-x 0 0;
}

.template_01_sd .innerContainer,
.template_overview_sd .innerContainer {
  background:none;
  background-color: #fff;
}

.template_01_doell .innerContainer,
.template_overview_doell .innerContainer {
  background:none;
  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 0 20px;
  margin:0 0 20px 0;
  overflow:hidden;
}

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

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

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

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

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

a:hover {
  color:#cc0000;
  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;
}

.template_01_sd a:hover,
.template_overview_sd a:hover {
  color:#ff6600;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

.template_01_doell a:hover,
.template_overview_doell a:hover {
  color:#cc0001;
  font-size:12px;
  line-height:20px;
  font-weight:bold;
  text-decoration:underline;
}

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

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

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

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

.template_01_sd h1,
.template_overview_sd h1 {
  color:#ff6600;
}

.template_01_doell h1,
.template_overview_doell h1 {
  color:#cc0001;
}

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

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

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

.template_01_sd h2,
.template_overview_sd h2 {
  color:#ff6600;
}

.template_01_sd h2,
.template_overview_sd h2 {
  color:#cc0001;
}

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:#cc0000;
}

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

.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;
}

.template_01_sd h2 a,
.template_01_sd h2 a:hover,
.template_overview_sd h2 a,
.template_overview_sd h2 a:hover {
  color:#ff6600;
}

.template_01_doell h2 a,
.template_01_doell h2 a:hover,
.template_overview_doell h2 a,
.template_overview_doell h2 a:hover {
  color:#cc0001;
}

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

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

#logo {
  background:url(/website/themes/kanz/images/logo_background.png) no-repeat 0 0;
  behavior: url(/website/themes/kanz/css/iepngfix/iepngfix.htc);
  position:absolute;
  top:5px;
  left:50%;
  margin-left:-115px;
  z-index:10;
  width:254px;
  height:207px;
}

#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;
}

.template_01_sd #logo div.sd,
.template_overview_sd #logo div.sd {
  width:230px;
  text-align:center;
  padding:45px 0 0 0;
  cursor:pointer;
  display:block;
}

.template_01_doell #logo div.doell,
.template_overview_doell #logo div.doell {
  width:230px;
  text-align:center;
  padding:45px 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 {
  position:absolute;
  z-index:30;
  top:60px;
  left:0;
}

#storeSearch img {
  behavior: url(/website/themes/kanz/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:#fff;
  font-family:Georgia, "Times New Roman", serif;
  font-size:12px;
  line-height:16px;
  text-align:center;
}

.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:#fff;
  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/kanz/images/header_background.png) no-repeat 0 0; 
  behavior: url(/website/themes/kanz/css/iepngfix/iepngfix.htc);
}

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

.headerContainer .image img {
  position:absolute; 
  z-index:10; 
  top:0; 
  left:0;
}

.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 .hoverTab1,
.headerContainer .hoverTab2,
.headerContainer .hoverTab3 {
  behavior: url(/website/themes/kanz/css/iepngfix/iepngfix.htc);
  position:absolute;
  z-index:30;
  width:887px;
  height:74px;
  top:0;
  left:0;
}

.headerContainer .hoverTab1 {
  background:url(/website/themes/kanz/images/tab1.png) no-repeat 0 0;
}

.headerContainer .hoverTab2 {
  background:url(/website/themes/kanz/images/tab2.png) no-repeat 0 0;
}

.headerContainer .hoverTab3 {
  background:url(/website/themes/kanz/images/tab3.png) no-repeat 0 0;
}

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

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

.headerContainer #tab1 {
  float:left;
  text-align:center;
  width:300px;
  height:70px;
  cursor:pointer;
  position:relative;
  z-index:40;  
}

.headerContainer #tab2,
.headerContainer #tab3 {
  float:left;
  text-align:center;
  width:280px;
  height:70px;
  cursor:pointer;
  position:relative;
  z-index:40;
}

.headerContainer #tab2 {
  width:180px;
  padding:0 50px 0 50px;
}

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

.mainNavContainer .nav {
  background:url(/website/themes/kanz/images/nav_background.gif) repeat-x 0 0;
  height:60px;
  width:880px;
}

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

.mainNavContainer ul {
  float:left;
}

.mainNavContainer ul ul {
  background-color:#f9f9ed;
	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/kanz/images/nav_divider.gif) no-repeat 0 50%;
  float:left;
  height:40px;
  padding:20px 9px 0 9px;
  position:relative;
}

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

.template_01_sd .mainNavContainer li.selected,
.template_overview_sd .mainNavContainer li.selected {
	background:transparent url(/website/themes/kanz/images/nav_divider.gif) no-repeat 0 50%;
}

.template_01_sd .mainNavContainer ul ul li.selected,
.template_overview_sd .mainNavContainer ul ul li.selected {
  background:url(/website/themes/kanz/images/navsub_divider.gif) no-repeat 0 100%;
}

.template_01_doell .mainNavContainer li.selected,
.template_overview_doell .mainNavContainer li.selected {
	background:transparent url(/website/themes/kanz/images/nav_divider.gif) no-repeat 0 50%;
}

.template_01_doell .mainNavContainer ul ul li.selected,
.template_overview_doell .mainNavContainer ul ul li.selected {
  background:url(/website/themes/kanz/images/navsub_divider.gif) no-repeat 0 100%;
}

.mainNavContainer ul ul li,
.mainNavContainer ul ul li:hover,
.mainNavContainer ul ul li.selected {
  background:url(/website/themes/kanz/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,
.template_01_sd .mainNavContainer li.selected:last-child,
.template_overview_sd .mainNavContainer li.selected:last-child {
  background:none;
}

.mainNavContainer ul ul li:last-child,
.template_01_doell .mainNavContainer li.selected:last-child,
.template_overview_doell .mainNavContainer li.selected:last-child {
  background:none;
}

.mainNavContainer li:hover {
  background:#f9f9ed;
  float:left;
  height:40px;
  padding:20px 9px 0 9px;
}

.template_01_sd li:hover,
.template_overview_sd li:hover {
  background:transparent url(/website/themes/kanz/images/nav_divider.gif) no-repeat 0 50%;
}

.template_01_doell li:hover,
.template_overview_doell li:hover {
  background:transparent url(/website/themes/kanz/images/nav_divider.gif) no-repeat 0 50%;
}

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

.mainNavContainer li:hover a {
  color:#48403c;  
}

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

.template_01_sd .mainNavContainer li:hover a,
.template_overview_sd .mainNavContainer li:hover a,
.template_01_sd .mainNavContainer li:hover a:hover,
.template_overview_sd .mainNavContainer li:hover a:hover {
  color:#ff6600;
}

.template_01_doell .mainNavContainer li:hover a,
.template_overview_doell .mainNavContainer li:hover a,
.template_01_doell .mainNavContainer li:hover a:hover,
.template_overview_doell .mainNavContainer li:hover a:hover {
  color:#cc0001;
}

.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:hover,
.mainNavContainer ul li:hover ul li a:hover {
  text-decoration:none;
  color:#8c7e6d;
}

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

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

.template_01_sd .mainNavContainer li.selected a,
.template_overview_sd .mainNavContainer li.selected a:hover,
.template_01_sd .mainNavContainer ul li:hover ul li.selected a,
.template_overview_sd .mainNavContainer ul li:hover ul li.selected a:hover {
  color:#ff6600;
}

.template_01_doell .mainNavContainer li.selected a,
.template_overview_doell .mainNavContainer li.selected a:hover,
.template_01_doell .mainNavContainer ul li:hover ul li.selected a,
.template_overview_doell .mainNavContainer ul li:hover ul li.selected a:hover {
  color:#cc0001;
}

/* ----------------
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 20px 20px 20px;
}

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

.templateContainer .imgRight {
  padding:0 20px 10px 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 40px 0 0;
}

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

.templateContainer .block {
  padding:0 20px 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 15px 15px 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;
}

.template_01_sd .footer,
.template_overview_sd .footer {
  color:#fff;
}

.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;
}

.template_01_sd .footer .right a,
.template_overview_sd .footer .right a {
  color:#fff;
}

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

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

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

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

#noticebox {
  color:#cc0000;
  font-size:14px;
  line-height:20px;
  border:3px solid #cc0000;
  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:#cc0000;
  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;
}

/* ----------------
Busy */

.busy,
.formContainer .busy,
.formContainer .button .busy {
  background: #F9F9ED url(/website/themes/kanz/images/loader.gif) no-repeat center center;
  border:0;
  color: #F9F9ED;
  font-size:0;
  height:35px;
  
}