/* TL Townsend Leather: Main CSS  */
/* Shannon-Rose Design 2009 */

/* Swatches
	Dark Brown: 1f1009
	Light Brown: c8b77b
	Tan: dbd0a6
	Yellow Text: bba969
	Brown Text: 170b06
	Tan Text: e5d9ae
	Main Text: 434242
	Link Text: 9a7039
	Collection Link Hover: 945339
*/

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear {	font-size: 0;	line-height: 0; height: 0; visibility: hidden; }
div.clearBorder { border-bottom: 1px solid #c8b77b; margin: 0 0 15px; visibility: visible; }
.left {	float: left; display: inline; }
.right { float: right; display: inline; }
strong { font-weight: bold; }
em { font-style: italic; }
h1 { font-size: 25px; line-height: 30px; font-weight: normal; color: #1f1009; margin: 0 0 0.4em; }
h2 { font-size: 21px; line-height: 26px; font-weight: normal; color: #1f1009; margin: 0 0 0.4em; }
h3 { font-size: 18px; line-height: 23px; font-weight: normal; color: #1f1009; margin: 0 0 0.4em; }
h4 { font-size: 15px; line-height: 20px; font-weight: normal; color: #1f1009; margin: 0 0 0.4em; }
h5 { font-size: 13px; line-height: 17px; font-weight: bold; color: #434242; margin: 0 0 0.3em; }
h6 { font-size: 12px; line-height: 15px; font-weight: bold; color: #434242; margin: 0 0 1em; }
p { font: normal 12px/16px Arial, Helvetica, sans-serif; margin: 0 0 1.36em; }
ul { margin: 0 0 15px 15px; list-style-type: disc; }
ol { margin: 0 0 15px 15px; list-style-type: decimal; }
li { font: normal 11px/15px Arial, Helvetica, sans-serif; margin: 0 0 4px 15px; }
a { color: #9a7039; text-decoration: none; }
a:hover { color: #9a7039; text-decoration: underline; }
.noBorder { border: none!important; }
.borderTop { border-top: 4px solid #D0B878!important; }
.lineHeightHigh { line-height: 24px!important; }
p.missingContentNote { text-align: center; padding: 15px 10px; width: 300px; margin: 0 auto; background-color: #1f1009; color: #fff; font-size: 12px; font-weight: bold; }
span.fieldNote { font-size: 11px; font-style: italic; display: block; float: left; width: 300px; padding: 0 0 0 100px; margin: -5px 0 10px; }
/* ============================================ */
body { font-size: 62.5%; line-height: 140%; color: #434242; background: #1f1009 url(/imgs/bodyBkgd.png) repeat 0 0; font-family: Times, "Times New Roman", Georgia, serif; }
#wrapper { width: 982px; margin: 0 auto; background: transparent url(/imgs/wrapperBkgd.png) no-repeat 304px 0; position: relative; }
/* Logo & Navigation Styles */
#logo { width: 320px; height: 153px; position: absolute; left: -16px; top: 24px; z-index: 25; }
#navigation { padding: 86px 0 10px 325px; height: 18px; position: relative; }
#navigation ul { list-style-type: none; margin: 0; float: right; }
#navigation ul li { letter-spacing: 0.03em; margin: 0 0 0 1px; float: left; display: inline; font: normal 12px/18px Times, "Times New Roman", Georgia, serif; height: 18px; text-transform: uppercase; }
#navigation li a { color: #bba969; text-decoration: none; padding: 0 6px; float: left; display: block; height: 18px; }
#navigation li a:hover { color: #bba969; text-decoration: none; background-color: #433227; }
#navigation li a#here { color: #170b06; text-decoration: none; background-color: #c8b77b; }
/* Main Content Styles */
#main { width: 982px; background: #fff url(/imgs/mainBkgd.png) repeat-y 0 0; border-width: 4px 0; border-style: solid; border-color: #D0B878; }
/* Left Column Styles */
#leftColumn { width: 210px; padding: 45px 0; }
#leftColumn h3 { background-color: #f1009; width: 173px; padding: 0 0 0 6px; margin: 15px auto 0; letter-spacing: 0.1em; font-size: 13px; line-height: 19px; height: 19px; text-transform: uppercase; color: #e5d9ae; }
.boutiqueSidebarHeader { background-color: #945339; }
.coutureSidebarHeader { background-color: #947227; }
.boutiqueSidebarHeader a, .coutureSidebarHeader a { color: #e5d9ae; text-decoration: none; }
.boutiqueSidebarHeader a:hover, .coutureSidebarHeader a:hover { color: #51362C; text-decoration: none; }
.boutiqueSidebarNav li, .boutiqueSidebarNav li a { border-color: #945339; }
.coutureSidebarNav li, .coutureSidebarNav li a { border-color: #947227; }
#leftColumn ul { margin: 0 auto; list-style-type: none; width: 179px; }
#leftColumn ul li { margin: 0; font: normal 10px/14px Times, "Times New Roman", Georgia, serif; letter-spacing: 0.04em; color: #2c1d16; width: 179px; text-transform: uppercase; border-width: 0 0 1px; border-style: solid; }
#leftColumn ul li.noLink { width: 167px; padding: 5px 6px 4px; }
#leftColumn li a { color: #2c1d16; text-decoration: none; display: block; padding: 5px 6px 4px; }
#leftColumn li a:hover, #leftColumn li a#selectedSeries { color: #2c1d16; background-color: #e2d4a5; text-decoration: none; }
#leftColumn li a#selectedSeries { border-width: 0 0 1px; border-style: solid; background-color: #dbd0a6; }
#leftColumn ul ul li { text-transform: none; border-width: 0; font-size: 11px; line-height: 15px; }
#leftColumn ul ul li a { padding: 4px 6px 4px 11px; background-color: #dbd0a6; }
#leftColumn ul ul li a:hover { background-color: #fff; }
#leftColumn li a#selectedCollection { background-color: #f2ecd4; }
#leftColumn ul ul ul { padding: 0 0 3px; background-color: #efe9d0; }
#leftColumn ul ul ul li { text-transform: none; border-width: 0; font-size: 11px; line-height: 15px; }
#leftColumn ul ul ul li a { padding: 4px 6px 4px 20px; background-color: #efe9d0; }
#leftColumn ul ul ul li a:hover { background-color: #fff; }
#leftColumn li a#selectedModel { color: #945339; }
img.leftSidebarPhoto { margin: 15px 0 15px 3px; }
/* Form Styles */
form.leftColumnForm { margin: 15px 0 25px; }
form.leftColumnForm input { float: left; display: block; width: 300px; border: 1px solid #180C09; margin: 0 0 5px; }
form.leftColumnForm input.checkbox { float: none; display: inline; width: auto; border: none; margin: 0 0 5px 5px; }
form.leftColumnForm textarea { float: left; display: block; width: 300px; height: 150px; border: 1px solid #180C09; margin: 0 0 5px; }
form.leftColumnForm input.button { width: auto; padding: 2px 4px; }
form.leftColumnForm .fieldError { border-color: #f00; background-color: #ffc1c1; }
form.leftColumnForm p.formError { border: 1px solid #f00; background-color: #ffc1c1; padding: 3px 10px; color: #900; }
form.leftColumnForm p { margin: 0 0 5px; color: #1f1009; }
form.leftColumnForm p.checkboxWrap { margin: 10px 0; }
form.leftColumnForm strong { font-weight: normal; width: 100px; display: block; float: left; margin: 2px 0 0; }
form.leftColumnForm em.requiredField { color: #9a7039; font-size: 22px; display: block; float: left; font-style: normal; padding: 5px; }
p.thankYou { padding: 5px 10px; color: #090; background-color: #CCFF99; border: 1px solid #090; margin: 15px 0; font-size: 12px; line-height: 17px; }
/* Right Column Styles */
#content { width: 764px; margin: 0 0 0 4px; }
.contentHeader { width: 768px; border-bottom: 4px solid #D0B878; margin: 0 0 50px -4px; height: 101px; position: relative; }
.seriesContent .contentHeader, .styleContent .contentHeader { margin: 0 0 0 -4px; }
.contentHeader img { border-left: 4px solid #D0B878; display: inline; font-size: 16px; line-height: 20px; font-weight: bold; }
.contentLeft { width: 440px; margin: 0 0 0 34px; padding: 0 0 55px; }
.contentRight { width: 229px; margin: 0 0 0 34px; }
.contentRight img { margin: 0 0 15px; }
.contentRight h4.historyCallout { font-size: 14px; line-height: 19px; margin: 2.14em 0 0.3em; }
.contentRight p { line-height: 17px; }
/* Home Left Column Styles */
.homeMain #leftColumn { height: 376px; min-height: 376px; }
/* Home Right Column Styles */
.homeImageRow { height: 231px; width: 764px; position: relative; }
.homeImageRowTop { border-bottom: 4px solid #D0B878; }
.homeImageRow div { width: 252px; height: 231px; position: absolute; top: 0; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
.homeImageFront { z-index: 15; }
.homeImageBack { z-index: 10; }
.homeImageLeft { left: 0; border-right: 4px solid #D0B878; }
.homeImageMiddle { left: 256px; border-right: 4px solid #D0B878; }
.homeImageRight { right: 0; }
.homeImageRow div a { display: block; width: 252px; height: 231px; }
.homeImageRow div a:hover { text-decoration: none; }
/* Home First Set Styles */
.firstSet #leftColumn { background: transparent url(/imgs/home/firstset/leftColumnBkgd.jpg) no-repeat 100% 100%; }
.firstSet #square1a { background-image: url(/imgs/home/firstset/square1.jpg); }
.firstSet #square2a { background-image: url(/imgs/home/firstset/square2a.jpg); }
.firstSet #square5b { background-image: url(/imgs/home/firstset/square5b.jpg); }
.firstSet #square3a { background-image: url(/imgs/home/firstset/square3a.jpg); }
.firstSet #square6b { background-image: url(/imgs/home/firstset/square3.jpg); }
.firstSet #square4a { background-image: url(/imgs/home/firstset/square4a.jpg); }
.firstSet #square1b { background-image: url(/imgs/home/firstset/square4.jpg); }
.firstSet #square5a { background-image: url(/imgs/home/firstset/square5.jpg); }
.firstSet #square6a { background-image: url(/imgs/home/firstset/square6a.jpg); }
.firstSet #square3b { background-image: url(/imgs/home/firstset/square6b.jpg); }
/* Home Second Set Styles */
.secondSet #square1a { background-image: url(/imgs/home/secondset/square1.jpg); }
.secondSet #square2a { background-image: url(/imgs/home/secondset/square2a.jpg); }
.secondSet #square2b { background-image: url(/imgs/home/secondset/square2.jpg); }
.secondSet #square3a { background-image: url(/imgs/home/whiteSquare.jpg); }
.secondSet #square3b { background-image: url(/imgs/home/secondset/square3b.jpg); }
.secondSet #square4a { background-image: url(/imgs/home/secondset/square4a.jpg); }
.secondSet #square4b { background-image: url(/imgs/home/secondset/square4b.jpg); }
.secondSet #square5a { background-image: url(/imgs/home/secondset/square5.jpg); }
.secondSet #square6a { background-image: url(/imgs/home/whiteSquare.jpg); }
.secondSet #square6b { background-image: url(/imgs/home/secondset/square6.jpg); }
/* Home Third Set Styles */
.thirdSet #square1a { background-image: url(/imgs/home/thirdset/square1.jpg); }
.thirdSet #square2a { background-image: url(/imgs/home/thirdset/square2a.jpg); }
.thirdSet #square2b { background-image: url(/imgs/home/thirdset/square2b.jpg); }
.thirdSet #square3a { background-image: url(/imgs/home/whiteSquare.jpg); }
.thirdSet #square3b { background-image: url(/imgs/home/thirdset/square3.jpg); }
.thirdSet #square4a { background-image: url(/imgs/home/thirdset/square4a.jpg); }
.thirdSet #square4b { background-image: url(/imgs/home/thirdset/square4b.jpg); }
.thirdSet #square5a { background-image: url(/imgs/home/thirdset/square5.jpg); }
.thirdSet #square6a { background-image: url(/imgs/home/whiteSquare.jpg); }
.thirdSet #square6b { background-image: url(/imgs/home/thirdset/square6.jpg); }
/* Footer Styles */
#footer { width: 982px; margin: 15px 0 50px; }
#footer h4 { font-size: 10px; margin: 0; line-height: 18px; color: #bba969; text-transform: uppercase; letter-spacing: 0.1em; }
#footer strong { font-weight: normal; }
#footer a { color: #bba969; text-decoration: none; }
#footer a:hover { color: #bba969; text-decoration: underline; }