/* CSS Document */

/* Overwrite Global Styles Starts */

body{
	padding:20px 0 0 0;
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-blue.gif) #7FB0DA top left repeat-x; 
}

#main-content{
	background:url(/_layouts/images/TateAndLyleImageAssets/bg-content.gif) #FFFFFF top left repeat-x; 
	padding:8px 0 0 20px;
}

/* Overwrite Global Styles Ends */

/* sp_01 Styles */

#middle-content p{
	width:435px;
}

div.section-highlight-container{
	float:left;
	border-top:1px solid #E5E5E5;
	width:100%;
	margin:5px 0 0 0;
	padding:0;
}

div.section-highlight{
	float:left;
	border-bottom:1px solid #E5E5E5;
	width:100%;
	padding:18px 0 18px 0;
}

div.section-highlight h3{
	padding:0 0 5px 0;
	font-size:1.17em;
}

div.section-highlight h4{
	padding:0;
	font-size:1em;
	color:#4a4b48;
	font-weight:bold;
}

div.section-highlight.picture-bg{
	padding:20px 0 10px 0;
	position:relative;
	min-height:152px;
}

* html div.section-highlight.picture-bg{
	height:152px;
}

div.section-highlight.picture-bg div.text{
	float:left;
}

#middle-content div.section-highlight.picture-bg img{
	position:absolute;
	right:0;
	bottom:0;
	padding:0;
}

div.section-highlight.ingredients{
	position:relative;
	padding:18px 0 25px 0;
}

#middle-content div.section-highlight.ingredients p{
	width:270px;
}

#middle-content div.section-highlight.ingredients img{
	position:absolute;
	right:0;
	bottom:5px;
	padding:0;
}

#middle-content div.section-highlight.picture-bg p,
#middle-content div.section-highlight.locations-map p{
	width:250px;
}

#middle-content div.section-highlight.picture-bg ul li,
#middle-content div.section-highlight.locations-map ul li{
	width:190px;
}

#middle-content div.section-highlight label{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 2px 0;
}

#middle-content div.section-highlight label.hidden{
	display:none;
}

#middle-content div.section-highlight select{
	float:left;
	width:230px;
	margin:0 5px 0 0;
}

#middle-content div.section-highlight div.form-container{
	float:left;
	width:260px;
	margin:8px 0 15px 0;
}	

#middle-content div.section-highlight div.form-container-wide{
	float:left;
	width:100%;
	margin:0 0 15px 0;
}	

#middle-content div.section-highlight div.form-container-wide select{
	float:left;
	width:220px;
	display:block;
}

#middle-content div.section-highlight div.form-container-wide p{
	padding:0;
	clear:both;
}

p.employee-name{
	color:#104985;
	padding:0;
}

div.tout select{
	float:left;
	width:190px;
	margin:0 0 10px 0;
}
div.tout.contact-address select,
div.tout.ingredient-search select{
	width:175px;
}

#right-content div.tout.ingredient-search{
	padding:10px 0 18px 0;
}

#right-content div.tout h3{
	color:#104985;
	padding:0;
}

div.tout label{
	float:left;
	clear:both;
	width:100%;
	padding:0 0 5px 0;
	color:#404040;
}

div.tout input{
	width:132px;
	margin:0;
}

div.tout input.button{
	float:left;
	margin:0 0 0 5px;
	width:auto;
}

div.tout input.go{
	float:left;
	width:19px;
	margin:0 0 0 10px;
	display:inline;
}

div.tout.contact-address label{
	width:100%;
	padding:0 0 1px 0;
	color:#104985;
}

div.tout.ingredient-search label{
	width:100%;
	padding:0 0 1px 0;
}

div.tout div.search{
	float:left;
	width:100%;
	padding:0 0 12px 0;
}

* html div.tout div.search{
	float:left;
	width:100%;
	padding:0;
}

/* Contact us */

div.contact-us-links ul{
	list-style-type: none;
}

div.contact-us-links ul li a{
	background:transparent url(/_layouts/images/TateAndLyleImageAssets/bullet-link.gif) no-repeat scroll left center;
	padding:0 0 0 10px;
}

div.section-highlight.locations-map{
	position:relative;
	min-height:120px;
}

div.section-highlight.locations-map{
	height:120px;
}
div.section-highlight.locations-map div{
	position:relative;
	float:left;
}
div.section-highlight.locations-map div.text{
	position:static;
	width:50%;
}
div.section-highlight.locations-map img{
	position:absolute;
	top:15px;
	xright:0;
}