/* CSS Document */
/* New Think IMG Landing Page */

* {
margin:0;
padding:0;
}

img {
border:0;
}

body
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#231f20;
margin: 0px;  
padding: 0px;
background-color:#e6e7e8;  
}

h1 {
height:20px;
margin:0px 0px 0px 0px;
}

h2 {
font-family:"Myriad Pro" Verdana, Arial, Helvetica, sans-serif;
color:#808285;
font-size:18px;
margin:0 0 20px 0;
}

h1 span, h2 span {
display:none;
}

.container {  
width: 974px;
height:100%;
vertical-align:middle;
background-color:#FFFFFF;
margin:0 auto;
}

.content {  
width: 921px;
padding:0 0 0 53px;
height:100%;
float:left;
background-color:#FFFFFF;
}

.contenttext {  
width: 673px;
height:100%;
float:left;
background-image:url(images/textheaderbg.gif);
background-repeat:no-repeat;
text-align:left;
}

.seotext {  
width: 520px;
height:100%;
float:left;
text-align:left;
padding:10px 0 10px 77px;
}

.seotext li {
display: inline;
list-style-type: none;
padding-right: 26px;
}

.text {  
width: 520px;
height:100%;
float:left;
text-align:left;
padding:30px 0 30px 77px;
text-align:justify;
min-height:500px;
}

.quicklinks {  
width: 248px;
height:100%;
float:right;
text-align:left;
clear:right;
}

#logo { 
width: 85px;
height:37px;
margin-left:53px;
margin-top:60px;
float:left;
background-image:url(images/asahilogo.gif);
background-repeat:no-repeat;
}

*html #logo {
padding:0px 0px 0px 0px;
margin-left:28px;
}


#logo a {
padding: 0px 0px 0px 0px;
width:85px;
height:37px;
display:block;
}


#logo h1 a span {
display:none;
}

.header {  
width: 974px;
height:118px;
float:left;
background-color:#FFFFFF;
}

.nav {  
width: 974px;
height:69px;
float:left;
text-align:left;
}

.flash {  
width: 974px;
height:356px;
float:left;
background-color:#FFFFFF;
}

.flashstockists {  
width: 974px;
height:486px;
float:left;
}

.quicklinkcontainer {  
width: 194px;
height:156px;
padding-top:30px;
float:left;
}

.quicklinkimage {  
width: 194px;
height:122px;
float:left;
}

.quicklinkcaption {  
width: 194px;
height:50px;
float:left;
background-image:url(images/quicklinkbg.gif);
background-repeat:no-repeat;
}

.quicklinktext {  
margin-left:7px;
margin-top:4px;
}

/* h2 headers */


h2.hometitle {
background:url(images/hometitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.skutitle {
background:url(images/skutitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.contactustitle {
background:url(images/contactustitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.newseventstitle {
background:url(images/newseventstitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.marketingtitle {
background:url(images/marketingtitle.gif) no-repeat left;
height:22px;
margin-top:5px;
}

h2.stockiststitle {
background:url(images/stockiststitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.tradetitle {
background:url(images/tradetitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.competitionstitle {
background:url(images/competitionstitle.gif) no-repeat left;
height:22px;
margin-top:5px;
}

h2.technicalservicestitle {
background:url(images/techservicestitle.gif) no-repeat left;
height:22px;
margin-top:5px;
}

h2.postitle {
background:url(images/postitle.gif) no-repeat left;
height:19px;
margin-top:5px;
}

h2.tradeenquiriestitle {
background:url(images/tradeenquiriestitle.gif) no-repeat left;
height:22px;
margin-top:5px;
}


/* Font Styles */



.font12
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#231f20;
font-weight:bold;
}

.white11bold
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
font-weight:bold;
}

.white10
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
}



/* Link Styles */

a:link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
font-size:11px;
}

a:visited
{	
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:none;
font-size:11px;
}


a:hover, a:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000;
text-decoration:underline;
font-size:11px;
}

.grey:link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:underline;
font-size:12px;
}

.grey:visited
{	
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#999999;
text-decoration:underline;
font-size:12px;
}


.grey:hover, .grey:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
text-decoration:underline;
font-size:12px;
}

.grey11link:link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
text-decoration:none;
font-size:11px;
}

.grey11link:visited
{	
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
text-decoration:none;
font-size:11px;
}


.grey11link:hover, .grey11link:active
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#818285;
text-decoration:none;
font-size:11px;
}

/* Form Styles */

form {
margin:0px;
padding:0px;
}



.form_field {
border: 1px solid #e8e8e8;
padding:2px;
width:280px;
height:18px;
font-size:11px;
margin-left:10px;
margin-top:5px;
margin-bottom:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
float:left;
}

.form_field1 {
border: 1px solid #e8e8e8;
padding:2px;
width:280px;
height:100px;
font-size:11px;
margin-left:10px;
margin-top:5px;
margin-bottom:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
float:left;
}

.form_field2 {
border: 1px solid #e8e8e8;
padding:2px;
width:185px;
height:20px;
font-size:11px;
margin-left:10px;
margin-top:5px;
margin-bottom:7px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#231f20;
float:left;
}


.btnmain {
background-color: #ed1c24;
border:none;
margin-left:10px;
margin-top:10px;
width:100px;
height:22px;
cursor: pointer;
padding: 0;
font-size: 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#fff;
}




.textcell {  
text-align:left;
padding:7px 0 5px 0;
font-size:11px;
font-weight:bold;
float:left;
}

/* HOME */

.home_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

/* TRADE */

.trade_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:0 0 0 0;
border-top:1px solid #f5f5f5;
}

.trade_content_container {
width:100%;
padding:20px 0 20px 0;
border-bottom:1px solid #e2e3e4;
}

.trade_content_container_2 {
width:100%;
padding:20px 0 20px 0;
}

.trade_content_image {
width:200px;
height:auto;
float:left;
}

.trade_content_text {
width:300px;
height:auto;
float:left;
padding:0 0 0 20px;
}

.trade_content_text h1 {
font-size:14px;
margin:0;
padding:0;
}

.trade_content_text ul {
padding:0 0 0 15px;
}

.trade_content_text li {
line-height:20px;
}

/* CONTACT US */

.contact_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

/* SKU */

.sku_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

.sku_image {
width:137px;
height:137px;
float:left;
margin:0 20px 0 0;
}

.sku_text_container {
width:363px;
height:auto;
float:left;
}


/* STOCKISTS */

.stockist_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

.stockist_image {
width:137px;
height:137px;
float:left;
margin:0 20px 0 0;
}

.stockist_text_container {
width:363px;
height:auto;
float:left;
}

/* MARKETING */

.marketing_image_container {
width:100%;
height:177px;
margin:10px 0 10px 0;
}

.marketing_image {
width:120px;
height:175px;
border:1px solid #e2e3e4;
float:left;
margin:0 20px 0 0;
}

.marketing_video_links {
width:214px;
height:155px;
float:left;
border:1px solid #e2e3e4;
background:#F7F8F8;
padding:10px;
}

.marketing_video_links ul {
padding:0 0 0 15px;
list-style-type:square;
}

.marketing_flash_container {
width:100%;
height:602px;
margin:10px 0 10px 0;
}

.marketing_flash_banner {
width:120px;
height:600px;
float:left;
margin:0 20px 0 0;
}

.marketing_image_container img {
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}

.marketing_image_container img:hover {
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
}

/* EVENTS */

.events_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

.events_image {
width:137px;
height:137px;
float:left;
margin:0 20px 0 0;
background:#e2e3e4;
}

.events_text_container {
width:363px;
height:auto;
float:left;
}

/* NEWS */

.news_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

.news_image {
float:left;
margin:0 20px 0 0;
width: 137px;
}

.news_text_container {
width:363px;
height:auto;
float:left;
}

/* PREVIOUS ENGLISH MARKETING */

.preveng_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

.preveng_image {
width:137px;
height:137px;
float:left;
margin:0 20px 0 0;
background:#e2e3e4;
}

.preveng_text_container {
width:363px;
height:auto;
float:left;
}

/* COMPETITIONS */

.comps_container {
width:100%;
height:auto;
margin:0 0 20px 0;
padding:20px 0 0 0;
border-top:1px solid #f5f5f5;
}

.comps_image {
width:137px;
height:137px;
float:left;
margin:0 20px 0 0;
background:#e2e3e4;
}

.comps_text_container {
width:363px;
height:auto;
float:left;
}

/* COPYRIGHT */

.footer_divider {
width:520px;
height:1px;
margin:0 0 0 77px;
border-top:1px solid #e2e3e4;
font-size:1%;
clear:both;
}

.health_warning {
color:#000;
}

.copyright {  
width: 520px;
height:100%;
float:left;
text-align:left;
padding:10px 0 10px 77px;
font-size:10px;
text-align:right;
color:#ccc;
}

.copyright_link:link, .copyright_link:visited {
font-size:10px;
text-decoration:none;
color:#ccc;
}

.copyright_link:hover, .copyright_link:active {
text-decoration:underline;
}

/************FAULT FINDER****************/

.faultfinderlink:link
{
color:#FD0807;
text-decoration:none;
font-size:11px;
}


.faultfinderlink:visited
{	
color:#FD0807;
text-decoration:none;
font-size:11px;
}


.faultfinderlink:hover, .faultfinderlink:active
{
color:#FD0807;
text-decoration:underline;
font-size:11px;
}

#fault_finder {
}

#fault_finder .busy {
background:url(images/ajax-loader.gif) center no-repeat;
}

#fault_finder ul {
margin-right:32px;
list-style:none;
}

#fault_finder li {
padding:5px;
color:#000;
cursor:pointer;
}

#fault_finder li:hover {
background-color:#f5f5f5;
/*
text-decoration:underline;
*/
}

#fault_finder li.ff_on {
background-color:#f5f5f5;
/*
text-decoration:underline;
*/
}

#fault_problem.inactive li {
cursor:auto;
color:#999;
/*
text-decoration:underline;
*/
}

#fault_problem.inactive li.ff_on {
background-color:#f5f5f5;
color:#000;
/*
text-decoration:underline;
*/
}

#fault_problem.inactive li.ff_off:hover {
background-color:#fff;
color:#999;
/*
text-decoration:underline;
*/
}

#fault_problem {
height:1px;
overflow:hidden;
}

#fault_question {
/*
height:150px;
float:left;
width:180px;*/
}

#fault_question.inactive li {
cursor:auto;
color:#000;
/*
text-decoration:underline;
*/
}

.ff_q_off {
display:none;
}

.ff_q_on {
display:block;

}

#fault_question li {
cursor:auto;
color:#000;
padding:7px;
}

#fault_question ul {
background-color:#f5f5f5;
}

#fault_question li:hover {
background-color:#f5f5f5;
}

#fault_action {
/*float:left;
width:120px;
height:160px;*/
}

#fault_action ul {
background-color:#f5f5f5;
}

#fault_action li {
padding:15px;
}

#fault_action li:hover {
background-color:#f5f5f5;
}

#fault_details {
margin:15px 0px;
}

.error {
	margin: 10px 0 20px 0;
	background: #FFF2F2;
	border: 1px solid #DF0000;
}
.error h1 {
	background: #DF0000;
	font-size: 11px;
	color: #FFFFFF;
	margin: 0;
	padding: 6px 9px 6px 9px;
}
.error div {
	padding: 10px 10px 10px 10px;
}
.error div ul {
	list-style-type: square;
	margin: 10px 0 10px 10px;
}

.error div ul li {
	margin: 0 0 0 10px;
}

.success {
	margin: 10px 0 20px 0;
	background: #D2EE9F;
	border: 1px solid #8BC71E;
	padding: 10px 10px 10px 10px;
	color: #000000;
}

