/*Generic content template*/

.sectionNav {
	width: 150px;
	margin:0 30px 10px 20px;
	padding:0;
}

.sectionNav li {
	font-size:11px;
	line-height: 12px;
	margin-top: 6px;
	color: ;
	*zoom:1;
	text-transform: capitalize;
}

.sectionNav li a, 
.sectionNav li span {
	color: #666;
    text-decoration:none;
	display: block;
	padding-left: 10px;
}
.sectionNav li a.selected {
	color: #c00;
	background:url(images/sprite.png) no-repeat -296px -515px;
	_background:url(images/sprite.gif) no-repeat -296px -515px;
	font-weight:normal;
}



.sectionNav li.mainMenu li.icon-video a.selected  {
	background:url(images/video_selected.gif) no-repeat 0 0;
}

.sectionNav li.mainMenu li.icon-video a {
	padding-left:24px;
}

.sectionNav li.mainMenu li.icon-video a {
	background:url(images/video.gif) no-repeat 0 0;
}

.sectionNav li.mainMenu {
	padding: 5px 0 5px 0;
	margin-top: 5px;
    border-top: 1px dotted #A0A0A0;
	font-weight: bold;
	text-transform: uppercase;
}

.sectionNav  li.subMenu {
	font-weight:normal;
	text-transform:none;
}

.sectionNav li .subMenu a {
	padding-left: 20px;
}

/*
.sectionNav .selected {
	color: #666;
}

.sectionNav ul li {
	border-top:1px dotted #A0A0A0;
}

.sectionNav ul li li {
	border-bottom:none;
}
*/
.sectionNav li.last {
	border-bottom:none;
}

.next {
	font-style:italic;
}


/*Main content column*/
.column3 {
	color: #000;
}

.column3 a,
.column4 a {
	color: #555555;
}

/*.column3 a:visited,
.column4 a:visited {
	color: #555555;
}*/

.column3 a:hover,
.column4 a:hover {
	color: #df3d3a;
}
.column3 em {
	font-style: italic;
}
.column3 strong {
	font-weight: bold;
}

/*title*/

.column3 h1{
	font-size: 18px;
	line-height: 20px;
	font-weight:bold;
	margin-bottom: 3px;
	color:#000;
}
.column3 h2 {
	font-size: 14px;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:10px;
	color:#111;
}
.column3 h3 {
	font-size: 12px;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:10px;
	color:#111;
}
.column3 h4 {
	font-size: 11px;
	font-weight:bold;
	padding-top:5px;
	margin-bottom:10px;
	color:#111;
}
.column3 ul li {
	list-style-type: square;
}
.column3 ol li {
	list-style-type: decimal;
}
.column3 ol li li {
	list-style-type: square;
}
.notice {
    font-size:12px;
    font-weight:normal;
}

.introduction{
	color: #555;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 15px;
	/*font-weight: bold;*/
}

.body {
    margin-bottom:10px;
	border-top: 1px dotted #a0a0a0;
	padding-top: 13px;
}

.body a {
	text-decoration: underline;
}

.body p {
	margin-bottom:10px;
}

.column3 .hr {
	border-top:1px dotted #999;
	background:none;
	height:1px;
	margin: 10px 0;
}
.column3 hr {
	display: none;
}
.body ul, .body ol {
	margin-bottom: 10px;
}
.body ul ul, .body ol ol {
	margin-bottom:0px;
}
.body ul li{
	font-size:12px;
	margin-left:30px;
	margin-bottom:10px;
}
.body ol li{
	font-size:12px;
	line-height:14px;
	margin-left:30px;
	/* *margin-left:0; -- disabled by Hyungju Kwon it was causing QB 38 "Another Bug on the FAQ template IE Only" - July 14 2009 */
	margin-top:5px;
}
.body .call-to-action {

}

.body .call-to-action a {
	font-size:11px;
	font-weight: bold;
	background: transparent url(images/arrow.gif) no-repeat scroll 0 4px;
	color: #888;
	padding-left: 1em;
	text-decoration: none;
}

.body .call-to-action a:hover {
	color:#df3d3a;
}

.body table {
	margin: 15px 2px;
}
.body table th {
	background-color: #e4e4e4;
	font-weight: bold;
}
.body table {
	border: 1px solid #c7c7c7;
}
.body table td, .column3 table th {
	border: 1px solid #c7c7c7;
	padding: 10px;
}
.body table.simple {
	border: 0px solid #c7c7c7;
}
.body table.simple td, .column3 table.simple th {
	border-left: 0px;
	border-right: 0px;
}

blockquote.quote,
q.quote {
	padding:10px 0 0 32px;
	margin: 0 0 20px 0;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
    background:url(images/quote.gif) no-repeat left top;
	display: block;
}


/*related media call to action button*/

.view {
	padding: 6px 0 3px;
}

/* Forms */

.inputComments textarea {
    height:100px;
}

button.button2 {
    width:73px;
    border:none;
}

/* PAGE LISTINGS*/

.listing {
	clear: both;
}

.listing .title {
    font-size:15px;
    font-weight:bold;
    color:#111;
    margin-bottom:10px;
}

.listing-content {
	/*border-top:1px dotted #999;*/
	float: left;
}

.listing-left {
	margin-left: 100px;
}

.listing-left div {
	clear: right;
	width: 100%;
	_width: 95%;
}

.listing .date{
	font-size:12px;
	line-height: 15px;
	font-weight:bold;
	color:#555;
}

.listing ul li {
	padding: 7px 0;
    /*overflow:auto;*/
	clear:both;
    zoom:1;
	list-style-type:none;
	min-height:87px;
	height:auto !important;
	height:87px;
	position: relative;
	border-top:1px dotted #999999;
}

.listing .news {
	font-size:12px;
	line-height: 15px;
	font-weight:bold;
	margin-bottom: 2px;
}

.listing .news a {
	color: #000;
	text-decoration: none;
}

.listing .news a:hover {
	color: #d80e0a;
	text-decoration: underline;
}

.listing .brief {
	font-size:12px;
	line-height: 15px;
	color: #000;
	float: left;
}

.listing .more {
	/*text-transform:uppercase;=*/
}

.listing-left .more a {
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	color: #555;
}

.listing .photo {
	float: left;
}

.listing .photo a {
    display:block;
	width:85px;
	height:85px;
	/*margin-left:10px;*/
	overflow: hidden;
}

/* RELATED PRODUCTS */

.productList {
	padding:0;
	width:420px;
	/*overflow:hidden;*/
}

.productList .name {
	font-weight:bold;
	font-size: 11px;
}

.productList .name a {
	color: #222;
	text-decoration: none;
}

.productList .name a:hover {
	color: #d80e0a;
	text-decoration: none;
}

.productList .techLogo {
    float:left;
    margin:0 3px 6px 0;
    width:auto;
}

.productList .techLogo img {
    display:block;
    width:25px;
    height:25px;
    overflow:hidden;
}

.productList .t-r {
    float:left;
    width: auto;
}

.productList .price {
	font-size:11px;
	color:#666;
	clear: both;
}

.productList .catalogName {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000;
	margin:10px 0;
}

.productList .li{
	margin:0 10px 19px 0;
	width: 200px;
	float:left;
}

.productList .photo {
	float:left;
	margin-right:9px;
}

.productList .photo img {
    display:block;
	width:85px;
	height:85px;
}

.catalogName{
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.productList .detail {
    font-size:9px;
	margin-top:3px;
	text-transform:uppercase;
}

.productList .detail a :link,
.productList .detail a :visited{
	text-decoration:none;
	color:#000000;
}

.productList .detail a:hover {
	color: #d80e0a;
}

.productList .desc {
    clear:both;
    font-size:11px;
    line-height:1.3em;
    color:#888;
}

.gear-right {
    float:left;
    width:50%;
    overflow:hidden;
}


.seeAlso  {
	margin:10px 0;
	clear: both;
}

.seeAlso .title{
	font-size:11px;
	font-weight:bold;
	color:#000;
	margin-bottom:10px;
}

.seeAlso ul li{
	font-size:11px;
	margin:0 0 5px 0;
	line-height:18px;
	padding:0;
	color:#666;
	font-weight:bold;
	list-style-type: none;
}

.seeAlso ul li a {
	font-size:11px;
	font-weight: bold;
	background: transparent url(images/arrow.gif) no-repeat scroll 0 6px;
	display:block;
	color: #888;
	padding-left: 1em;
	text-decoration: none;
}

/*store page result left begin*/

.pleaseNote{
	padding:0 28px;
}

.pleaseNote .title {
	font-size:13px;
	font-weight:bold;
	margin-bottom:5px;
	color:#111;
}

.pleaseNote .note {
	font-size:12px;
	color:#666;
}

.pleaseNote .note p {
    margin-bottom:1em;
}

.certifiedLogo {
    float:left;
    display:block;
    margin-right:10px;
}

.requestAddr {
	font-size:16px;
	color:#111;
	margin-bottom:25px;
}

.findButton {
	border-bottom:1px dotted #ccc;
	padding-bottom:6px;
}

/*store page result left ending*/

/*store page result list begin*/

.storeList {
	margin-top:15px;
	border-bottom:1px dotted #ccc;
	padding-bottom:15px;
}

.storeList .number {
	float:left;
	font-size:13px;
	font-weight:bold;
}

.storeList .storeInformation {
	width:215px;
	float:left;
	margin-left:15px;
	padding-right:15px;
}

.storeInformation .name {
	font-size:13px;
	font-weight:bold;
}

.storeInformation .address {
	font-size:13px;
	color:#666666;
}

.storeInformation .phone {
	font-size:12px;
	color:#666666;
	margin-top:15px;
}

.storeInformation .place {
	font-size:12px;
	color:#666666;
	margin-bottom:15px;
}

.storeInformation .website {
	font-size:11px;
}

.storeInformation .map {
	font-size:11px;
}

.storeInformation .website a,
.storeInformation .map a {
	color:#111;
	text-decoration:underline;
}

.storeInformation .website a:hover,
.storeInformation .map a:hover {
    color: #d80e0a;
	text-decoration:underline;
}

.storeGoods {
	float:left;
	width:40%;
}

.storeGoods .storeGooodsTitle {
	font-style:oblique;
	font-size:12px;
}

.storeGoods ul {
    float:left;
    margin-right:10px;
}

.storeGoods ul li {
	font-size:11px;
	line-height:15px;
	list-style-type:none;
}

.storeGoods .yes {
	color:#111;
	background:url(images/sprite.png) no-repeat left -384px;
	_background:url(images/sprite.gif) no-repeat left -384px;
	padding-left:10px;
}

.storeGoods .no {
	color:#999;
	background:url(images/sprite.png) no-repeat -295px -384px;
	_background:url(images/sprite.gif) no-repeat -295px -384px;
	padding-left:10px;
}

.dealerCertificate {
    float:left;
    width:42px;
    height:42px;
    margin-top:4px;
	background:url(images/sprite.png) no-repeat 0 -490px;
	_background:url(images/sprite.gif) no-repeat 0 -490px;
	font-size:0;
	line-height:0;
	overflow:hidden;
}

.storeLinkButton {
	padding-top:12px;
	padding-bottom:12px;
	border-bottom:1px dotted #ccc;
}
/*
.storeResult .storeLinkButton .searchButton {
	float:left;
}
*/
.storeLinkButton .button2{
	float:left;
}

.productSelector {
    float:right;
    text-align:right;
 }

.googleMapMain {
	margin-top:15px;
}

.googleMapMain .googleMapTitle {
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
}

.googleMapMain .googleMap {
	margin-top:10px;
}

/*store result right begin*/

.onlineStores .title{
	font-size:13px;
	font-weight:bold;
	margin-bottom:10px;
}

.onlineStores .introduction {
	font-size:12px;
	color:#666;
}

.tipLink {
	color:#999;
	text-decoration:none;
}

.onlineStores ul {
	margin:5px 0 15px 0;
}

.onlineStores ul li{
	display: list-item;
	list-style-position: inside;
	list-style: square;
	line-height:18px;
	margin-left:15px;
	*margin-left:0;
}

.onlineStores ul li a{
	font-size:11px;
	color:#111;
	text-decoration:underline;
}

.onlineStores .tip {
	font-size:11px;
	line-height:15px;
	color:#666;
}

/*store result right ending*/



/* store finder request form begin*/

.findStore {
    margin-bottom:25px;
}

.legend {
    font-size:13px;
    font-weight:bold;
    color:#777;
    margin:5px 0 15px 0;
}

.legend span {
	font-size:11px;
	font-weight:normal;
}

label {
    color:#333;
}

fieldset {
    margin-bottom:25px;
}

fieldset.product ul {
    padding-bottom:10px;
    overflow:auto;
    zoom:1;
    border-bottom:1px dotted #ccc;
}

fieldset.product li {
    float:left;
    width:30%;
	list-style-type:none;
}

fieldset.near {
    padding-bottom:10px;
    border-bottom:1px dotted #ccc;
}

fieldset.near span {
    display:inline-table;
    display:inline-block;
    vertical-align:bottom;
}

.inputZip {
    width:106px;
    margin-right:5px;
}

.inputCity {
    width:140px;
    margin-right:5px;
}

.txtOr {
    width:20px;
    font-size:14px;
    color:#111;
    text-align:center;
}

.thirdLevel ul li,
.secondLevel ul li {
    list-style-type:none;
}


/* tab-content begin (FAQ / Privacy / ) */
.tab-content {
    float:left;
	padding-bottom:20px;
	/*padding-right:20px;
	width:428px;
	border-right:1px dotted #cccccc; */
}

.tab-content .tabs {
    position:relative;
    padding-top:27px;
}

.tab-content .tabs .yui-nav {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    height:28px;
	padding-left: 9px;
	width: 561px;
	background: transparent url(images/faq_tab_bg.png) repeat-x;
	_background: transparent url(images/faq_tab_bg.gif) repeat-x;
}

.tab-content .tabs .yui-nav li {
    height:27px;
    line-height:27px;
    padding: 0;
	width: 150px;
	text-align: center;
    /*border:1px solid #9f9f9f;
    background-color:#eee;*/
    font-weight:bold;
	display:inline-block;
	vertical-align:bottom;
	margin: 0;
	list-style-image:none;
	list-style-position:outside;
	float: left;
	color: #666;/*P2*/
	text-transform: uppercase;/*P2*/
	font-size: 11px;/*P2*/
}

.tab-content .tabs .yui-nav li.selected {
    /*border-bottom-color:White;
    background-color:White;*/
	background: transparent url(images/faq_tab_bgSelected.png) no-repeat;
	_background: transparent url(images/faq_tab_bgSelected.gif) no-repeat;
	_position: relative;
	_top: 0;
}

.tab-content .tabs .yui-nav li a {
    text-decoration:none;
	color: #555;
}

.tab-content .tabs .yui-nav li.selected a {
    text-decoration:none;
	color: #000;
}

.tab-content .tabs .yui-nav a:hover {
    color:#666;
}

.tab-content .tabs .yui-content {
    /*border:1px solid #9f9f9f;*/
    padding:2em 0;
	background-color: #fff;
}
.tab-content h2 {
	display: none;
}
.tab-content-right {
    display: none;
	float:right;
    width:230px;
}

.tab-content ol li {
	list-style-type: decimal;
    margin-left:28px;
}

.yui-content div.privacy h3,
.yui-content div.privacy p,
.yui-content div.legal h3,
.yui-content div.legal p {
	margin-left: 18px;
}


/* panel layout bengin */

.yui-panel-container {
    position:absolute;
}

#zoomBox,
#buyOnlineBox {
    width:643px;
}

#zoomRelatedMediaBox {
}

#zoomBox .hd,
#buyOnlineBox .hd  {
    height:15px;
    overflow:hidden;
    background:url(images/bg05.gif) no-repeat left bottom;
}

#zoomBox .bd {
    padding:2px 0 3px;
    background:url(images/bg05.gif) repeat-y center top;
}

#buyOnlineBox .bd  {
    padding:22px 31px 22px 36px;
    background:url(images/bg05.gif) repeat-y center top;
}

#zoomBox .ft,
#buyOnlineBox .ft  {
    height:19px;
    overflow:hidden;
    background:url(images/bg05.gif) no-repeat right top;
}

#zoomBox a.container-close,
#buyOnlineBox a.container-close  {
    position:absolute;
    top:18px;
    right:18px;
    display:block;
    width:11px;
    height:10px;
    font-size:0;
    line-height:0;
    text-decoration:none;
    background:url(images/sprite.png) no-repeat 0 -337px;
	_background:url(images/sprite.gif) no-repeat 0 -337px;
}

#zoomRelatedMediaBox a.container-close {
	background:transparent url(images/sprite.png) no-repeat scroll 0 -490px;
	_background:transparent url(images/sprite.gif) no-repeat scroll 0 -490px;
	display:block;
	font-size:0;
	height:14px;
	line-height:0;
	position:absolute;
	right:5px;
	text-decoration:none;
	top:5px;
	width:15px;
}



#zoomRelatedMediaBox {
    background-color:white;
}

/* panel layout end */

/* faq end */

/* contact us BEGIN */
.contactUsForm .inputCountry select,
.contactUsForm .inputState select {
    width:100%;
}

/*
.column4 .error {
	width: 290px;
	height: auto;
	float: left;
	padding-top: 31px;
	margin: 264px 0 0;
	background: url(images/error_top.gif) no-repeat left top;
}

.column4 .error ul {
	background: url(images/error_bg.gif) repeat-y left top;
	width: 290px;
	margin: 0 0 3px 0;
	height: auto;
	float: left;
}

.column4 .error ul li {
	margin: 10px 10px 10px 41px;
}
*/

.contactUsForm .disclaimer {
    margin: 6px 0 0;
	font-size: 9px;
	color: #666;
}

.contactUsForm .optional {
	font-size: 12px;
}

.contactUsForm .wordcount-container {
	font-size: 9px;
	color: #666;
	padding-top:5px;
}

.subscribe .title {
    font-weight: bold;
    color: #000;
}

/* contact us END */


/* Sitka Open Country Layering System START */

.body .timeline-container-opencountry th,
.body .timeline-container-opencountry td,
.body .layering-container th,
.body .layering-container td {
	background-color: transparent;
	vertical-align: top;
	border: 0;
	padding: 0;
	margin: 0;
}

.timeline-container-opencountry {
	background: url(images/img_sitka_timeline.jpg) no-repeat top left;
	padding-top: 138px;
}


.timeline-container-opencountry table {
	margin: 0 0 2px;
	border: 0;
}

.body .timeline-container-opencountry th h3 {
	color: #fff;
	padding-top: 0;
	margin-bottom: 7px;
}

.body .timeline-container-opencountry td,
.body .layering-container td {
	padding: 6px 0;
}

.body .timeline-container-opencountry th,
.body .timeline-container-opencountry td {
	padding-left: 20px;
	width: 120px;
}

.body .timeline-container-opencountry .first {
	padding-left: 30px;
}

.body .timeline-container-opencountry td.merged {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 1px 0;
}

.body .timeline-container-opencountry td.merged h3 {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 1px 0;
	margin: 0;
}

.body .timeline-container-opencountry td.bottom {
	border-bottom: 1px solid #d1d1d1;
}

.body .timeline-container-opencountry ul,
.body .layering-container ul {
	margin: 0;
}

.body .timeline-container-opencountry li {
	margin-left: 0;
	font-size: 12px;
	line-height: 15px;
	list-style-type: none;
	margin-bottom: 5px;
}

.layering-container {
	background: url(images/img_sitka_layering_system.jpg) no-repeat top left;
	padding-top: 271px;
}

.layering-container table {
	margin: 0 0 20px;
	border: 0;
}

.body .layering-container th {
	background-color: transparent;
	color: #666;
	font-weight: normal;
	padding-bottom: 18px;
}

.body .layering-container td.layer {
	background-color: transparent;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 0 6px 30px;
}

.body .layering-container th,
.body .layering-container td {
	padding-left: 30px;
	width: 160px;
}

.body .layering-container td {
	border-bottom: 1px solid #d1d1d1;
}

.body .layering-container h3 {
	color: #000;
	padding-top: 0;
	margin-bottom: 10px;
}

.body .layering-container li {
	margin-left: 0;
	font-size: 12px;
	line-height: 15px;
	list-style-type: none;
	margin-bottom: 5px;
}

/* Sitka Layering System END */





/* Forest Layering System START */

.body .timeline-container-forest th,
.body .timeline-container-forest td,
.body .layering-container th,
.body .layering-container td {
	background-color: transparent;
	vertical-align: top;
	border: 0;
	padding: 0;
	margin: 0;
}

.timeline-container-forest {
	background: url(images/img_forest_timeline.jpg) no-repeat top left;
	padding-top: 138px;
}

.timeline-container-forest table {
	margin: 0 0 2px;
	border: 0;
}

.body .timeline-container-forest th h3 {
	color: #fff;
	padding-top: 0;
	margin-bottom: 7px;
}

.body .timeline-container-forest td,
.body .layering-container td {
	padding: 6px 0;
}

.body .timeline-container-forest th,
.body .timeline-container-forest td {
	padding-left: 20px;
	width: 120px;
}

.body .timeline-container-forest .first {
	padding-left: 30px;
}

.body .timeline-container-forest td.merged {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 1px 0;
}

.body .timeline-container-forest td.merged h3 {
	color: #666;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	text-transform: uppercase;
	padding: 1px 0;
	margin: 0;
}

.body .timeline-container-forest td.bottom {
	border-bottom: 1px solid #d1d1d1;
}

.body .timeline-container-forest ul,
.body .layering-container ul {
	margin: 0;
}

.body .timeline-container-forest li {
	margin-left: 0;
	font-size: 12px;
	line-height: 15px;
	list-style-type: none;
	margin-bottom: 5px;
}

.layering-container {
	background: url(images/img_sitka_layering_system.jpg) no-repeat top left;
	padding-top: 271px;
}

.layering-container table {
	margin: 0 0 20px;
	border: 0;
}

.body .layering-container th {
	background-color: transparent;
	color: #666;
	font-weight: normal;
	padding-bottom: 18px;
}

.body .layering-container td.layer {
	background-color: transparent;
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	padding: 0 0 6px 30px;
}

.body .layering-container th,
.body .layering-container td {
	padding-left: 30px;
	width: 160px;
}

.body .layering-container td {
	border-bottom: 1px solid #d1d1d1;
}

.body .layering-container h3 {
	color: #000;
	padding-top: 0;
	margin-bottom: 10px;
}

.body .layering-container li {
	margin-left: 0;
	font-size: 12px;
	line-height: 15px;
	list-style-type: none;
	margin-bottom: 5px;
}

/* Forest Layering System END */



