﻿/*
    Color Key    
    ----------
    Dark Grey: #444
    Grey:#666
    Orange: #8c5b16   

*/

/*Reset + Clearfloat*/
applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, fieldset, tfoot, thead{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size:12px;
}
ol, ul {
	list-style:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration:none;
	color:#8c5b16
}
#footer {
}
.wrap {
	width:980px;
	margin:0 auto;
	position:relative;
	z-index:2;
}
h1, h2, h3, h4 {
	font-weight:normal;
	color:#333333;
	font-family: "trajan-pro-1", Times New Roman;
}
.wrap h1 {
	font-size:30px;
	text-align:center;
	padding:26px 0 18px
}
h2 {
	font-size:24px;
	margin-bottom:10px;
	line-height:24px;
	font-family:Garamond, "trajan-pro-1";
}
h3 {
	font-size:20px;
	margin-bottom:5px;
	line-height:20px;
	font-family:Garamond, "trajan-pro-1";
}
h4 {
	font-size:16px;
	margin-bottom:5px;
	line-height:16px;
	font-family:Garamond, "trajan-pro-1";
}

.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.textAlignC {
	text-align:center;
}
.allCapLink {
	margin-top:5px;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
#mainNav {
	position:relative;
	width:970px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-left: 10px;
}
.open {
	background:none !important
}
#mainNav ul {
	float:left
}
#mainNav li {
	float:left;
}
#mainNav li.selected {
	background:url(../Image/on-state.png) no-repeat center top;
}
#mainNav a {
	font-size:14px;
	font-weight:bold;
	font-family: "trajan-pro-1", "Times New Roman";
	color:#333;
	padding:15px 18px 19px;
	display:block;
	margin:1px 1px 0 1px;
	position:relative
}
#mainNav a.spec{ padding:0px}
#mainNav a.spec1{ padding:0px; font-size:12px; display:inline;}
#mainNav a:hover, #mainNav .hover a {
	color:#638EC6;
	z-index:9999
}
/*{background:#fff;margin:0;border:1px solid #c9c8c4;border-bottom:none}*/
            
        #mainNav .search {
	float:right;
	padding:3px 35px 0 0
}
#mainNav .search input {
	float:left;
}
#mainNav .txt {
	float:left;
	width:154px;
	color:#333;
	background:url(../Image/header-aux-bg.png) repeat;
	border-collapse:collapse;
	border:none;
	margin:1px 10px 0 0;
	height:20px;
	padding:3px 6px;
}
#mainNav .txt:focus {
	background:#bebdbb
}
#mainSearch {
	float:right;
	width:205px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 0;
}
#mainSearch .searchBtn {
	float:right
}
#mainContent {
	padding-top:10px;
}
#mainContent .wrap {
	line-height:18px;
}
.field {
	position:relative
}
.field label {
	position:absolute;
	top:8px;
	left:10px;
	font-family:Verdana;
	color:#666;
	font-weight:bold;
	font-size:10px
}
.leftSection .field label {
	color:#ccc;
	top:9px;
	left:110px;
}
.content1Column {
	width:740px;
	margin:30px auto;
	line-height:20px;
}
.content1ColumnFull {
	width:980px;
	margin:30px auto;
	line-height:20px;
}
.content2Columns {
	width:980px;
	margin:30px 0;
}
.columnOne {
	width:449px;
	padding:0 20px;
	line-height:20px;
	border-right:1px solid #bdbcba;
	float:left;
}
.columnOne h4 {
	font-size:18px
}
.columnTwo {
	width:450px;
	padding:0 20px;
	line-height:20px;
	float:right;
}
.topMargin, .videoWrapper {
	margin-top:12px;
}
.videoWrapper {
	float:right;
	border:#c8c8c2 3px solid;
	padding:4px;
	background-color:#fff;
}
.videoWrapper img {
	display:block
}
.columnOne400 {
	width:400px;
	padding:0 20px;
	line-height:20px;
	float:left;
}
.columnOne400 .btn {
	float:left;
	clear:both;
	margin-top:12px;
}
.videoClear {
	clear:both;
	margin-bottom:25px;
}
.content2Columns .columnOneFull {
	width:450px;
	padding:0 40px 0 0;
	line-height:20px;
	float:left;
}
.content2Columns .columnTwoFull {
	width:450px;
	padding:0 0 0 40px;
	line-height:20px;
	float:right;
}
.content3Columns {
	margin:30px 0;
}
.content3Columns .columnOne {
	width:286px;
	padding:0 20px;
	line-height:20px;
	border-right:1px solid #bdbcba;
	float:left;
}
.content3Columns .columnTwo {
	width:286px;
	padding:0 20px;
	line-height:20px;
	border-right:1px solid #bdbcba;
	float:left;
}
.content3Columns .columnThree {
	width:286px;
	padding:0 20px;
	line-height:20px;
	float:right;
}
.genericThumbnail {
	width:278px;
	margin:20px 23px;
	display:block;
	float:left;
	position:relative;
}
.genericThumbnail h2 {
	margin-bottom:15px;
	text-align:center;
	font-size:23px
}
.genericThumbnail .imageContainer {
	width:264px;
	height:145px;
	padding:4px;
	display:block;
	position:relative;
	border:3px solid #c7c8c0;
	background:#FFFFFF;
}
.genericThumbnail img {
	position:relative;
	z-index:3
}
.genericThumbnail .rollOver {
	width:164px;
	height:105px;
	padding:40px 50px 0 50px;
	display:none;
	line-height:18px;
	text-align:center;
	position:absolute;
	top:4px;
	left:4px;
	color:#FFFFFF;
	background:url(../Image/spotlight-hover-dark.png) repeat;
	z-index:4
}
.genericThumbnail .arrow {
	width:34px;
	height:34px;
	margin:20px auto 0 auto;
	display:block;
	background:url(../Image/right-arw.png) no-repeat;
	position:relative;
}
.genericThumbnail .arrowDark {
	width:34px;
	height:34px;
	position:absolute;
	left:0;
	top:0;
	background:url(../Image/right-arw-dark.png) no-repeat;
	display:none;
}
.genericThumbnailDesc {
	width:278px;
	margin:0 23px 20px 23px;
	display:block;
	float:left;
	position:relative;
}
.genericThumbnailDesc a {
	margin-top:5px;
	display:block;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}
.genericLargeBox {
	width:980px;
	line-height:18px;
	background:url(../Image/content-box-large-bottom.gif) no-repeat bottom;
}
.genericLargeBox .contentContainer {
	width:910px;
	padding:30px 35px;
	background:url(../Image/content-box-large-top.gif) no-repeat top;
	position:relative;
}
.genericLargeBox .contentContainer .columnOne {
	width:443px;
	padding:0 10px 0 0;
	float:left;
	border-right:1px solid #dddddd;
}
.genericLargeBox .contentContainer .columnTwo {
	width:420px;
	padding:0 0 0 35px;
	float:left;
}
.seventyThirtyBox {
	width:980px;
	line-height:18px;
}
.seventyThirtyBox .columnOne {
	width:654px;
	padding:0 25px 0 0;
	float:left;
	border-right:1px solid #bdbcba;
}
.seventyThirtyBox .columnTwo {
	width:265px;
	padding:0 0 0 35px;
	float:left;
}
.noVerticalMargin {
	margin:0 auto !important;
}
/*Breadcrumbs*/
.breadcrumbs {
	width:980px;
	margin:0 auto 10px auto;
	line-height:18px
}
.breadcrumbs .breadcrumbsSeparator {
	width:6px;
	height:14px;
	margin:4px 10px 0 10px;
	display:block;
	float:left;
	background:url(../Image/breadcrumb-separator.gif) no-repeat;
}
.breadcrumbs .currentNode {
	display:block;
	font-weight:bold;
	float:left;
}
.breadcrumbs a {
	display:block;
	color:#666666;
	float:left;
}
.productBreadcrumbs {
	width:980px;
	margin:0 auto 10px auto;
	line-height:18px
}
.productBreadcrumbs .breadcrumbsSeparator {
	display:inline-block;
	width:6px;
	height:24px;
	margin:4px 10px 0 10px;
	background:url(../Image/breadcrumb-separator.gif) no-repeat 0 3px;
	text-indent:-9999px;
}
.productBreadcrumbs .currentNode {
	font-weight:bold;
	display:inline-block;
	height:24px;
}
.productBreadcrumbs a {
	color:#666666;
	display:inline-block;
	height:24px;
}
/*dropdown*/
    .dropDown {
	clear:both;
	position:absolute;
	display:none;
	top:60px;
	left:-200px;
	width:980px;
	height:234px;
	z-index:1;
	padding-right: 200px;
	padding-bottom: 0;
	padding-left: 200px;
}
#ddBgWrap {
	height:45px;
	position:relative;
	z-index:1;
	width:100%;
	overflow:hidden;
	background-position: center 45px !important;
	padding-bottom:1px;
}
#ddBg {
	position:relative;
	width:100%;
	height:100%;
}
.expanded #ddBg {
	background:url(../Image/ddBg.png) repeat-x 0 45px;
	border-bottom: 1px solid #c8c8c2
}
.dropDownDetail {
	width:750px;
	position:absolute;
	top:12px;
	left:460px;
	display:none
}



#mainNav .dropDown .ddLeft {
	float:left;
	margin: -10px 0 0 -5px;
	padding: 24px 40px 0 44px;
	background:url(../Image/dd-left-bg.png) no-repeat 0 0;
}
#mainNav .dropDown ul {
	padding-bottom:16px
}
#mainNav .dropDown li {
	clear:both;
	height:auto;
	padding:0;
	float:left;
	width:165px;
	padding:2px 0;
	background:url(../Image/dot.png) no-repeat bottom left;
}
#mainNav .dropDown .last {
	background:none
}
#mainNav .nav-standardLinks li {
	width:200px
}





#mainNav .nav-standardLinks1 li {
	width:260px;
	float:left;
}
#mainNav .nav-standardLinks1 li a {
	width:260px;
}




#mainNav .dropDown li a {
	font-weight:normal;
	margin:0;
	font-family:verdana;
	color:#333;
	font-size:12px;
	float:left;
	padding:5px 10px;
	border:none
}
#mainNav .nav-standardLinks li a {
	padding:5px
}
#mainNav .dropDown li a:hover {
	font-weight:bold;
	color:#8c5b16
}
.subNavOn {
	font-weight:bold !important
}
#mainNav .dropDownDetail ul {
}
#mainNav .dropDownDetail li {
	width:auto;
	padding:0;
	background:none;
	display: block;
	float:left;
}
#mainNav .dropDownDetail li a, .filter-accordian a ,#mainNav .dropDownDetail div a{
	background-image:url(../Image/arws.png) !important;
	background-position: 0 7px !important;
	background-repeat: no-repeat !important
}
#mainNav .dropDownDetail li a {
	color:#666;
	font-size:12px;
}
#mainNav .dropDownDetail li a:hover, .filter-accordian a:hover {
	font-weight:normal;
	color:#8c5b16;
	background-position: 0 -20px !important;
	text-decoration: underline;
}
#mainNav .btn {
	margin-top:12px !important
}
#mainNav .btn:hover {
	font-weight:normal !important
}
.browseBy {
	float:left;
	padding-top: 15px;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 0;
	width:416px;
}

.browseBy2 {width:205px;overflow:hidden; float:left;}





a.fil{
	background-image:url(../Image/arws.png) !important;
	background-position: 0 7px !important;
	background-repeat: no-repeat !important
}

.fil:hover {
	font-weight:normal;
	color:#8c5b16;
	background-position: 0 -20px !important;
	text-decoration: underline;
}










.browseByImage {
	float:right;
	width:242px;
	height:209px;
	background:url(../Image/ddImageBg.png) no-repeat;
	padding-top: 13px;
	padding-right: 40px;
	padding-bottom: 0;
	padding-left: 12px;
}
.browseByImage img {
	width: 226px;
	height:176px;
}
#mainNav .bb-title {
	color:#666;
	font-size:12px;
	font-family:Verdana, Serif;
	font-weight:bold;
	display:block;
	padding-bottom:10px;
	margin-bottom:1px;
}
#mainNav .dropDown .nav-spotlights {
	float:left;
	width:735px;
	padding:8px 0 0 0;
	padding-right: 0 !important
}
#mainNav .dropDown .nav-spotlights li {
	background:none;
	float:left;
	width:206px;
	margin-left:35px;
	clear:none;
	text-align:center;
	font-weight:bold;
}
#mainNav .dropDown .nav-spotlights a {
	float:none;
	text-align:center;
	padding:0;
	color:#666;
	font-weight:bold;
	display:block;
	position:relative
}
#mainNav .dropDown .nav-spotlights a:hover {
	color:#8c5b16
}
#mainNav .nav-spotlights img {
	width:196px;
	height:115px;
	padding:5px;
	margin:0 auto 10px;
	display:block;
	background:url(../Image/topNav-imgBg.png) no-repeat 0 0;
}
#mainNav .nav-spotlights .colorImage {
	position:absolute;
	top:0;
	left:0;
	display:none
}
#mainNav .dropDown .nav-standardLinks {
	width:220px;
	margin-right:10px;
	padding-right:0;
	float:right;
}
#ddBgWrap, #tagline, .lineDescription, .bb-title, .share-hr {
	background:url(../Image/hr.png) no-repeat bottom center;
	font-family: Verdana, Sans-Serif
}
