/*
ClairolPro - main stylesheet.

FIXME Review this boilerplate as appropiate.

This stylesheet uses 1 non-validating property:
overflow: -moz-scrollbars-vertical;

Hacks used: (shown with x instead of * when they are comment-based hacks)
* html {...} --- Star html, only IE sees this selector
/x \x/ --- Escaped Comment End, hiddes everything, until the next comment, to IE Mac 
head:first-child+body --- The Owen hack. Hide the rule from Opera 5 and 6.

Also used:
- A "safari" class is assigned via JS to the body to prevent hover effect on the submenu.

*/


/* Clear default browser styles */
h1,h2,h3,h4,h5,h6,pre,code,table,td,th,dd,dt,dl,li,input,button,select,textarea { font-size: 100%; 	}
ul,ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,td { margin: 0; padding: 0; }
a img, :link img, :visited img, fieldset { border: none; }
table {border-collapse: collapse; }
input,button,select,textarea {font-family: inherit;}
input, select { vertical-align: middle; }


/* Utility classes */
.clearBoth { /* For clearing floats */
clear: both; 
height: 0px; 
margin: 0; 
padding: 0; 
font-size: 0px;
line-height: 0px; 
}

.hiddenContent { /* For alternate content for screen readers */
position: absolute;
left: 0px;
top: -2000px;
width: 1px;
height: 1px;
overflow: hidden;	
}

hr {
display: none;
}	



/* G E N E R A L
********************/	

body {
font: 76%/1.31em Arial, Helvetica, sans-serif;
color: #7A3201;	
text-align: center;
padding: 0 0 20px 0;
background: #ffffff;
} 



/* Default link styles */

a:link, a:visited { 
color: #3F2610; 
text-decoration: none;
}	

a:hover { 
color: #3F2610;
text-decoration: underline;
}

#container {
position: relative;
font-size: 92%;
text-align: left;
width: 970px;
margin: 0 auto;
}

#header {
background-color: #3F2610;
/* The following 3 rules put the submenus above #mainContent */
position: relative;
z-index: 2;
height: 1%;
}

#logo {
margin: 6px 0 2px 8px;
width: 149px;
height: 37px;
float: left;
}

#toolsMenu {
color:#FFFFFF;
float:right;
margin:16px 8px 0 0;
text-transform:uppercase;
width:320px;
}

#toolsMenu a:link , #toolsMenu a:visited, #toolsMenu a:hover,
#mainMenu a:link , #mainMenu a:visited, #mainMenu a:hover {
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}

#toolsMenu a:hover, 
#mainMenu a:hover {
text-decoration: underline;
}

#toolsMenu li {
font-size: 86%;
display: inline;
list-style: none; 
margin: 0;
}
* html #toolsMenu li {
height: 1%;
}


/* M A I N   M E N U
******************************/
#mainMenu {
font-size: 102%;
margin-top: 5px;
background: #EAAD5F url(../img/bg_main_menu.jpg) top left repeat-x;
text-align: center;
}

/* This fixes IE's some IE over-height issues */	
* html #mainMenu,
* html #mainMenu li { height: 1%; } /* IE6 only */
#mainMenu ul{ height: 1%; }
#mainMenu li ul { height: auto; }	

#mainMenu li {
float: left;
list-style: none; 
border-left: 1px solid #FFFFFF;
line-height: 1.31em;
text-transform: uppercase;
color: #fff;
position: relative; /* Used by submenus to inherit position. */
}


#mainMenu li.firstInList {
border-left: none;
}

#mainMenu li a {
display: block;
width: 160px;
}

#mainMenu li.firstInList a {
width: 160px;
}


/* S U B   M E N U 
Based on "sons of suckerfish" CSS drop downs */	
#mainMenu li ul { 
background: #eaad5f; /* IE 5.x - nevermind the fact that we're using PNG sitewide :( */
position: absolute;
width: 200px;
left: -999em; 
}
#mainMe\nu li ul { 
background: none; /* All but IE 5.x */
}	

/* Normal submenus are centered */
#mainMenu li:hover ul, 
#mainMenu li.sfhover ul { 
left: -22px; /* Width of (mainMenu li ul) minus (mainMenu li a) */
text-align: center;
}

/* The first item's submenu sticks to the left */
#mainMenu li.firstInList:hover ul, 
#mainMenu li.sfhoverFirstInList ul {
left: 0;
text-align: left;
}

/* The last item's submenu sticks to the right */
#mainMenu li.lastInList:hover ul, 
#mainMenu li.sfhoverLastInList ul {
left: auto;
right: 0px;
text-align: right;
}



/*
Support for PNG aplha in IE:
IE 5.0 can't do PNG opacity at all
IE 5.5 can but won't allow clicking on links over it.
So we're hiding from them with the escaped selector hack (#mainMe\nu)

For IE 6, clicking on the link requires position:static on the element 
with background (LI), and position:relative on a child element (A).
see http://www.quirksmode.org/bugreports/archives/2007/03/IE_no_hyperlink_above_element_using_AlphaImageLoad.html
*/

#mainMenu li li {
background: #eaad5f;
float: none;
text-transform: none;
border: none;
line-height: 1.81em;
}
#mainMe\nu li li { 
background: url(../img/bg_sub_menu.png);
/* For IE7. Hidden from IE Mac. Doesn't bother Gecko or Webkit. \*/
height: 1%; 
/* End hide */
}

/* FOR IE6*/
* html #header #mainMe\nu li li {	
height: auto;
position: static;
zoom: 1;
}

#header #mainMe\nu li li a {
position: relative; 
height: 1%;
}	

#header #mainMenu li li a {
width: auto;
font-weight: normal;
padding: 0 10px;
background: none; /* Safari needs it, see .safari below */
}

#mainMenu li li.firstInList {	
padding-top: 7px;
}
#mainMenu li li.lastInList {	
padding-bottom: 10px;
}


/* Menu and submenu rollovers */	
#mainMenu a:hover {
color: #000000;
text-decoration: none;
}

#header #mainMenu li li a:hover {
background: #faeee0;
}			

.safari .pageHome #header #mainMenu li li a:hover { 
/*  Since hovering links over Flash object breaks safari, 
this class is assigned via JS to simply disable it */	
color: #fff;
text-decoration: none;
background: none;	
}


/* Support for sfHoverFixPulldowns() 
A workaround for overlaying suckerfish menus over html SELECT elements. */
* html #mainMenu iframe {
position: absolute; 
left: 0;
top: 0;
z-index: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}






#mainContent {
border-bottom: 6px solid #3f2610;

}

div#mainContent.home {
border: none !important;

}	


h1, h2, dt {
color: #3f2610;
background: none;
padding-left: 0px;
font-size: 192%;
font-weight: normal;
line-height: 0.91em;
}

h1 {
margin-bottom: 25px;
}

h1.inverted {
color: #FFFFFF;
font-size: 206%;
background-color: #7A3201;
font-weight: normal;
padding: 5px;
margin-bottom: 25px;
text-transform: uppercase;
}

.searchbutton{
      background: transparent url('/img/Nav-SearchButton.gif') no-repeat top;
      width: 17px;
      height: 17px;
      border: none;
      color: transparent;
      background-color: transparent;
}

/*H O M E*/

.home {
background: #fffaf2 url(../img/bg_home.jpg) top left no-repeat;
min-height: 368px;
}

/* Hide from IE Mac \*/	
* html .home {
height: 367px;
}
/* End hiding from IE Mac */



#mainLeft img {
display: block;
}

#mainLeft {
width: 493px;
float: left;
}

#mainLeft.updatedHome {
width:970px;
height:368px;
background: #fffaf2 url(../img/mainBackground.jpg) top left no-repeat;
}

#mainLeft #mainContentRightProduct{
left:796px;
position:absolute;
top:150px;
}

#mainLeft #mainContentRightProduct2{
left:830px;
position:absolute;
top:106px;
}

#mainLeft #mainContentContainer{
color:#2A2A2A;
font-size:14px;
left:452px;
position:absolute;
top:180px;
width:515px;
}

#mainLeft #mainContentContainer #mainContentLearnMore{
display:block;
height:62px;
margin-left:195px;
width:172px;
}

#mainLeft #mainContentContainer #starComment{
display: block;
margin-left: 80px;
margin-top: 84px;
width: 275px;
height: 15px;
text-align: right;
font-size: 80%;
color: #803020;
}

#mainLeft #mainContentContainer div.firstDiv{	
width:350px;
color:#d70508;
font-size:15px;
}

#mainLeft #mainContentContainer div.firstDiv img{
display:inline;
margin:0;
padding:0;
align:center;
}

#mainLeft #mainContentContainer p{
color:#2A2A2A;
display:block;
font-size:14px;
font-weight:normal;
margin-left:44px;
}

#mainLeft #mainContentContainer div.secondDiv{	
float:left;
margin-right:50px;
width:360px;
}

#mainLeft #mainContentContainer div.secondDiv a{
outline:none;
}	

#mainLeft #mainContentContainer div.secondDiv p a{
text-decoration:underline
}

#mainLeft #mainContentContainer div.secondDiv p{
font-size:10px;
}


#mainLeft #mainContentContainer div.secondDiv img{
display:inline;
}

#mainRight {
position: relative;
width: 477px;
float: right;
}

#mainRight img {
border: 0;
margin: 0;
padding: 0;
}

#mainRight .clPro {
position: absolute;
top: 39px;
left: 130px;
}

#mainRight .introducing {
position: absolute;
top: 162px;
left: 141px;
}

#mainRight .pack {
position: absolute;
top: 126px; 
left: 282px;
}

#mainRight .order {
position: absolute;
top: 278px;
left: 84px;
}

#bar {
background-color: #fffaf2;
border-bottom: 6px solid #3f2610;
min-height: 93px; /* FOR IE7, FF */
}


#customizedBar{
background: url(../img/promo_bg.jpg) no-repeat;
height:104px;
}

#customizedBar 	.barModule p, #customizedBar 	.barModule h4 ,#customizedBar 	.barModule a , #customizedBar 	.barModule div{
color:#e2d2bc;
line-height:1.3em;
}

#customizedBar 	.barModule{
margin:0px;
float:left;
}

#customizedBar h4{
font-size:110%;
margin:0 0 5px 0;
}

div#customizedBar ul.homeCustomized {
margin:0;
padding:0;

}
div#customizedBar ul.homeCustomized li {
list-style: none;
background:none;
border-bottom:1px solid #78492d;
margin:2px 20px 0  0;
padding:0 0 2px 0;
line-height:1em;
}

div#customizedBar ul.homeCustomized li.lastItem{
border-bottom:0;
}

* html #bar { /* FOR IE6 */
height: 93px;
}

.barModule {
width: 240px;
float: left;
margin: 0 0 0 2px;
}

.barModule h4 {
margin: 9px 0 0 8px;
text-transform: uppercase;
}

.barModule p, .barModule ul {
margin: 2px 0 0 8px;
font-size: 86%;
}

.barModule ul li {
list-style: none;
padding-left: 8px;
background: url(../img/bullet_bar.gif) 0px 7px no-repeat;
}

.barModule b {
font-weight: normal;
text-transform: uppercase;
color: #e5ab38;
}

.barModule img {
display: block;
}

.barModule a:link, .barModule a:hover, .barModule a:visited {
color: #7A3201;
text-decoration: none;
}

.barModule a:hover {
text-decoration: underline;
}

/* P R O D U C T D E T A I L */

.productDetail { 
position: relative;
margin-bottom: 50px;
background: #bf9b69 url(../img/spoffers_btm_bg.jpg) top left no-repeat;
min-height: 474px;
}

.productDetailGray { 
position: relative;
margin-bottom: 50px;
background: #bf9b69 url(../img/bg_main_gradient.jpg) top left no-repeat;
min-height: 474px;
}

/* Hide from IE Mac \*/	
* html .productDetail {
height: 474px;
}
/* End hiding from IE Mac */


#titleContent {
position: relative;
height: 12px;
background: url(../img/bg_line_title.gif) bottom right no-repeat;
padding: 14px 0px 0px 18px;
margin-bottom: 10px;
width: 538px;
left: 400px;
}

#titleContent2 {
background:transparent url(../img/bg_line_title.gif) no-repeat scroll right bottom;
height:12px;
left:230px;
margin-bottom:10px;
padding:14px 0 0 238px;
position:relative;
width:458px;
}

#title2 {
left:-220px;
position:absolute;
top:10px;
}

#titleContent3 {
background:transparent url(../img/bg_line_title.gif) no-repeat scroll right bottom;
height:12px;
left:240px;
margin-bottom:10px;
padding:14px 0 0 18px;
position:relative;
width:688px;
}

#title3 {
left:-236px;
position:absolute;
top:10px;
}

#title {
left:-386px;
position:absolute;
top:10px;
}


#mainInfo {
float: left;
width: 560px;
border-right: 1px solid #000000;
}

#mainContent.productDetail #mainInfo{
min-height:400px;
}

#info {
width: 290px;
}

.productDetail h2 { 
margin-bottom: 5px;
}

#info ul {
font-size: 86%;
margin: 40px 0px 0px 32px;
font-weight: bold;
}

#info ul li {
line-height: 1.91em;
text-transform: uppercase;
}

#info ul li.firstInList {
padding-right:54px;
}

#info p {
line-height: 1.31em;
font-size: 96%;
margin: 18px 0px 0px 20px;
width: 238px;
}

#info p.disclaimer {
	font-size: 80%;
}

#promotionBanner {
width: 248px;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin: 18px 0px 5px 20px;
}

#promotionBanner img {
margin: 11px 0px 11px 0px;
}

#product {
position: absolute;
top: 105px;
left: 230px;
}

#productTag {
position: absolute;
top: 20px;
left: 9px;
}

#productTag h4 {
font-size: 202%;
line-height: 1.1em;
margin-top: -3px;
}

#productTag p {
font-size: 106%;
font-weight: bold;
}

#additionalInfo {
float: right;
width: 390px;
}

/*#additionalInfo	h3 {
font-size: 186%;
font-weight: normal;
color: #3f2610;
margin-bottom: 8px;
}*/

#additionalInfoTop {
margin-bottom: 20px;
}

#additionalInfoTopImg {
float: left;
width: 152px;
margin-right: 20px;
position: relative;
}

#additionalInfoTopText {
float: left;
width: 210px;
}

#additionalInfoTopText ul, #additionalInfoTopText p {
font-size: 86%;
margin-left: 0px;
list-style: none;
line-height: 1.61em;
}

#additionalInfoTopText ul li {
background: url(../img/bullet_additionalInfoTop.gif) 0px 7px no-repeat;
padding-left: 4px;
}

#additionalInfoMiddle {
margin-bottom: 22px;
height: 9.81em;
}

#additionalInfoMiddleImg {
float: left;
width: 117px;
margin-right:10px;
}

#additionalInfoMiddleText {
float: left;
width: 250px;
}

#additionalInfoMiddleText p, #additionalInfoMiddleText ul {
font-size: 86%;
line-height: 1.61em;
}

#additionalInfoBottom {
width: 230px;
/*margin-bottom:15px;*/
}

.learnMore {
font-size: 96%;
text-align: right;
}

.learnMore a:link , .learnMore a:visited, .learnMore a:hover {
text-decoration: none;
font-weight: bold;
}

.learnMore a:hover {
text-decoration: underline;
}


.barModule .learnMore {
margin-left: 10px;
text-align: left;
}	

.mediaLinks, #info ul.mediaLinks {
font-size: 18px;
font-weight: normal;
color: #3f2610;
}


#info ul.mediaLinks li {
line-height: 1.21em;
}

.mediaLinks li a:link, .mediaLinks li a:visited {
text-decoration: none;
}

.mediaLinks li a:hover {
text-decoration: underline;
}

.mediaLinks li {
list-style: none;
line-height: 1.21em;
padding-left: 30px;
background: url(../img/bullet_generic.gif) 0px 2px no-repeat;
padding-bottom: 10px;
}

.mediaLinks .video {	
background-image: url(../img/bullet_videos.gif);
}

.sendAFriend {	display: none !important; }

.mediaLinks .swatches {
background-image: url(../img/bullet_swatches.gif);
}

.mediaLinks .soy {
background-image: url(../img/bullet_soy.png);
}

.mediaLinks .swatches ul {
width: 210px;
list-style-type:square;
}
.mediaLinks .swatches ul li{
font-size:66%;
background-image: url(../img/bullet_generic_small.gif);
padding:0px 0px 0px 10px;
margin:0 0 0 4px;
}

/* Users without JavaScript don't see this link. */ 
#printThis {
display: none;
}

#productModel {
position: absolute;
bottom: 0px;
right: 0px;
}

#productModel img {
display: block;
}


/* T E C H N I Q U E S 
***********************/

.techniques { /*FIX para hacerlo generico*/
position: relative;
background: #bf9b69 url(../img/bg_main_gradient.jpg) top left no-repeat;
min-height: 640px;
}

/* Hide from IE Mac \*/	
* html .techniques {
height: 640px;
}
/* End hiding from IE Mac */

#mainContent.techniques #titleContent {
margin-bottom: 25px;
}
#mainContent.techniques_gtg #titleContent {
margin-bottom: 25px;
}
#breadcrumb {
color: #3F2610;
font-size: 82%;
position: absolute;
top: 10px;	
right: 10px;
text-transform: uppercase;
}

#breadcrumb a:link, #breadcrumb a:visited {
text-decoration: none;
}

#breadcrumb a:hover {
text-decoration:underline;
}

h3 {
text-transform: uppercase;
color: #3F2610;
font-size: 100%;
font-weight: bold;
margin-bottom: 3px;
}	

#mainContent.techniques #additionalInfo {
float: left;
width: 270px;
margin-left: 18px;
display: inline;
}

#mainContent.techniques_gtg #additionalInfo {
float: left;
width: 270px;
margin-left: 18px;
display: inline;
}

#smallPics {
background: url(../img/line242.gif) bottom left no-repeat;
padding-bottom: 27px;
margin-bottom: 20px;
}

#smallPics h3 {
min-height: 32px;
}
* html #smallPics h3 {
height: 32px;
}	

#smallPics img {
border: 1px solid #7A3201;
}

.onePic #smallPics .picture {
text-align: center;
width: 100%;
}

.twoPics #smallPics .picture {
float: left;
width: 109px;
}

#smallPics .firstInList {
margin-right: 23px;
}
#mainContent.techniques_gtg .imgHolder .image{
float:left;
}

#mainContent.techniques_gtg .imgHolder .image p{
padding-left:5px;
}

#mainContent.techniques_gtg .imgHolder img{
border:5px solid #7A3201;
margin:5px 0px 5px 5px;
}

#mainContent.techniques_gtg .mainLinks {
background: url(../img/line242.gif) bottom left no-repeat;
padding-bottom: 10px;
padding-left: 8px;
}

#mainContent.techniques_gtg .moreLinks {
margin-top: 20px;
}

#mainContent.techniques_gtg .mainLinks li, #mainContent.techniques .moreLinks li {
margin-bottom: 8px;
}

#mainContent.techniques_gtg #mainInfo {
float: left;
border: none;
}

#mainContent.bigPicture #mainInfo {
width: 330px;
}		

#mainContent.techniques_gtg #mainInfo .topInfo {
padding-bottom: 9px;
margin-bottom: 27px;
}


.techniques_gtg #mainInfo li, 
.info ul li,
#mainInfo.bigPicture .steps li {
list-style: none;
background-position: 0px 3px;
background-repeat: no-repeat;
padding-left: 23px;
margin-left: -23px;
margin-bottom: 16px;
}
#mainContent.techniques .imgHolder .image{
float:left;
}

#mainContent.techniques .imgHolder .image p{
padding-left:5px;
}

#mainContent.techniques .imgHolder img{
border:5px solid #7A3201;
margin:5px 0px 5px 5px;
}

#mainContent.techniques .mainLinks {
background: url(../img/line242.gif) bottom left no-repeat;
padding-bottom: 10px;
padding-left: 8px;
}

#mainContent.techniques .moreLinks {
margin-top: 20px;
}

#mainContent.techniques .mainLinks li, #mainContent.techniques .moreLinks li {
margin-bottom: 8px;
}

#mainContent.techniques #mainInfo {
float: left;
border: none;
}

#mainContent.bigPicture #mainInfo {
width: 330px;
}		

#mainContent.techniques #mainInfo .topInfo {
padding-bottom: 9px;
margin-bottom: 27px;
}


.techniques #mainInfo li, 
.info ul li,
#mainInfo.bigPicture .steps li {
list-style: none;
background-position: 0px 3px;
background-repeat: no-repeat;
padding-left: 23px;
margin-left: -23px;
margin-bottom: 16px;
}

* html .techniques #mainInfo li, 
* html .info ul li,
* html #mainInfo.bigPicture .steps li {
position: relative;
}
* html .techniques_gtg #mainInfo li, 
* html .info ul li,
* html #mainInfo.bigPicture .steps li {
position: relative;
}

.faq #mainInfo li, #mainInfo.bigPicture li {
margin-bottom: 0;
list-style: square;
padding-left: 0px;	
margin-left: 14px;	
}
.faq #mainInfo ol, .faq #mainInfo ul {	
margin-bottom: 16px;
}

li.item1 { background-image: url(../img/step1.png); }
li.item2 { background-image: url(../img/step2.png);	}
li.item3 { background-image: url(../img/step3.png);	}
li.item4 { background-image: url(../img/step4.png);	}
li.item5 { background-image: url(../img/step5.png); }
li.item6 { background-image: url(../img/step6.png); }
li.item7 { background-image: url(../img/step7.png); }
li.item8 { background-image: url(../img/step8.png); }

li.item1, li.item2, li.item3, li.item4, li.item5, li.item6, li.item7, li.item8 {
min-height: 48px;
}
/* Hide from IE Mac \*/
* html li.item1, * html li.item2, * html li.item3, * html li.item4, * html li.item5, * html li.item6, * html li.item7, , * html li.item8 {
height: 48px;
}
/* End hiding from IE Mac */

.techniques #mainInfo ol li ul li{
list-style:square;
padding-left:0px;
margin-left:10px;
}
.techniques_gtg #mainInfo ol li ul li{
list-style:square;
padding-left:0px;
margin-left:10px;
}

p.notes {
color: #936333;
}

#mainContent.smallPicture #mainInfo {
width: 627px;
}		


#mainInfo p {
margin-bottom: 16px;
}
#mainInfo li p {
margin-bottom: 10px;
}	

#mainInfo li ul, #mainInfo li ol {
margin-bottom: 10px;
}
#mainContent #mainInfo li li {
margin-bottom: 0; 
}

#mainContent #mainInfo li li li {
margin-left: 0; 
}

#mainInfo table {
margin-bottom: 10px;
}

#mainInfo th {
text-transform: uppercase;
}	
#mainInfo th, #mainInfo td {
text-align: left;
vertical-align: top;
border: 1px solid #AE814F;
/*border-width: 1px 0 0 1px;*/
padding: 0 3px 0 3px;
}


/* N E W S
*********************/

.news {
min-height: 455px;
}

/* Hide from IE Mac \*/
* html .news {
height: 455px;
}
/* End hiding from IE Mac */

#mainContent.news #mainInfo.bigPicture {
width: 370px;
}

#mainContent.news #mainInfo.bigPicture h1 {
color: #3f2610;
background: none;
padding-left: 0px;
margin-bottom: 20px;
}

#pagination {
display: none; /* Hidden. I don't think we're using this. FIXME delete from markup after launch. */
color: #3f2610;
font-weight: bold;
position: absolute;
top: 30px;
right: 270px;
z-index:10;
}

#pagination a:link, #pagination a:visited, #pagination a:hover  {
text-decoration: none;
color: #3f2610;
}

#pagination a:hover  {
text-decoration: underline;
}

#mainContent.news #mainInfo.bigPicture .topInfo {
background: none;
}

#mainContent.news #additionalInfo {
width: 205px;
display: inline;
}

#mainContent.news .learnMore, #mainContent.careers .learnMore {
display: block;
text-align: left;
margin: -10px 0px 10px 0px;

}	

/* C A R E E R S
*********************/

.careers {
min-height: 455px;
}

/* Hide from IE Mac \*/
* html .careers {
height: 455px;
}
/* End hiding from IE Mac */

#mainContent.careers #titleContent {
margin-bottom: 40px;
}

#mainContent.careers #mainInfo.bigPicture {
width: 420px;
}

#mainContent.careers #mainInfo.bigPicture h1 {
color: #3f2610;
background: none;
padding-left: 0px;
margin-bottom: 20px;
}

#mainContent.careers #mainInfo.bigPicture .topInfo {
background: none;
}

#mainContent.careers #additionalInfo {
width: 205px;
margin-left: 30px;
}

#mainContent.careers #additionalInfo #contacinfo {
padding-bottom: 10px;
background: url(../img/line242.gif) bottom left no-repeat;
}

#mainContent.careers #additionalInfo h1 {
color: #3f2610;
background: none;
font-size: 192%;
padding-left: 0px;
margin-bottom: 15px;
}

#mainContent.careers #additionalInfo #contacinfo p {
margin-bottom: 12px;
}

#mainContent.careers #additionalInfo #contacinfo .address {
color: #3f2610;
font-weight: bold;
}


#mainContent.careers .learnMore {
display: block;
text-align: left;
margin: -10px 0px 10px 0px;
}	

#smallPics2 {
background:transparent url(../img/line242.gif) no-repeat scroll left bottom;
padding-bottom:27px;
width:250px;
height:380px;
}

.picture2 {

float:left;

}
.picture1 {
float:left;
margin-right:15px;
}

.brwn_txt {
position:relative;
color:#3F2610;
font-weight:bold;
}

.ltbrwn_txt {
position:relative;
font-weight:bold;
}

.pics {
margin-bottom:20px;
height: 130px;
}

.promo2 {
background:transparent url(../img/line242.gif) no-repeat scroll 0 0;
height:200px;
margin-top:10px;
position:relative;;
}

.video_pic {
position:relative;
top:15px;
}

.vid_link {
color:#3F2610;
display:block;
font-size:21px;
left:130px;
position:relative;
top:-50px;
line-height: 1em;
}

#footer {
border-top: 1px solid #B7B7B7;
padding: 5px 0 0 0;
text-align: center;
margin: 85px 0 0 0;
color: #808080;
}

#footer li {
display: inline;
list-style: none;
margin: 0 20px;
font-size: 92%;
color: #808080;
}

#footer a {
color: #808080;
font-weight: normal; 
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: #808080;
}


.home #footer{margin:0;}
#newTechniqueFooter #footer{margin-top:20px;}

#trademarkCaption{
margin-top:10px;color: #808080;
}

.swtch {
color:#3F2610;
display:block;
font-size:21px;
left:0;
position:relative;
top:50px;
}

.swtch2 {
color:#3F2610;
display:block;
font-size:21px;
left:0;
}


 a:hover {
text-decoration:underline;
}

.techniques_gtg {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BF9B69 url(../img/bg_main_gradient.jpg) no-repeat scroll left top;
height:580px;
position:relative;
}

#smallPics3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../img/line242.gif) no-repeat scroll left bottom;
width:250px;
height:120px;
margin-bottom:20px;
}
.vid_link2 {
color:#3F2610;
display:block;
font-size:21px;
left:130px;
line-height:1em;
position:relative;
top:-70px;
}
.tech_link {
color:#3F2610;
display:block;
font-size:21px;
line-height:1em;
padding-bottom:20px;
position:relative;
}

h1.inverted2 {
background-color:#7A3201;
color:#FFFFFF;
font-size:170%;
font-weight:normal;
margin-bottom:25px;
padding:5px;
text-transform:uppercase;
}