/***************************************
   =HEADER STYLES
-------------------------------------- */
/* import styles that apply to all sections - branded and non- */
@import url("header.css");

/* styles just for non-branded section */


/***************************************
   =LAYOUT
-------------------------------------- */
* {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 0; 
}

#wrapper {
  background: url(../product/dimensionslattice/images/menubckgrd.jpg) repeat-y 0 0;
  position: relative;  
  width: 1000px;
  margin: 20px auto;
  padding: 0;
  text-align: left;
  border:#FFFFFF;
  border-width: 3px;
}

#container {
padding:0;
	position: relative;
	width: 1000px;
	
}
#content {
 
  float: right;
  width: 820px;
/*  margin-left: 210px;*/
/*  display: inline;*/
  padding: 25px 0;
} 

 #navigation {
  background:url(../product/dimensionslattice/images/menubckgrd.jpg) repeat-y 0 0;
  width: 145px;
  position: absolute;
  top: 0;
  left: 0;
  display: inline;
  padding: 20px 0;
}

#footer {
  clear: both;
  padding: 10px 20px;
}

/***************************************
   =TYPOGRAPHY and BACKGROUNDS
-------------------------------------- */

body {
  font-size: 62.5%; /* Sets 1em to 10px */
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  background-color:#666666;
  color: #fff;
}

#wrapper{
background-color:#FFFFFF;
}

#container {
  font-size: 1.2em;
  color: #000;
  border-bottom: 0;
}

#footer {
  color: #000;
  border: 1px solid #fff;  
  border-top: 0;
  background: #FFF;
  font-size: 1.1em;
}
#footer .legal {
  padding: 2px 0;
  color: #000;
}

h2 {
  font-size: 1.2em;
  margin-bottom: 1em;
}

h3 {
  font-size: 1.1em;
  margin-top: 1em;
}

h4 {
  font-size: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}

h5 {
  font-size: 1em;
  margin-top: .1em;
  margin-bottom: .1em;
}

p {
  margin-bottom: 1em;
}
#content * {
  padding-right: 10px;
  padding-left: 25px;
}
#content * * {
  padding-right: 0;
  padding-left: 0;
}

#content ul,
#content ol {
  margin-left: 1.1em;
  margin-bottom: 1em;
}
#content ol li {
  margin-top: .5em;
}

/* links */
a {
  color: #72AEDD;
}

#content a:visited {
  color: #777;
}

.brdr {
border: 1px solid #333333;
}

/* striping */
.odd {

}
.even {
  background-color: #ebf4fa;
}

#content ul.alternate li {
  padding: .25em;
}

/* active class */
#container .active {
  color: #708d93;
}
#container a.active {
  cursor: text;
  color: #708d93;
}
/***************************************
 =General floating and clearing
-------------------------------------- */

.float-left {
  float: left;
  padding: 1em 1em 1em 0;  
}
.float-right {
  float: right;
  padding: 1em 0 1em 1em;  
}
.align-right {
  text-align: right;
}

.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-both {
  clear: both;
}

.float-center {
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
#content .align-center {
  text-align: center;
}
/***************************************
   =main content area
-------------------------------------- */
#content .feature-image {
  float: right;
  margin-top: -25px;
  padding: 0 0 1em 1em;
}
#content .feature-logo {
  float: right;
  clear: right;
  padding: 0 0 1em 1em;
  margin-top: 5px;
}
/***************************************
 =NAVIGATION
-------------------------------------- */

a.active {
  color: #F5F1D5;
}
#navigation ul li a.active {
  cursor: text;
  color: #F5F1D5;
}

/* navigation column */
#navigation * {
  margin-right: 12px;
}
#navigation * * {
  margin-right: 0;
}
#navigation ul {
  list-style-type: none;
  margin: 8px 0 0 0;}

#navigation li {
  padding-bottom: .5em;
}

#navigation ul li ul li{
	margin-left: 10px;
	font-size: 11px;
}

#navigation a {
  text-decoration: none;
  color:#FFFFFF; 
  font-weight:bold;
}

#navigation a:visited {
  color:#FFF;
  font-weight:bold;
}




/***************************************
   =SPECIAL STYLES
-------------------------------------- */
.hover {
  cursor: pointer;
}
.float-half {
  float: left;
  width: 42%;
}
.float-half ul {
  list-style-type: none;
  margin-left: 0;
}
.float-half li {
  margin-left: 0;
}

/***************************************
   =TABLES 
-------------------------------------- */

#content table {
  background-color: #dbebf6;
  border-collapse: collapse;
  margin: .5em 20px 1em 20px;
  font-size: 1em;
  color: #000;
}

#content table a {
  color: #347CB5;
  font-weight:bold;
}

#content table.plain {
  background-color: #dbebf6;
  font-size: 1em;
  margin: .5em 20px 1em 20px;
  color: #000;
}

#content form table {
  margin: 0 0 1em 0;
}
#content thead tr {
  background-color: #E4DCAE;
  color: #000;
  padding-left: 8px;
}
#content thead tr,
#content thead th {
  font-weight: bold;
}
#content th {
padding: 0 0 0 1px;
}

#content tbody th,
.subhead {
  font-weight: normal;  
}
#content th.align-right {
  text-align: right;
}
#content td {
  padding: 5px;
}

/***************************************
   =HOME PAGE
-------------------------------------- */
.home #wrapper {
background:#FFFFFF;
}

.home #feature-image {
  float: left;
  margin: 0;
  padding: 0;
}

.home #container {
  background:#FFFFFF;
  border-top: 0;
  width: 1000px;
  min-height: 263px;
}

.home #content {
  background: url(../product/dimensionslattice/images/contentbckgrd.jpg) no-repeat 0 0;
  width: 404px;
  min-height: 253px;
  position: relative;
  float: right;
  padding: 12px 0;
}

.home #content a {
   color: #72AEDD;
   font-weight: bold;
}

.home #content a:visited {
   color: #72AEDD;
}

.home dt {
  text-transform: uppercase;
  margin-top: 1em;
} 

.home #navigation {
	background: url(../product/dimensionslattice/images/menubckgrd.jpg) no-repeat 0 0;
	width: 181px;
	min-height: 251px;
	position: relative;
	float: left;
	padding: 12px 0 0 0;
	z-index: 20;
	
}

.home #navigation li {
  padding-bottom: .5em;
}

.home #navigation ul {
  list-style-type: none;
  padding-left: 25px;
  margin: .5em 0;}
  
.home #navigation a{
 text-decoration: none;
    color:#FFFFFF;
    font-weight:bold;}

.home #navigation img {
  padding: 0 20px;
}

.home #navigation p {
  padding: 0 25px;
}

#wrapper .countrylist {
  top: 54px;
}



/***************************************
   =Allow clears after the element the style is applied to.
-------------------------------------- */

.clear-after:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clear-after {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear-after {height: 1%;}
.clear-after {display: block;}
/* End hide from IE-mac */


#htbForm{
	margin-top: -20px;
	min-height: 300px;
}

#htbForm table{
	width: 370px;
	}

#htbForm table th{
		padding: 5px;
	}
	
#htbForm table span.product-label{
	font-size: 12px;
	font-weight: bold;
	display: block;
	padding-top: 5px;
}

#htbForm #HowToBuyControl_upHTBForm {
	width:370px;
}


#htbForm table tr#HowToBuyControl_trCustType td h3{
	font-size: 12px;
}

#htbForm table tr#HowToBuyControl_trZip td{
	font-weight: bold;
	font-size: 12px;
}

#htbForm div#HowToBuyControl_pnlResults h2,
#conForm h2{
	font-size: 14px;
}

#htbForm table#HowToBuyControl_tblResults{
	width: 370px;
	}
	#htbForm table#HowToBuyControl_tblResults th{
		background-color: #999999;
		color: #ffffff;
		padding: 5px 10px;
	}
	#htbForm table#HowToBuyControl_tblResults td{
		padding: 10px;
	}