/*
 * This file styles the info pages:  privacy policy, terms of use, and contact-us */

body.info div.content h1 
{
    font-size:24pt; 
    margin-left: 96px; 
    padding:20px 0 0 0;
    text-align:left;
    color: white;
    clear:right;
}

/*Added for Ethical sourcing page H text size reduction to keep rest of CSS the same*/
body.info div.content h2
{
    font-size: 15pt;
    /*margin-left: 50px;*/
    padding: 20px 0 15px 0;
    text-align: center;
    color: white;
    clear: right;
}

h4
{
    font-family:Verdana;
    font-size:13pt;
    color:#2f5687;
    font-weight:normal;
    margin:0 22px 2px 22px;
    line-height:14pt;
}


body.info div.content  
{	width: 950px;
    background: #d7e3ef url('/images/info/infoBG.jpg') repeat-x top left; 
    padding: 0 9px 0 9px !important; 
    margin:0;
}

body.info div.subContent, 
body.info div.searchResults 
{
    width:906px; 
    background: #f0f5f9 url('/images/info/subContentBG.png') repeat-x top left; 
    border:1px solid #fff; 
    border-bottom:none; 
    margin:16px 0 0 22px; 
    text-align:left;
    font-family:Verdana;
    padding:20px 0 10px 0;
}


body.info div.subContent p,
 body.info div.searchResults p
{    color:#404143;
    font-size:11pt;
    line-height:12pt;
    margin:0 29px 15px 29px;   
}

body.info div.subContent .topLeftCorner, 
body.info div.searchResults .topLeftCorner
{
    position:absolute; 
    height:21px; 
    width:29px; 
    background: url('/images/info/subContentTopLeft.png') no-repeat top left; 
    left:36px; 
    top:200px;
}

body.info div.subContent .topRightCorner, 
body.info div.searchResults .topRightCorner
{
    position:absolute;
    height:21px;
    width:29px;
    background: url('/images/info/subContentTopRight.png') no-repeat top left;
    left:915px;
    top:200px;   
}

body.info div.searchResults .topLeftCorner 
{
    background: url('/images/info/searchResultsTopLeft.png') no-repeat top left; 
}

body.info div.searchResults .topRightCorner 
{
    background: url('/images/info/searchResultsTopRight.png') no-repeat top left;   
}

body.info div.subContent .number 
{
    color:#2f5687;
    font-size:12pt;
    margin-right:10px;
}

body.info div.subContent p.indent 
{
    margin-left:75px; 
}

body.info div.searchResults 
{
    background: #f0f5f9; 
}

*html body.info div.searchResults 
{
    margin-top:16px; 
    padding-bottom:10px;
}

body.info div.searchResults div.searchContent
{
    margin-left:29px;  
}

body.info div.searchResults div.searchContent form p,
 body.info div.searchResults div.searchContent form img
{
    width:auto;
    float:left;  
}

body.info div.searchResults div.searchContent form p 
{
    margin:10px 0 0 10px;   
}

body.info div.searchResults div.searchContent iframe
{   
    margin-top:10px;
}

body.info div.searchResults div.searchContent form p label
{
    display:block;
    font-size:12pt;
    color:#2f5687;
    margin-bottom:10px;
}

body.info div.searchResults div.searchContent form input
{
   width:210px;
   float:left;
   margin:0 0 0 10px;
}

body.info div.searchResults div.searchContent form input.btn
{
    width:auto;
    margin-top:2px;
}


/* Contact Form */
/*increased body height to accomodate new fields - was 400px before listbox*/
body.contactUs div.subContent { height: 475px }

form.contactFrm div.info p
{
    color:#2f5687;
    font-size:11pt;
    font-weight:bold;
} 

form.contactFrm div.contactInfo 
{
   margin:0 29px 0 29px; 
}

form.contactFrm div.contactInfo p 
{
    margin:0;   
}

form.contactFrm div.contactInfo label 
{
   display:block;
   color:#2f5687;
   font-weight:bold;
   font-size:10pt;
}

form.contactFrm div.columnLeft 
{
    width:auto; 
    float:left;
}

form.contactFrm div.columnLeft input, 
form.contactFrm div.columnLeft select
{
    width:209px;  
}

form.contactFrm div.columnLeft p 
{
   width:auto;
   float:left;
   display:inline;
   margin:0 20px 13px 0 !important;
}

form.contactFrm div.columnRight
{
    width:auto;
    float:right;
}

/*modified to support new fields in form on right column*/
form.contactFrm div.columnRight p 
{
    /*margin: 0 0 0 0;  */
    margin:0 20px 13px 0 !important; 
}

form.contactFrm div.columnRight textarea
{
    /*width:364px;*/
    width:340px;
    height:112px;   
}

/*added to support new fields in form on right column*/
form.contactFrm div.columnRight input, 
form.contactFrm div.columnRight select
{
    width:209px;  
}

form.contactFrm div.submitFrm
{
    margin: 0 0 0 30px;
    padding: 0;
    width: 900px;
}

form.contactFrm div.submitFrm p
{
    width:375px;
    float:left;
    margin:0;
    padding:0;
}

form.contactFrm div.submitFrm input
{
    float:left;
    display:inline;
}

form.contactFrm div.submitFrm label 
{
    width:270px;
    float:left;
    display:inline;
    margin-left:10px;
    font-size:10pt;
    color:#414243;
    line-height:10pt;
} 

form.contactFrm div.submitFrm input.btn
{
    font-size:10pt;
	font-weight:bold;
	color:#2f5687;
    /*float:right;*/
    right:450px;
	background-color:#fff; 
	border:1px solid; 
	border-color: #2f5687;
	height: 25px;
	width: 75px;
}  

.asterisk, form.contactFrm div.contactInfo label.error
{
    color:#cb2222; 
    font-weight:bold;
}

form.contactFrm div.contactInfo label.error 
{
    margin-top:3px;   
}

form.contactFrm div.contactInfo input.error, 
form.contactFrm div.contactInfo select.error, 
form.contactFrm div.contactInfo textarea.error  
{
    border:1px solid #cb2222;
}   

/*added to have phone # was 625px before listbox*/
.contactNumber { position:absolute; 
                 top: 700px;
/*changed contactNumber from left align after adding request types; left side was too crowded with validator on screen*/                  
                 right: 70px;
                 color:#2f5687;
                 font-weight:bold;
                 font-size:10pt; }

/*moved abs position down on page to accomodate new fields*/
.contactProducts { position:absolute; top: 540px; left: 505px } 

/*Added separate abs position for contact us page*/
.contactProductsthx { position:absolute; top: 430px; left: 505px } 


/* Contact Thank You */

div.thankYou
{
	float:inherit;
    text-align:center;
	margin-top:150px;
	margin-bottom:200px;
}

div.thankYou h2 
{
    color:#2f5687;
    font-size:16pt;
    margin:85px 0 0 0;
}

.emailImg
{
    float:left;
    margin: 23px 0 0 25px;
}

/* BoxTops Page Styles */
body.info div.subContent .indlLeft {width: 880px;}
body.info div.subContent .indLeft h3 {font-size:18px; color:#163D79; margin:0px 0 5px 20px;}
body.info div.subContent .indLeft .text{font-size:14px; color:#333333; margin: 0 0 0 20px; padding:0 15px 10px 0;}
body.info div.subContent .indLeft .text a {font-size:14px; color:#163D79;  padding:0 15px 10px 0;}
body.info div.subContent .indLeft .image{float:right;}

body.info div.subContent .indLeft .sec { width:360px; float: left; font-size: 12px; margin:10px 2px 5px 0px; padding: 0 0 0 30px;}
body.info div.subContent .indLeft .sec4 h5{font-size:16px; color:#163D79; margin:10px 0 0px 20px;}
body.info div.subContent .indLeft .sec2 { width:490px; float: left; font-size: 12px; margin:10px 2px 5px 0;}
body.info div.subContent .indLeft .sec3 { width:460px; float: left; font-size: 12px; margin:10px 2px 6px 35px;}
body.info div.subContent .indLeft .sec3 p{font-family:Century Gothic, Verdana, Geneva, sans-serif; color: #333333; font-size:8pt; margin:0px 0 0 0;}
body.info div.subContent .indLeft .prodTable ul.left3 { float:left; width:200px; }
body.info div.subContent .indLeft .prodTable ul.left4 { float:left; width:320px; }


body.info div.subContent .indLeft .prodSubheader{font-family:Century Gothic, Verdana, Geneva, sans-serif; color:#163D79; font-size:14px; font-weight:bold; display:block; margin:0px 0 2px 0;}
body.info div.subContent .indLeft .prodSubheader3{font-family:Century Gothic, Verdana, Geneva, sans-serif; color:#163D79; font-size:14px; font-weight:bold; display:block; margin:40px 0 0px 0;}
body.info div.subContent .indLeft .prodTable { width:480px;}

body.info div.subContent .indLeft .prodTable p.blue, ul.blue { color: #333333; } 
body.info div.subContent .indLeft .prodTable ul.blue li {font-size: 14px; margin:0 0 0 15px;}
body.info div.subContent .indLeft .prodTable ul.blue li { list-style-image: url('/images/products/disposable-cookware/box.png'); }
body.info div.subContent .indLeft .prodTable ul.blue { list-style-image: url('/images/framework/li2.png'); }

/* Facts On Foam Styles */
body.info div.subContent .indLeft .imagePlates{float:right; padding: 0 0px 0 20px; margin-top:-20px;}
body.info div.subContent .indLeft .imageFacts{float:right; margin:10px 21px 20px 0;}
body.info div.subContent .indLeft .imageLife{float:right; margin:10px 21px 25px 0;}
body.info div.subContent .indLeft .pdf{width:480px; text-align:center; margin:0 auto;}
body.info div.subContent .indLeft .pdf .text{font-size:15px; color:#0154a4; text-align:left;}
body.info div.subContent .indLeft .pdf .text a {font-size:15px; color:#0154a4; margin-right:-12px;}
body.info div.subContent .indLeft .pdf .image{float:left; margin:0 10px 0 0;}
.fofImg {float:left; margin: 18px 0 0 25px;}