/* CSS Document */

body {

font: .85em "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Verdana, sans-serif;

color: #444;

background: #1c3666 url('/images/page_bg.gif') repeat-x top center;

margin: 0;

}



a:link, a:visited, a:active {color: #1b1bae;}

a:hover {color: #5f5fdf;}

img {border: 0;}

h1 {margin-top: 0;}

dt {font-weight: bold; padding-top: 6px; padding-bottom: 2px;}

dd {margin-left: 0; padding-left: 6px;}

acronym {border-bottom: 1px dotted #666; cursor: help;}

input, textarea {font: 1em Arial, Helvetica, sans-serif;}

form {margin: 0; padding: 0;}



.bright-box {

border: 1px dashed #7cafdc;

background-color: #ececec;

padding: 0 4px;

margin-top: 20px;

}

.secondary-text {color: #666;}

.center {text-align: center;}

.clear {clear: both;}

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

* html .clearfix {height: 1%;}

.padding-left {padding-left:10px;}

#container {

width: 750px;

margin: 0 auto;

}



#header {

width: 750px;

height: 140px;

background: #fcf7e9 url('/images/header_bg.jpg') no-repeat;

}

#header h1 {margin: 0; padding: 0;}

#header h1 a {

display: block;

width: 205px;

height: 135px;

text-decoration: none;

outline: none;

}

#header h1 span {margin-left: -9999px;}



#navigation {

list-style: none;

margin: 0;

padding: 0;
z-index:1000;
}

#navigation li {float: left; margin: 0; padding: 0;}

#navigation li a {display: block; outline: none; text-decoration: none;}

#navigation li a span {margin-left: -9999px;}



/*--------------------------------*/

/*Navigation*/



ul#navigation {

z-index: 1000;

position: relative;

clear: both;

height: 31px;

background: #84bbeb;

}







ul#navigation {list-style: none; margin: 0; padding: 0;}

ul#navigation li {z-index: 1000; position: relative; float: left; text-transform:uppercase; border-right: 1px dotted #c8e5fe; background: #84bbeb;}

ul#navigation li a:link,

ul#navigation li a:visited,

ul#navigation li a:active {

float: left;

font: 13px "Trebuchet MS", Tahoma, Arial, sans-serif;

display: block;

height: 25px;

color: #fff;

text-decoration: none;

outline: none;

padding: 6px 33px 0px 32px;



}

ul#navigation li a:hover {background-color: #9bcdf9;;}

ul#navigation li #current-page {background: #9bcdf9;}











ul#navigation li ul { /* second-level lists */

z-index: 1000;

display: none;

clear: both;

position: absolute;

	top: 31px;

	left: 0;

list-style: none;

width: 180px;

margin: 0;

padding: 0;

background-color: #9bcdf9;





}





ul#navigation li ul li {background-color: #9bcdf9;}

ul#navigation li ul li a:link,

ul#navigation li ul li a:visited,

ul#navigation li ul li a:active{

z-index: 1000;

position: relative;

clear: both;

width: 164px;

font: 12px/20px "Trebuchet MS", Tahoma, Arial, sans-serif;

background: transparent;

height: 20px;

color: #fff;

text-decoration: none;

outline: none;

border: 1px dotted #c8e5fe;

padding: 2px 10px 2px 5px;

}

ul#navigation li ul li a:hover {

color: #fff;

background-color: #84bbeb;

}

ul#navigation li:hover ul, #navigation li.over ul { /* lists nested under hovered list items */

display: block;

}



#content {

background: #fcf7e9 url('/images/container_bg.gif') repeat-y;

}

#clear-content {

clear: both;

height: 30px;

background: url('/images/container-bottom_bg.gif') no-repeat bottom;

}

#column1 {

float: left;

width: 548px;

}

#column1 .padding {

padding: 5px 16px; 

line-height: 1.5;

display: block;

}

#action-container {

width: 548px;

padding-bottom:10px;

background-color: #fcf4db;

z-index:1;

display: block;

}

#action-container #seminar-video {

padding-top: 7px;

z-index: 1;

padding-left: 12px;

	float:left;

	width:300px;

display: block;

}



#action-container .video-description {

float:left;

width:200px;

padding: 10px;

margin: 0;

display: block;

}

#photo-list {list-style: none; margin-left: 15px; padding-left: 0;}

#photo-list li {display: inline;}

#photo-list a:link img, #photo-list a:visited img, #photo-list a:active img {border: 2px solid #7badda;}

#photo-list a:hover img {border: 2px solid #8fcbff;}



#columns-table {

width: 500px;

}

#columns-table tr {

border-top: 1px solid #ccc;

}



#column2 {

float: left;

width: 202px;

font-size: .9em;

}

#column2 .padding {padding: 5px 8px;}

#column2 h1 {

font-size: 1.4em;

border-bottom: 1px solid #ccc;

padding-top: 8px;

}

.column-preview {padding-left: 17px; background: url('/images/article-icon.gif') no-repeat left top;}

.column-preview a {text-decoration: none; border-bottom: 1px dotted #0066FF;}



#footer {

clear: both;

color: #f6f6f6;

text-align: center;

font-size: .9em;

}

#footer a:link, #footer a:visited, #footer a:active {color: #fff; text-decoration: underline;}

#footer a:hover {color: #ccc;}



#footer2 {

clear: both;

color: #f6f6f6;

text-align: center;

font-size: .7em;

}

#footer2 a:link, #footer2 a:visited, #footer2 a:active {color: #fff; text-decoration: underline;}

#footer2 a:hover {color: #ccc;}



.fav-prod {

	margin-bottom:20px;

	

}

.fav-float-left {

	float:left;

	margin:0 20px 0 10px;

}

.fav-float-right {

	float:right;

	margin:0 0 10px 10px;

}

.styled_input_lg {

	width:350px;

	padding:3px;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #628aad;

	background-color:#e6e6e6;

}



.styled_input_med {

	width:125px;

	padding:3px;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #628aad;

	background-color:#e6e6e6;

}

.styled_input_sm {

	width:50px;

	padding:3px;

	font-size:16px;

	font-family:Arial, Helvetica, sans-serif;

	border:1px solid #628aad;

	background-color:#e6e6e6;

}



/* Store Styles */

.prod-container {

	width: 150px;

	float: left;

	margin-right: 20px;

	text-align: center;

}

.prod-container a {

	text-decoration: none;

}

.prod-container img {

	border: 1px solid #999;

}



.prod-container-lg p {

	padding: 0;

	margin: 0;

}

.prod-image {

	width: 150px;

	text-align: center;

	float: left;

}

.prod-image img {

	border: 1px solid #999;	

}



.prod-info {

	width: 340px;

	float: left;

	margin-left: 20px;

	padding: 0;

}