/* Springfree CSS Document */

body {
	font-family: arial, helvetica, sans-serif;
	color: #333;
	margin: 0 0 0 0;
	/* background-image: url("/images/h-lines.gif"); */
	background-repeat: repeat;
}

div#maincontent {
    margin: 0;
    padding: 0;
    font-size: smaller;
}

#container {
	width: 760px;
	margin: 0 auto auto auto;
	/* border: 1px solid #999; */
	background-color: white;
}

#homecontainer { height: 600px}

.homemasthead { width: 760px; 
				height: 80px; 
				border: 0;}
				
.normalmasthead { border: 0;}
       
div#masthead { margin: 0 0 0 0;
               padding: 0 0 0 0;}

div#navbar {  margin: 5px 0 5px 0;
              padding: 0 0 0 0;
              width: 760px;
              height: 25px;
              background-color: #09F}

div#navbar .endpieceleft { float: left}
div#navbar .endpieceright { float: right}

div#navbar ul.mainnav { margin-left:2px}

div#navbar ul {  position: relative;
                 top: 6px;
                 margin: 0; 
                 padding: 0; 
                 background-color: #09F;
                 color: #FFFFFF;
                 font-size: 8pt;
                 font-weight: bold;
                 z-index: 99999;
                 }
                 
div#navbar ul li {  position: relative; 
                    list-style: none;
                    height: 20px;
                    text-align:center;
                    background-color: #09F;}

div#navbar ul ul li {  position: relative; 
                       list-style: none; 
                       margin: 0;
                       padding: 0 0 0 1em;
                       height: 20px;
                       display: block;
                       text-align:left;}

div#navbar  ul a {width: auto;}

div#navbar ul ul { position: absolute;
                   background-color: #ADAEAE;
                   top: 20px;
                   left: 0px;
                   display: none;}
                    
div#navbar ul ul ul,
div#navbar ul ul ul ul {  position: absolute;
                          background-color: #ADAEAE;
                          top: 0;
                          width: 9em;
                          left: -8.5em;
                          display: none;}


div#navbar ul.level0     { float: right; 
                           width: 8em; }
                           
div#navbar ul.mainnav    { float  : left; width: 600px;}
div#navbar ul.mainnav li { display: inline; margin: 0px 10px 0px 0px; background-color: #09F;}

div#navbar ul.rightnav    { float  : right;}
div#navbar ul.rightnav li { display: inline; margin: 0px 10px 0px 0px; background-color: #09F;}

div#navbar ul.level0 {  }

div#navbar ul.level0 li.submenu:hover ul.level1,
div#navbar ul.level1 li.submenu:hover ul.level2,
div#navbar ul.level1 li.submenu:hover ul.level2 li.submenu:hover ul.level3
{display:block;}

ul.level1 {width: 85px;}


div#navbar li a {padding: 0 0 0 0;
                  margin: 0 0 0 0;}


div#navbar li a:link, 
div#navbar li a:visited,
div#navbar li a:active{color: #FFFFFF; text-decoration:none; background-color: #999; background-color: #09F;}
div#navbar li a:hover {color: #028CCE; text-decoration:none; background-color: #09F;}
            
div#navbar ul.mainnav li a:hover {color: #FFB13A; text-decoration:none; background-color: #09F;}
div#navbar ul.rightnav li a:hover {color: #FFB13A; text-decoration:none; background-color: #09F;}

div#footer {  position: absolute;
  			  top: 445px;
  		   }
/* promo boxes with css rollovers */
div#promobox { margin: 0 0 0 0;
               padding: 5px 0 5px 0;
               float: left;}
               
div#promobox img {padding: 0 0 0 0; margin: 0 0 0 0; border: 0; float: left;}
div#promobox img.promimg1 {padding: 0 0 0 0;}
div#promobox img.promimg2 {padding: 0 0 0 5px;}
div#promobox img.promimg3 {padding: 0 0 0 6px;}
div#promobox img.promimg4 {padding: 0 0 0 5px;}

div.promo { float: left }

div#linkbar { margin: 0 0 5px 0;
              padding: 0 0 0 0;
              width: 760px;
              height: 25px;
              background-color: #999;
              font-size: 70%;
              color: #FFFFFF;
              clear  : left;}

div#linkbar ul { position: relative;
                 margin: 0 0 0 2px; 
                 padding: 0 0 0 0; 
                 background-color: #999;
                 float  : left; 
                 width: 250px;
                 line-height: 25px;}
     
div#linkbar ul li { position: relative;
                    list-style: none;
                    height: 20px;
                    text-align:center;
                    display: inline;
                    margin: 0px 10px 0px 0px;
                    background-color: #999;}

div#linkbar li a:link, 
div#linkbar li a:visited,
div#linkbar li a:active{color: #FFFFFF; text-decoration:none; background-color: #999; font-weight:normal}
div#linkbar li a:hover {color: #028CCE; text-decoration:none; background-color: #999; font-weight:normal}

div#linkbar p#copyright { line-height: 25px;
                          text-align:right;
                          margin: 0px 0 0px 0px;
                          float:right}
div#linkbar .endpieceleft { float: left}
div#linkbar .endpieceright { float: right}
     
p#fineprint   { margin: 0 0 0 0;
                padding: 0 0 0 0;
                width: 760px;
                font-size: 70%; 
                color: #666666;}

/* begin navmenu */


div#navmenu {  margin: 0;
               padding: 0;
               width: 159px;
               height: 400px;
               font-size: 8pt;
               float: left;}
               
div#navlistholder { margin: 5px 0 5px 0;
										padding:0;}

.brackettop {   width: 12px; 
							  height: 1px;
							  padding:0;
							  margin:0;
							  vertical-align: top;
							  }

.bracketbottom {width: 12px; height: 1px;padding:0; margin: 0; background-color: #000;}

#navmenu ul {list-style: none; padding: 0; margin: 0 }  
#navmenu ul li { line-height: 20px; padding: 0; margin: 0 }
#navmenu a { text-decoration:none;
             font-weight: normal;
             background-color: #fff; }
#navmenu a {color: #09F }
#navmenu a:hover {color: #FFB13A }
#navmenu li.level1-current {color: #333;}
#navmenu li.level1childselected {color: #333 }
#navmenu li.level1nochild {padding-left: 20px }
#navmenu li.level2nochild {padding-left: 40px }
#navmenu li.level2 {background-color:#fff; padding-left: 50px }
#navmenu li.level2-current {color: #333 }
#navmenu ul li img.navarrow { border: 0; float: left; padding: 5px 0 5px 0}
.on  { display:block}
.off { display:none}

.contentarea {  float:left;
                margin: 0;
                padding: 10px 0 10px 0;
                border: 0;
                width: 600px;}

.contentarea a img { border: 0}
           
#slideshow 
{
  position: relative;
  width: 760px;
  height: 330px;
  padding: 0px;
}

#slideshow div 
{
  position: absolute;
  width: 760px;
  top: 0px;
  left: 0px;
  text-align: center;
}


.contentarea .col1 { width: 250px; 
										 float: left; 
										 padding: 0;
										 margin: 0;}
										 
.contentarea .col2 { width: 300px; 
                     float: right; 
                     padding: 0; 
                     margin: 0;}

.contentarea .col2 .spectitle { margin: 5px 0 4px 8px}

.contactform {}

.contentarea .contactheading {color: #333;}
			  
.contactrule {color: #ffb13A;
			  background-color: #ffb13A;
			  border: 0;
			  margin: 0}

.contactform input,
.contactform select {display: block;
                     width: 150px;
	                 float: left;
	                 font-size: 70%;
	                 background-color: #cdccc1;
	                 margin: 0 0 15px 0;
	                 border: 1px solid #999;
	                 color: #333;}
                
.contactform label {width: 150px;
					font-size: 70%;
					float: left;
                    text-align: right;
	                padding-right: 20px;
	                margin: 0 0 0 0;
	                padding: 0 5px 0 0;}

.contactform label.error {color: red; font-weight: bold}

.contactform input.radio { width: auto; margin-right: 5px }
.contactform label.radio { width: auto }

.contactform .contactreset,
.contactform .contactsubmit { width: 60px;
							  height: 20px; 
							  background-color:#cdccc1;
							  color:#333;
							  margin: 5px 0 5px 5px;
							  float:right;}

.contactform .contactreset:hover,
.contactform .contactsubmit:hover {background-color: #999999;color:white}

.contactform br {
	clear: left;
}

.contactform .col1 {width: 320px; 
                    height: auto;
										border: 0;
										float: left;
										padding: 10px 10px 10px 0;
										margin: 0 0 0 0;}
					
.contactform .col2 {width: 202px;
                    height: auto;
					float: left;
					border: 0;
					padding: 0 0 0 0;
					margin: 0 0 0 0;}
					
.contactform .col2 label {width: 150px; 
						  text-align: left;
						  padding: 10px 0 5px 0;}

.contactform .col2 textarea {width: 200px;
                             height: 138px;
							 float:none; 
							 overflow: auto;
							 background-color: #cdccc1;
							 color: #333;
							 font-size: 85%;
							 padding: 0 0 0 0;
							 border: 1px solid #999;}

.cyantext { color: #09F }

.productgallery { float: left; 
		   width: 260px; 
		   border: 1px solid #cdccc1;
		   padding: 5px 0 3px 5px;
		   margin: 0 10px 0 0}
		   			 
.productgallery .display { float: left; 
					width: 200px; 
					border: 0; 
					padding: 0; 
					margin: 0 5px 0 0;
					position: relative; 
					top: 5px}
					
.productgallery .thumbs { float: left; padding: 0 margin: 0}

.productgallery .thumbs img { border: 1px solid #cdccc1;
                       display:block; 
                       margin: 0 0 2px 0;}

.exploregallery { float: left; 
		   width: 294px; 
		   border: 1px solid #cdccc1;
		   padding: 5px 0 3px 5px;
		   margin: 0 10px 0 0}
		   			 
.exploregallery .display {
					width: 200px; 
					border: 0; 
					padding: 0; 
					margin: 0 5px 0 0;
					position: relative;}
					
.exploregallery .thumbs {padding: 0; margin: 5px 0 0 0; text-align:center}

.exploregallery .thumbs img { border: 1px solid #cdccc1;
                       margin: 0 0 0 0;}

.exploretext { padding: 15px 0 0 0;}

.sitemap {float:left; width:580px; padding: 0 10px 10px 10px; }

.sitemap ul.navcol {display: block; float: left;}

.sitemap li {
	list-style: none;
	font-weight: bold;
	padding-left: 0;
	margin-left: 0;
	margin-top: 0.25em;

	}

.sitemap li ul {
	font-weight: normal;
	padding-left: 0;
	margin-left: 1em;
	}

.sitemap li ul li {
	font-weight: normal;
	margin-left: 0;
	padding-left: 16px;
	background-color: white;
		width: 10em;
	}

.sitemap li ul li ul li {
	margin-left: 1em;
	background: url(/images/bullet.gif) no-repeat 0 50%;
	}

.sitemap li,
.sitemap li a:link,
.sitemap li a:visited,
.sitemap li a:active {color: #333; text-decoration:none;}

.sitemap li li a:link,
.sitemap li li a:visited,
.sitemap li li a:active {color: #333; text-decoration:none; font-weight: normal;}

.sitemap li a:hover, 
.sitemap li li a:hover,
.sitemap li li li a:hover {background-color: #ddd;}

/* shop styles */

.producttable { border: 1px dotted black;
				border-collapse: collapse;
				width: 395px;
				margin-top: 10px; 
				margin-left:50px;}

.producttable th.tbodyheading { text-align: center; background-color: #ddd}
.producttable .currency {text-align: right; }
.producttable .quantity {text-align: right; }

.shop .producttable td { border-bottom: 1px dotted black; 
                   text-align: left;
                   height: 20px;
				           padding: 0 5px 0 5px;}

.shop .producttable th { border-bottom: 1px dotted black; 
                   text-align: center;
                   height: 20px;
                   padding: 0 5px 0 5px;}
           
.producttable .bottomline td, .producttable .bottomline th{ border-top: 1px solid black;}

.adjustform input.quantity { width: 50px}

.buttonsleft  { width: 200px; float: left;}
.buttonsleft input { margin: 10px 2px 5px 15px}
.buttonsright { width: 325px; float: right;}
.buttonsright input { margin: 10px 2px 5px 2px;}

/* foo */
.serviceoptions { margin: 20px 0 20px 15px}
.serviceoptions label { display: block; float: left; width: 180px; padding-right: 10px}
.serviceoptions select {}

#prevnext { margin: 10px 0 10px 0 }


form.cmxform fieldset {
  margin-bottom: 10px;
  border: 0;
}

form.cmxform legend {
  font-weight: bold;
  display:none;
}

form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
  padding: 0 5px 15px 0;
  display: block;
  clear: left;
}
form.cmxform label {
  display: block;
  width: 110px;
  float: left;
  margin: 0;
  padding: 0 2px 0 0;
}
form.cmxform .field {
  width: 200px;
}
form.cmxform #purchase_reason{
  height: 40px;
}
form.cmxform select {
  margin-right: 8px
}
.fielderror {
  color: red;
  font-size: 80%;
}
.paymenterror {
  color: red;
  font-weight: bold;
}
.checkoutconfirm { width: 565px;}

.checkoutconfirmtable { border-collapse: collapse;
					    border: 1px dotted black;
						width: 395px; 
						margin-top: 20px; 
						margin-left:15%;
						margin-right:15%}

.checkoutconfirmtable th,.checkoutconfirmtable td { border-bottom: 1px dotted black;
                   									text-align: left;
				   									height: 20px;
				        							padding: 0 5px 0 5px;}

.checkoutconfirmtable th.tbodyheading { text-align: center; background-color: #ddd}
.checkoutconfirmtable th.fieldheading {width: 100px }

.mandarisk {color:red }
.shop  {}
.shop .instruct {margin: 10px 0 10px 5px}
.shop .instruct .title {font-size: 120%; font-weight:bold; margin: 0 0 0 0}
.shop .instruct .para { margin: 0 0 5px 0}

.shop table.prodlist td { padding: 10px 0 10px 0 }
.shop table.prodlist td.bordered {  border-bottom: 2px dotted #ddd}
.shop table.prodlist td.prodimg { width: 100px;}
.shop table.prodlist td.proddetails { width: 400px; padding: 0 0 0 25px;}
.shop table.prodlist td.proddetails .title {font-size: 110%; font-weight:bold;}
.shop table.prodlist td.proddetails .price {line-height: 40px; font-size: 110%; font-weight:bold; color:#09F}

.shop .spectablecontainer { border: 1px solid #cdccc1; margin:0; padding:2px;width:560px;}
.shop table.spectable { width:560px;
                        border-collapse: collapse;
						border-spacing: 0;}
.shop table.spectable td {padding: 4px; border: 0; margin:0}
.shop th {font-weight: bold; text-align:left}
.shop td.sectiontitle {	font-weight: bold;	text-align: left;	text-transform: uppercase;	background-color: #80ccff;	padding: 4px;}
.shop td.rowtitle {	font-weight: bold;	text-align: left;	padding: 4px;	width:33%;}
.shop tr.row1 {	background-color: white;}
.shop tr.row2 {	background-color: #cdccc1;}

/* used for image title in buy page */
imgtitle {margin:0;padding:0}

/* store locator */
.locator form { margin-top: 10px; }
.locator form .gobutton { margin-left: 5px; vertical-align: bottom}
.locator .backbutton { margin-top: 10px; vertical-align: bottom}
.locator .dealersearchresults .thumbmap { float: left; margin-right: 10px;}
.locator .dealersearchresults address.dealeraddress { font-style: normal; margin-bottom: 10px}
.locator hr { margin: 10px 0 10px 0; height: 1px; background: #CCC; border: 0}
.locator .dealersearchresults .distance { color: #09F; font-weight: bold}
.locator .dealersearchresults address span.name { font-size: 115%; font-weight: bold}
.locator .errormsg {color:red;}

/* default mail form */
.defaultform { float: left;
			   margin: 0;
			   padding: 0}

.defaultform fieldset { border: 0}

.defaultform fieldset legend { padding: 0;
							   margin: 10px 0 0 0;
							   text-transform: uppercase;
							   font-weight: bold;
							   color: #333;}

.defaultform .form-row 
{ 
  clear: both;
  padding-top: 10px;
  min-height: 20px;
}

.defaultform .formerror { clear: left }

.defaultform .form-row .content { float:left; }

.defaultform .form-row .content .formerror { color: red;}

.defaultform .tooltipqmark {
  padding: 0 0 0 10px;
  font-weight:bold;
  font-size: 120%;
  color: red;
  text-align: right;
  cursor: help;
  float: left;
}

.defaultform .tooltip { display: none }

.defaultform input,
.defaultform select {display: block;
	                 float: left;
	                 width: 280px;}

.defaultform textarea { width: 280px; height: 100px; float: left;}

.defaultform label {width: 16em;
					float: left;
					text-align: right;
					padding: 0 10px 0 0;
					margin: 0}

.defaultform .reset,
.defaultform .submit { width: 60px;
					   height: 20px;}