@charset "UTF-8";


/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body  {
	text-align: center;
	color: #000000;
	font-family:Verdana, "Myriad Pro",  Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
}

p {
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
	margin: 0 0 8px 0;
}
#container a:link, a:visited {
	color: #993300;
	text-decoration: none;
}
#container a:hover, a:active { color: #333; }
p a:hover   { border-bottom: 1px dotted #993300; }

textarea {
	width: 330px;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: 11px;
	line-height: 13px;
	background-color: #F1EBD8;
}
hr {
	background-color: #D2BB77;
	color: #D2BB77;
	height: 1px;
	padding: 0;
	clear: both;
	margin: 8px 0 8px 0;
	border-style: none;
}
img {
	border: none;
	vertical-align: bottom;	
}
img a:link, img a:visited, img a:hover {
	border: none;
	text-decoration: none;
	margin: 0px;
	padding: 0px;	
}
form {
	margin: 0px;
}
.smaller {
	font-size: 0.8em;
	padding-left: 8px;
	color: #444;
}
.attribution {
	font-size: 0.9em;
	color: #333333;
	font-style: italic;
	margin-bottom: 12px;
}
.quote {
	margin-bottom: 12px;
}
.shoproundbox {
	padding: 0px;
	margin: 4px 0 0 0;
	background-image: url(../images/tile_shop_top.gif);
	background-repeat: no-repeat;
	width: 220px;
}
.shopcontent  {
	background-color: #E3D6A3;
	margin: 0;
	width: 220px;
	padding: 0px;
}
.shopbot      {
	background-image: url(../images/tile_shop_bot.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 12px;
	margin: 0px;
	padding: 0px;
}
.username {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #76A700;
}
.med_hed {
	font-size: 16px;
	line-height: 20px;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}

.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.curve {
	radius=20px;
	padding: 2px 8px 8px 8px;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
}
 /* top of page */
/*#top {
	padding: 1px  0  19px  0px;
	vertical-align: bottom;
	height: 20px;
	font-size: 12px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}*/

#top {
	background-color: #F1EDD2;
	vertical-align: bottom;
	height: 31px;
	font-size: 12px;
	margin: 1px auto 8px auto;
	width: 960px;
}

#top_container {
	text-align: left;
	margin-top: 0;
	z-index: 100;
	padding: 0px;
	margin-bottom: 0px;
}
#top_search {
	text-align: left;
	width: 220px;
	font-size: 11px;
	font-weight: bold;
	float: right;
	margin: 0  0  0 20px;
	padding-top: 8px;
}
#top_search  input {
	font-size: 11px;
	font-weight: bold;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	border: 1px inset #FFFFFF;
	/*background-image: url(../images/icon_search.gif);*/
	background-repeat: no-repeat;
	background-position: right;
}
#header {
	vertical-align: bottom;
	height: 80px;
	padding: 0px;
	margin: 0  auto  0  auto;
	background-image: url(../images/tile_bg.gif);
	background-repeat: repeat;
	position: relative;
} 

.brand {position: relative; width: 960px; margin: 0px auto;}
#header a#tagline { color: #000; position: absolute; bottom: 12px; left: 210px; text-decoration: none; font-size:14px;font-weight:bold;}
#header a:hover#tagline {color: #fff;}


 /* bottom of page */
#container {
	width: 960px;
	text-align: left;
	margin: 0  auto  0  auto;
	z-index: 100;
	padding: 0px;
} 
#mainContent_follow {
	width: 700px;
	float: left;
	margin: 0;
	background-image: url(../images/tile_mbf.gif);
	background-repeat: repeat-y;
	padding: 20px  0  0  0;
	position: relative;
}
#mainContent a:link, #mainContent a:visited {
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}
#mainContent a:hover {
	font-weight: bold;
	color: #993300;
	text-decoration: none;
}
#mainContent_follow  #coverbloc {
	float: left;
	width: 110px;
}
#leftcol_follow   #illobloc {
	float: left;
	width: 210px;
}
#leftcol_follow #coverbloc p {
	margin: 0px;
	padding: 0  0  8px  4px;
}

 /* left column */
 
 #leftcol_follow {
	width: 506px;
	margin: 0px;
	float: left;
	padding: 8px;
}
#leftcol_follow .intro {
	margin: 0px;
	padding: 0px;
}
#leftcol_follow p {
	padding-top: 8px;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}
#leftcol_follow img {
	margin: 0px;
	padding: 0px;
}
#leftcol_follow ul {
	list-style-type: none;
	padding-left: 125px;
	padding-top: 12px;
}
#leftcol_follow  li {
	list-style-type: none;
	font-size: 80%;
	line-height: 1.4em;
	margin-bottom: 8px;
	list-style-image: url(../images/dot_rust_8x8.gif);
	list-style-position: outside;
}

#mainContent_follow #leftcol_follow h1 {
	color: #993300;
	font-weight: normal;
	font-size: 1.7em;
}

#mainContent_follow #leftcol_follow h2 {
	color: #333;
	font-size: 1em;
	margin-bottom: 6px;
}
#mainContent_follow #leftcol_follow h3 {
	margin-bottom: 6px;
	font-weight: 500;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 4px;
}
#mainContent_follow #leftcol_follow h5 {
	padding: 0px;
	margin: 12px  0  -8px  6px;
	letter-spacing: normal;
	font-size: 0.9em;
	color: #333;
	text-transform: uppercase;
}
#leftcol_tabarea {
	padding: 0px;
	margin: 0px;
	background-image: url(../images/tile_tab_up.gif);
	background-repeat: repeat-x;
}
#quote {
	float: right;
	padding-left: 60px;
	padding-right: 12px;
	padding-top: 20px;
}
#more {
	font-size: 11px;
	font-weight: bold;
	color: #252525;
	background-image: url(../images/arrow_bar.gif);
	background-repeat: no-repeat;
	height: 24px;
	margin-top: 15px;
	padding-top: 2px;
	padding-left: 20px;
	margin-bottom: 15px;
}
#intro {
	margin: 0px;
	padding-top: 0;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

#leftcol_follow td {
	line-height: 18px;
	padding: 0px;
	color: #000000;
}

 /* center column */

#center_col_follow {
	float: left;
}
#center_col_follow p {
	width: 155px;
	padding-left: 10px;
}
#center_col_follow ul {
	list-style-type: none;
	width: 165px;
	margin: 0px;
	padding: 10px  0  0  0;
}
#center_col_follow li {
	font-size: 90%;
	border-bottom: 1px solid #D2BB77;
	text-indent: 8px;
	display: block;
	padding-left: 0px;
}
#center_col_follow li a:link, #center_col_follow  li a:visited {
	color: #993300;
	text-decoration: none;
	display: block;
	font-weight: 500;
	background-color: #FFFFFF;
	padding: 5px 5px 5px .05em;
}
#center_col_follow li a:hover, #center_col_follow li.selected  a {
	color: #000000;
	text-decoration: none;
	background-color: #EDEAC9;
	font-weight: 500;
}
#centercol_sidebartop {
	padding: 0px;
	float: left;
	margin-top: 20px;
	margin-bottom: 0px;
	width: 170px;
	background-image: url(../images/tile_sidebar_corner.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 20px;
}
#centercol_sidebarbottom {
	padding: 0px;
	float: left;
	width: 170px;
	background-image: url(../images/tile_sidebar_corner.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 20px;
	margin: 0px;
}
#centercol_sidebar  {
	padding: 0px;
	float: left;
	width: 170px;
	background-image: url(../images/tile_sidebar.gif);
	margin: 0px;
}
#centercol_sidebar  h5 {
	letter-spacing: normal;
	font-size: 70%;
	margin: 0px;
	padding: 8px  0  0  8px;
}
#centercol_sidebar p {
	padding-right: 8px;
	font-size: 70%;
}
#centercol_sidebar  ul {
	margin-top: 8px;
	margin-bottom: 8px;
	list-style-type: none;
	margin-left: 0px;
	padding: 0px;
}
#centercol_sidebar li {
	font-size: 70%;
	border-bottom: 1px solid  #CCCCCC;
	padding-bottom: 3px;
	padding-top: 3px;
	text-indent: 8px;
}
#centercol_sidebar li a:link, #center_col_follow  li a:visited {
	color: #993300;
	text-decoration: none;
	display: block;
}
#centercol_sidebar li a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: 500;
}
#centercol_sidebar li.selected  a {
	color: #000000;
	text-decoration: none;
	background-color: #E3D6A3;
	display: block;
}


 /* right column */

#rightcol {
	float: right;
	width: 220px;
	padding: 6px  6px  15px  6px;
	background-color: #fefefc;
	background-image: url(../images/tile_rightcol.gif);
	min-height: 900px;
	background-repeat: repeat-x;
	margin: 0px;
}
#email {
	font-size: 14px;
	line-height: 16px;
	margin: 0  12px  0  12px;
}
#footer {
	margin-top: 12px;
	color: #333333;
	font-size: 10px;
	text-align: left;
	padding: 12px  0  0  0;
	border-top: 1px dotted #993300;
}
#shop {
	font-size: 14px;
	line-height: 18px;
	margin: 0px  12px  12px  12px;
}
#signup {
	font-size: 14px;
	line-height: 18px;
	margin: 20px  12px  12px  12px;
}
#browse {
	font-size: 14px;
	line-height: 16px;
	margin: 20px 12px  12px  12px;
}
#browse ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 4px;	
}
#browse li {
	list-style-image: url(../images/arrow_white.gif);
	font-size: 12px;
	line-height: 20px;
	list-style-position: inside;
	font-weight: bold;	
}
#sharing {
	margin-left: 12px;
	font-size:14px;
	font-weight: bold;
	line-height:16px;
}

#sharing .addthis_toolbox {margin-top: 4px}

/**************** Tab Styles  ********************/
#leftcol_tabarea ul, #leftcol_tabarea li{ 
	margin:0px; padding:0px; list-style:none; 
}
#leftcol_tabarea ul#tabs{
	width:505px;
	overflow:hidden;
	margin-bottom:1px;
}
#leftcol_tabarea ul#tabs li{ 
	float:left; border-right:1px solid #908153; 
	}
#leftcol_tabarea ul#tabs li a{ 	
	float:left; 
	display:inline-block; 
	color:#923432; 
	font-size:11px;	
	line-height:26px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	text-decoration:none; 
	text-transform:uppercase;
	text-align:center; 
	outline:none; 
	background:url(../images/inactivebg.gif) 0% 0% repeat-x; 
	border-left:1px solid #e7ddb9; 
	}
#leftcol_tabarea ul#tabs li a:hover, #leftcol_tabarea ul#tabs li a.active{ 
	background:url(../images/activebg.gif) 0% 0% repeat-x; 
	color:#FFFFFF; 
	}
#leftcol_tabarea ul#tabs li.brnone{ 
	border-right:0px;}
#leftcol_tabarea ul#tabs li a.tabLink1{ 
	width:84px; border-left:0px;}
#leftcol_tabarea ul#tabs li a.tabLink2{
	width:70px;}
#leftcol_tabarea ul#tabs li a.tabLink3{ 
	width:82px;}
#leftcol_tabarea ul#tabs li a.tabLink4{ width:118px;}
#leftcol_tabarea ul#tabs li a.tabLink5{ width:138px;}
#leftcol_tabarea ul#tabs li a.tabLink6{	width:110px;}
#leftcol_tabarea ul#tabs li a.tabLink7{	width:194px;}
#leftcol_tabarea ul#tabs li a.tabLink8{	width:190px;}
#leftcol_tabarea ul#tabs li a.actTabLink1{ width:84px; border-left:0px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;}
#leftcol_tabarea ul#tabs li a.actTabLink2{ width:70px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;}
#leftcol_tabarea ul#tabs li a.actTabLink3{ width:82px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;}
#leftcol_tabarea ul#tabs li a.actTabLink4{ width:118px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;}
#leftcol_tabarea ul#tabs li a.actTabLink5{ width:138px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;} 
#leftcol_tabarea ul#tabs li a.actTabLink6{ width:110px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;} 
#leftcol_tabarea ul#tabs li a.actTabLink7{ width:194px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;} 
#leftcol_tabarea ul#tabs li a.actTabLink8{ width:190px; background:url(../images/activebg.gif) 0% 0% repeat-x; color:#FFFFFF;} 
div.topbar{ font-size:12px; color:#FFFFFF; line-height:20px; height:20px; padding-right:25px; background-color:#bca45e; text-align:right; }
#leftcol_tabarea div.activetab{
	padding:16px;
	font-size:12px;
	line-height:16px;
	background: #ddd1ae url(../images/tabbg.gif) 0% 0% repeat-x;
/*	min-height:480px;
	height:auto !important;
	height:400px;*/
}
div.thumbImg a img { border:1px solid #FFFFFF; }
div.thumbImg a:hover img { border-color: #993300;}
div.thumbImg li { float:left; position: relative; }
div.thumbImg ul ul {  position:absolute; top:25px; left:30px; z-index:1000; display:none;}
div.thumbImg ul li.over { z-index: 1000; }
div.thumbImg ul li.over ul { display:block; }
div.thumbImg ul ul ul { position: absolute; top:-120px; left:41px; border:2px solid #923432; background:#FFFFFF; width:220px; min-height:150px; height:auto; _height:150px; z-index: -1; }
div.thumbImg ul ul ul li { width:220px; }
div.flyupTitle, div.flyupCont{ font-size:11px; color:#464646; line-height:16px; padding:10px; position: relative;}
div.flyupTitle{ background-color:#bca45e; color:#000000; min-height:40px; height:auto; _height:40px; font-weight:bold; position: relative;}
div.flyupTitle span{ color:#FFFFFF;}
ul.thumbRow div.flyupCont{ padding-top:5px;}
/**** Start: New Changes ****/
#leftcol_follow #leftcol_tabarea p{ color:#000000;}
#leftcol_follow ul.thumbRow div.flyupCont p{ padding:0px; font-size:11px; line-height:16px; color:#923432;}
/**** End: New Changes ****/
#leftcol_follow div.activetab p{padding:0px; margin:0px;}
div.activetab div.innerCnt{ margin-bottom:12px;}
div#workshopScreen div.leftColumn, div#translationsScreen div.leftColumn{
	width:320px;
	float:left;
}
div#workshopScreen div.rightColumn, div#translationsScreen div.rightColumn{
	width:90px;
	float:right;
	padding-right:15px;
}
div#workshopScreen, #translationsScreen{ width:100%;}
div.German, div.French, div.Japanese, div.Russian, div.Spanish {float: left; margin-right: 12px;}
div#workshopScreen div.rightColumn p, div#translationsScreen div.rightColumn p{ margin-bottom:18px;}
div#workshopScreen div.rightColumn a, div#workshopScreen div.nextScreen a { color:#923432;}
div.bottomlinks{ width:100%; overflow:hidden;font-weight:bold;}
div.nextScreen a, div.prevScreen a{ color:#923432 !important;}
div.nextScreen a:hover, div.prevScreen a:hover{ border:none; text-decoration:none; color:#923432;}
div.prevScreen{ float:left; display:none;}
div.nextScreen{ float:right; padding-right:20px; display:none; }

/**** Cases Page Section  ***/
.row-cases{ width:100%;}
#leftcol_follow #leftcol_tabarea h3 { color: #000000; clear: left; font-size:11px; font-weight:900; margin-bottom:5px; padding:0; text-transform: uppercase;}
.row-cases div.thumbImg{ clear:both; float:left; width:auto;}
#leftcol_tabarea .row-cases  ul.thumbRow{ width:auto;}
.left-column, #leftcol_follow #leftcol_tabarea .left-column h3{ float:left; width:auto;}
.right-column{ float:right; width:200px;}
#leftcol_tabarea .row-cases  ul.thumbRow li{ padding:0 10px 10px 0;}
#leftcol_tabarea .row-cases  ul.thumbRow li li{ padding:0;}
#leftcol_follow #leftcol_tabarea .row-cases p.palign{ font-size:11px; line-height:12px; padding-left:15px; }
#leftcol_follow #leftcol_tabarea .row-cases p a{ font-weight:bold; line-height:18px;}
#tab2{ position:relative; z-index:5;}
.videoCompanionGuides{
	clear:both;
	position:absolute;
	top:180px;
	left:15px;
	z-index:1
}

/**** Translations Page Section  ***/
.clearfix{ display: inline-block;}
.clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; font-size:0;}
html[xmlns] .clearfix { display: block; }
* html .clearfix{ height:1%;}
.row-trans{ width:100%;}
#leftcol_follow #leftcol_tabarea h3 { color: #000000;  font-size:11px; font-weight:900; margin-bottom:5px; padding:0;}
#leftcol_tabarea .row-trans  ul.thumbRow{ width:auto;}
.row-trans .left-column{ width:280px; position:relative;}
.row-trans .right-column{ width:180px; position:relative;}
#leftcol_follow #leftcol_tabarea  .row-trans .left-column h3{ width:100%; float:none;}
#leftcol_tabarea .row-trans  ul.thumbRow li{ padding:0 10px 10px 0;}
#leftcol_tabarea .row-trans  ul.thumbRow li li{ padding:0; clear:both;}
#leftcol_tabarea .row-trans  ul.thumbRow li li img{ clear:both; float:none;}


/* ADDED SOLUTIONS TO NAV & OTHER QUIRKS */

#container .AccordionPanelContent ul li a {font-weight: normal;}
#mainContent #footer a {font-weight: normal;}
/*479*/#leftcol_tabarea ul#tabs {width:506px;}
/*515*/#leftcol_tabarea ul#tabs li a.tabLink5 { width:144px;}
#leftcol_tabarea ul.thumbRow li {position: relative; margin: 0px 8px 8px 0px; height: 90px;}
#leftcol_tabarea ul.thumbRow li ul li {height: auto;}
#center_col_follow li.currentnav a {background-color: #EDEAC9;}
#mainContent #email a {font-weight: normal; color: #333;}
/*538*/#leftcol_tabarea #tab2, #leftcol_tabarea #tab3, #leftcol_tabarea #tab4, #leftcol_tabarea #tab5, #workshopScreen2, #workshopScreen3, #workshopScreen4 {display:block;}
#mainContent a:link, #mainContent a:visited {font-weight: normal;}
#mainContent a:hover {color: #333;}
span#pageTitle {
	background: transparent url(../images/breadcrumb_heading_dots.gif) no-repeat 8px bottom;
	color: #993300; 
	display: block;
	font-size: 22px; 
	font-weight: bold;
	margin-bottom: 6px;
	padding-left: 8px;
	text-transform: uppercase;
}
/*238*/#leftcol_follow #intro table ul {padding-left:44px;}
#mainContent #leftcol_follow h5 a {font-weight: bold;}

/*disables third level nav in sidebar */
#center_col_follow ul li ul {display: none;}

#center_col_follow .newContentBlock {margin-top: 20px;}
/*316*/#center_col_follow {float: right; width: 178px;}
#center_col_follow table {display: none;}

/* center content "4th" level nav */
#centercol_sidebar #fourthTier ul {
	margin: 8px 0px; 
	padding: 0px;
}

#centercol_sidebar #fourthTier ul li {
	margin: 0px 0px 0px 12px; 
	padding: 3px 0px;
}

#centercol_sidebar #fourthTier ul li a {
	background-color: #EDEAC9; 
	margin: 0px; 
	padding: 0px;
	text-indent: 0px;
}

#centercol_sidebar #fourthTier ul li.selected a {background-color: #E3D6A3;}
#centercol_sidebar #fourthTier .smaller {padding-left: 0px;}

.arrow {color:#333333;
font-size:0.9em;
font-style:italic;
margin-bottom:12px;
font-family:Verdana,"Myriad Pro",Arial,Helvetica,sans-serif;}

/* SEARCH RESULTS */

#search-results-container {padding: 0px 8px 8px 8px; width: 516px;}
#search-results-container span.head {color: #333; font-weight: bold; padding-right: 4px;}
#search-results-container ul {list-style-type: none;}
#search-results-container ul li {margin-bottom: 3px;}
h2.search-title {clear: left;color: #333;}
table.search-results {font-size: 11px;}



/* Functionality for CE admin */
.text_small_gray {font-size: 10px;}