/* -------------------------------------------------------------------------
Generic typography and style sheet for Lariche
Created: 12th December 2008
Last updated: 13th June 2011
author: Scott Harrington, Web Developer & Matt Williams MA webmaster@thinkstorm.co.uk
email: scott@thinkstorm.co.uk
------------------------------------------------------------------------- */

/* layout */

body {
    font-size:100%; /* browser default text size = 16px */
    letter-spacing: 0.2 pt;
    line-height: 1.125em; /* 20px (16 x 1.25 = 20) */
    background-image: url(../images/toptile.jpg);
    background-color: #f1f1f1; /* enables stretched background */
    background-repeat: repeat-x;
				margin: 0px 0px 0px 0px;
				padding: 0;
				font-family: Arial, Verdana, Arial, Helvetica;

}

body.thirty {
    font-size:100%; /* browser default text size = 16px */
    letter-spacing: 0.2 pt;
    line-height: 1.125em; /* 20px (16 x 1.25 = 20) */
    background-image: url(../images/toptileblk.jpg);
    background-color: #000000; /* enables stretched background */
    background-repeat: repeat-x;
				margin: 0px 0px 0px 0px;
				padding: 0;
				font-family: Arial, Verdana, Arial, Helvetica;

}

body.lookbook {
    font-size:100%; /* browser default text size = 16px */
    letter-spacing: 0.2 pt;
    line-height: 1.125em; /* 20px (16 x 1.25 = 20) */
    background-image: url(../images/toptileblk.jpg);
    background-color: #000000; /* enables stretched background */
    background-repeat: repeat-x;
				margin: 0px 0px 0px 0px;
				padding: 0;
				font-family: Arial, Verdana, Arial, Helvetica;

}

/* typography 
-----------------------------------------------------------*/

/* font sizing guide:
10px = 0.625em
11px = 0.6875em
12px = 0.75em
13px = 0.8125em
14px = 0.875em
15px = 0.9375em
16px = 1em
17px = 1.0625em
18px = 1.125em
19px = 1.1875em
20px = 1.25em
26px = 1.625em
(divide desired pixel height by 16 to get 'em' value) */
em{
font-weight: bold;
}
p {
    font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
	margin: 1em 0; /* 12px (12 x 1 = 12) */
		line-height: 1.3em;
	color: #424242;
}
p.thirty {
    font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
	margin: 1em 0; /* 12px (12 x 1 = 12) */
		line-height: 1.3em;
	color: #ffffff;
}
p.size13 {
    font-size: 0.8125em; /* 11px (16 x 0.6875 = 11) */
	margin: 1em 0; /* 12px (12 x 1 = 12) */
	color: #424242;
}
p.size12 {
    font-size: 0.75em; /* 11px (16 x 0.6875 = 11) */
	margin: 1.5em 0; /* 12px (12 x 1 = 12) */
	line-height: 1.4em;
	color: #424242;
}
p.white11{
color: #ccc;
font-size: 0.75em;
}

p.white11a{
color: #ccc;
font-size: 0.75em;
}

p.white16{
color: #ccc;
font-size: 1em;
}

.swatch p{
margin: 0 0 5px 0;
}
h1 {
	font-size: 1.125em; /* =18px */
	color: #a29061;
	margin: 0;
	padding: 0 0 15px 0px;
}

h1.winner {font-size: 2em;color:#dcdf37;text-transform: none;margin: 30px 0 0;padding: 0}
h1.winner span {color:#ee4b36;float:right}

h2 {
	font-size: 1.125em; /* =18px */
	color: #a29061;
	margin: 0;
	padding: 0 0 25px 0px;
}

h2.winnerarea {font-size: 1.25em;font-weight:normal;color:#f23b63;text-transform: none;margin:10px 0 20px 0;padding: 0}

h3 {
	font-size: 0.875em; /* =14px */
	color: #424242;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #cad1d5;
}
h3.colourcategory{
padding-top: 10px;
width: 625px;
color: #FFF;
padding-bottom: 2px;
padding-left: 15px;
border-bottom: none;
margin-bottom: 15px;

}

h3#brightreds{
background-color: #ee373d;
}
h3#deepreds{
background-color: #009ac7;
}
h3#blues{
background-color: #f15922;
}
h3#blackandwhite{
background-color: #7fb539;
}
h3#oranges{
background-color: #a9218e;
}
h3#greens{
background-color: #ec008c;
}
h3#purple{
background-color: #6F00CD;
}
h3#pinks{
background-color: #EB3484;
}

h4{
margin: 0;
font-size: 1.125em;
color: #a29061;
}
h5{
font-size:1em;
color: #3b3b3b;
}
.distributors_template h4,.distributors_template h5{
margin-left: 64px;
margin-bottom: 15px;
}
.distributors_template h5{
margin-top: 15px;
}
h6#usage{
margin: 0;
padding: 0;
}

h7 {
	font-size: 1.125em; /* =18px */
	color: #a29061;
	margin: 0;
	padding: 0 0 25px 0px;
}

img {
border: none;
}


/* Wrapper for the website fixed at 974px that holds the website centrally 
-----------------------------------------------------------*/

#wrapper {
width: 974px; /* fixed width to hold website centrally */
height: 100%; /* enables stretched content */
padding: 0 auto;
margin: 0 auto;
}

/* Top color bar for multi-lingual content to be held
-----------------------------------------------------------*/

#top-bar {
width: 974px;
height: 23px;
text-align: right;
float: left;
}

#top-bar ul {
margin:0;
padding:0;
list-style:none;
}

#top-bar li {
float:right;
font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
line-height: 1.3em;
color: #ffffff;
margin: 0;
padding:3px;
}

.england-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/england.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.england-rollover:link, a.england-rollover:visited, a.england-rollover:active {
background: url(../images/england.gif);
}
a.england-rollover:hover  {
background-position:-20px 0;
}

.germany-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/germany.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.germany-rollover:link, a.germany-rollover:visited, a.germany-rollover:active {
background: url(../images/germany.gif);
}
a.germany-rollover:hover  {
background-position:-20px 0;
}

.france-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/france.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.france-rollover:link, a.france-rollover:visited, a.france-rollover:active {
background: url(../images/france.gif);
}
a.france-rollover:hover  {
background-position:-20px 0;
}

.spain-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/spain.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.spain-rollover:link, a.spain-rollover:visited, a.spain-rollover:active {
background: url(../images/spain.gif);
}
a.spain-rollover:hover  {
background-position:-20px 0;
}

.italy-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/italy.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.italy-rollover:link, a.italy-rollover:visited, a.italy-rollover:active {
background: url(../images/italy.gif);
}
a.italy-rollover:hover  {
background-position:-20px 0;
}

.holland-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/holland.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.holland-rollover:link, a.holland-rollover:visited, a.holland-rollover:active {
background: url(../images/holland.gif);
}
a.holland-rollover:hover  {
background-position:-20px 0;
}

.poland-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/poland.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.poland-rollover:link, a.poland-rollover:visited, a.poland-rollover:active {
background: url(../images/poland.gif);
}
a.poland-rollover:hover  {
background-position:-20px 0;
}

.austria-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/austria.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.austria-rollover:link, a.austria-rollover:visited, a.austria-rollover:active {
background: url(../images/austria.gif);
}
a.austria-rollover:hover  {
background-position:-20px 0;
}

.sweden-rollover {
display: block;
width: 20px;
height: 15px;
background-image: url(../images/sweden.gif);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.sweden-rollover:link, a.sweden-rollover:visited, a.sweden-rollover:active {
background: url(../images/sweden.gif);
}
a.sweden-rollover:hover  {
background-position:-20px 0;
}



/* Website header - holds the logo and cart content
-----------------------------------------------------------*/

#header {
width: 974px;
height: 135px;
float: left;
}

/* Navigation - for navigational tabs
-----------------------------------------------------------*/

#navigation {
width: 974px;
height: 44px;
background-image: url(../images/navigation.jpg);
background-repeat: no-repeat;
float: left;
}

#navigation a {/* navigational link styles */
font-size: 0.6875em;
color: #000000;
display: block;
text-decoration: none;
background-image: url(../images/left_tab.gif);
background-repeat: no-repeat;
background-position: left top;
padding:4px 8px;
}

#navigation a:hover {
font-size: 0.6875em;
color: #FFFFFF;
display: block;
text-decoration: none;
background-image: url(../images/left_tab.gif);
background-repeat: no-repeat;
background-position: left top;
padding:4px 8px;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;
}

#navigation li {
float:left;
height: 27px;
background-image: url(../images/right_tab.gif);
background-repeat: no-repeat;
background-position: right top;
margin:0px 3px 0px 0px;
padding:0;
}

#navigations {
text-align:center;
float: left;
margin: 0;
padding: 20px 0 0 190px; 
}

#navigations ul {
margin:0;
padding:0;
list-style:none;
text-align: center;
}

#navigations li {
display: inline; 
list-style:none;
display: inline; 
margin:0px 3px 0px 0px;
padding:0;
}

.telephone {
font-size: 0.875em;
font-weight: bold;
float:right;
margin: 0px 15px 0px 0px;
padding: 0px;
}

.telephoneBlue {
font-weight: bold;
color: #257cb5;
}



/* Sub-Navigation - for product specific tabs
-----------------------------------------------------------*/

#sub-navigation {
width: 776px;
height: 84px;
padding-left: 99px;
text-align: center;
float: left;
}

#sub-navigation ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#sub-navigation li{
float:left;
padding: 0px;
margin: 0px;
} 
 
.colour-rollover {
display: block;
width: 193px;
height: 84px;
background-image: url(../images/directions-colour.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.colour-rollover:link, a.colour-rollover:visited, a.colour-rollover:active {
background: url(../images/directions-colour.jpg);
}
a.colour-rollover:hover  {
background-position:-193px 0;
}

.care-rollover {
display: block;
width: 192px;
height: 84px;
background-image: url(../images/directions-care.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.care-rollover:link, a.care-rollover:visited, a.care-rollover:active {
background: url(../images/directions-care.jpg);
}
a.care-rollover:hover  {
background-position:-192px 0;
}

.kit-rollover {
display: block;
width: 192px;
height: 84px;
background-image: url(../images/buttonLighteningKit.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.kit-rollover:link, a.kit-rollover:visited, a.kit-rollover:active {
background: url(../images/buttonLighteningKit.jpg);
}
a.kit-rollover:hover  {
background-position:-192px 0;
}


.tattsplatt-rollover {
display: block;
width: 192px;
height: 84px;
background-image: url(../images/tatt-splatt.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
}
a.tattsplatt-rollover:link, a.tattsplat-rollover:visited, a.tattsplatt-rollover:active {
background: url(../images/tatt-splatt.jpg);
}
a.tattsplatt-rollover:hover  {
background-position:-192px 0;
}

.imagePadding {
padding: 25px 0px 0px 10px;
}

/* Holding DIV for Interactive content and product specific content
-----------------------------------------------------------*/

#interactive, #interactive2 {
width: 974px;
height: 382px;
background-image: url(../images/interactive.jpg);
background-repeat: no-repeat; 
float: left;
}
.contact #interactive{
width: 844px;
height: 285px;
background-image: url(../images/header_contact.jpg);
padding-left: 130px;
padding-top: 75px;

}
.contact #interactive p.white11{
width: 342px;
}
.contact #interactive ul#howto_links{
padding: 0;
margin: 0;
padding-top: 15px;
color: #CCC;
font-size: 0.75em;
}


.contact #interactive li{
list-style: none;
margin: 4px 0;

}
.contact #interactive li a:link{
color: #da2386;
text-decoration: none;
}
.contact #interactive li a:visited{
color: #b75c68;
text-decoration: none;
}
.contact #interactive li a:hover{
color: #fe6d68;
text-decoration: none;
}

.contact #leftHome1{
padding-left: 116px;
width: 524px;
}
.contact #leftHome1 p{
font-size: 0.75em;

margin: 0;
margin-top: 20px;
}







.ordering #interactive{
width: 934px;
height: 255px;
background-image: url(../images/ordering_header.jpg);
padding-left: 40px;
padding-top: 105px;

}

.ordering #interactive p.white11{
width: 342px;
}
.ordering #interactive ul#howto_links{
padding: 0;
margin: 0;
padding-top: 15px;
color: #CCC;
font-size: 0.75em;
}


.ordering #interactive li{
list-style: none;
margin: 4px 0;

}
.ordering #interactive li a:link{
color: #da2386;
text-decoration: none;
}
.ordering #interactive li a:visited{
color: #b75c68;
text-decoration: none;
}
.ordering #interactive li a:hover{
color: #fe6d68;
text-decoration: none;
}

.care #interactive{
width: 934px;
height: 315px;
background-image: url(../images/care_header_bg.jpg);
padding-left: 40px;
padding-top: 45px;

}

.care #interactive h2{
text-indent: -5000px;
background: url(../images/h2_colourcare.gif) no-repeat;
height: 74px;

}
.care #interactive p{
margin-top: 0px;
font-size: 0.75em;
line-height: 1.25em;
margin-left: 12px;
width: 280px;

}
.care #interactive p.smallprint{
padding-top: 10px;
font-size: 0.625em;
line-height: 1.25em;
margin-left: 12px;
width: 280px;

}

.care #interactive2{
width: 524px;
height: 175px;
background-image: url(../images/tatt_header_bg.jpg);
padding-left: 450px;
padding-top: 185px;

}

.care #interactive2 h2{
color:#85d7ea;

}
.care #interactive2 p{
color: #c8e9f1;
margin-top: 0px;
font-size: 0.75em;
line-height: 1.25em;
width: 280px;

}
.care #interactive2 p.smallprint{
padding-top: 10px;
font-size: 0.625em;
line-height: 1.25em;
width: 280px;

}

.news_template #interactive{
width: 934px;
height: 315px;
background-image: url(../images/panel_news.jpg);
padding-left: 40px;
padding-top: 45px;

}

.news_template #interactive p.white11{
padding-top: 10px;
width: 470px;
}
.news_template #interactive ul{
margin-left: 30px;
padding-top: 15px;
color: #CCC;
font-size: 0.75em;
}


.news_template #interactive li{
list-style-position: outside;
list-style-image: url(../images/news_icon.gif); 
margin: 4px 0;

}
.news_template #interactive li a:link{
color: #CCC;
text-decoration: none;
}
.news_template #interactive li a:visited{
color: #b75c68;
text-decoration: none;
}
.news_template #interactive li a:hover{
color: #fe6d68;
text-decoration: none;
}

.gallery_template #interactive{
background-image: url(../images/gallery_head.jpg);
padding-left: 40px;
padding-top: 150px;
width: 934px;
height: 205px;
}
.gallery_template #interactive p{
width: 340px;
}

.gallery_template #leftHome{
padding-right: 0;
width: 626px;
}
.gallery_template #rightHome{
padding-left: 0;
width: 320px;
}
.gallery_template h1, .ordering h1, .contact #interactive h1{
font-size:1.625em;
font-weight: bold;
}


.howto #interactive{
width: 896px;
height: 295px;
background-image: url(../images/howto_header.jpg);
padding-left: 78px;
padding-top: 65px;

}

.howto #interactive p.white11{
font-size: 0.75em;
padding-top: 10px;
width: 342px;
}
.howto #interactive ul#howto_links{
padding: 0;
margin: 0;
padding-top: 15px;
color: #CCC;
font-size: 0.75em;
}


.howto #interactive li{
list-style: none;
margin: 4px 0;

}
.howto #interactive li a:link{
color: #da2386;
text-decoration: none;
}
.howto #interactive li a:visited{
color: #b75c68;
text-decoration: none;
}
.howto #interactive li a:hover{
color: #fe6d68;
text-decoration: none;
}





.distributors_template #interactive{
width: 834px;
height: 195px;
background-image: url(../images/dist_header.jpg);
padding-left: 140px;
padding-top: 160px;

}

.distributors_template #interactive p.white11{
padding: 0;
margin: 0;
width: 340px;
}
.distributors_template h1{
margin-bottom: 0;
font-weight: bold;
}


.distributors_template #interactive li{
list-style-position: outside;
list-style-image: url(../images/news_icon.gif); 
margin: 4px 0;

}
.distributors_template #interactive li a:link{
color: #CCC;
text-decoration: none;
}
.distributors_template #interactive li a:visited{
color: #b75c68;
text-decoration: none;
}
.distributors_template #interactive li a:hover{
color: #fe6d68;
text-decoration: none;
}
#flash {
width: 974px;
height: 355px;
float: left;
}

#care {
width: 974px;
height: 355px;
float: left;
}

/* Special offers DIV for HOME PAGE ONLY - Container for three
product highlighted images.
-----------------------------------------------------------*/

#special-offers {
width: 946px;
padding: 30px 14px;
float: left;
}

.paddingRight {/* padding for special offer boxes */
/*padding-right: 14px;*/
margin-right: 14px;
}

.paddingRight2 {/* padding for special offer boxes */
padding-right: 14px;
}
#special-offers img{
float: left;

}

/* Main BODY DIV for website content
-----------------------------------------------------------*/

#body-content {
width: 946px;
height: 100%;
padding: 0px 14px 25px 14px; 
float: left;
}

#body-contentthirty {
width: 960px;
height: 100%;
padding: 0px 14px 25px 0px; 
float: left;
}

#body-contentlook {
width: 960px;
height: 100%;
text-align:center;
margin:0 auto;
padding: 0px 14px 25px 0px; 
float: left;
}


#left5{
padding: 30px 0 0 0;
float: left;
width: 306px;
margin-right: 14px;
}

#right5{
padding: 30px 0 0 0;
width: 306px;
margin-right: 64px;
float: left;
}

#leftHome {
width: 498px;
padding: 30px 128px 30px 0px;
height: auto;
float: left;
}

.news_template #leftHome, .distributors_template #leftHome {
width: 492px;
padding: 30px 120px 30px 78px;

}

.news_template #interactive h1{
font-size: 1.625em;
font-weight: bold;
width: 535px;
border-bottom: 1px solid #626262;
padding-bottom: 10px;
}

.news_template p.date{
font-size: 0.875em;
color: #a6a6a6;
margin: 0;
}

p.back_to_top{
padding:0;
margin-bottom: 0;
margin-top:30px;
height: 20px;
background: url(../images/uparrow.gif) no-repeat top right;
float: right;
padding-right: 24px;

}

p.story_text {
padding-right: 50px;
}

.back_to_top a:link, .back_to_top a:visited{
color: #a29061;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px solid #444;
}

.back_to_top a:hover{
color:#444;
}

.home #leftHome{
padding-bottom: 0;
}

.home #body-content {
padding-bottom: 0;
}


#leftHome ol {
font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
margin: 0px 0px 30px 20px;
padding: 0px 0px 0px 0px;
color: #424242;
}

#leftHome ul{
list-style: none;
padding: 0px;
margin: 0px;
}
#leftHome li{
font-size: 0.6875em; /* 11px (16 x 0.6875 = 11) */
color: #424242;
padding: 0px;
margin: 0px;
} 

.swatch {/* Class for Swatches on Store for Colour */
width: 115px;
margin:0 0 10px 0;
padding-bottom: 10px;
text-align: center;
margin-right: 8px;
float: left;
}

#care-shampoo {/* Divs for Rows on Store for Care */
width: 274px;
height: 200px;
float: left;
padding-left: 300px;
margin-bottom: 30px;
background-image: url(../images/shampoo.jpg);
background-repeat: no-repeat; 
background-position: left top;
border-bottom: solid 1px #cccccc;
}

h1.shampoo {
font-size: 0.75em;
color: #9d9d9d;
padding: 0;
margin: 0;
}

h2.shampoo {
color: #55b1cc;
padding: 0;
margin: 0;
}

#care-conditioner {/* Divs for Rows on Store for Care */
width: 274px;
height: 200px;
float: left;
padding-left: 300px;
margin-bottom: 30px;
background-image: url(../images/conditioner.jpg);
background-repeat: no-repeat; 
background-position: left top;
border-bottom: solid 1px #cccccc;
}

h1.conditioner {
font-size: 0.75em;
color: #9d9d9d;
padding: 0;
margin: 0;
}

h2.conditioner {
color: #945bb7;
padding: 0;
margin: 0;
}

#care-precolour {/* Divs for Rows on Store for Care */
width: 274px;
height: 200px;
float: left;
padding-left: 300px;
background-image: url(../images/precolour.jpg);
background-repeat: no-repeat; 
background-position: left top;
border-bottom: solid 1px #cccccc;
}

h1.precolour {
font-size: 0.75em;
color: #9d9d9d;
padding: 0;
margin: 0;
}

h2.precolour{
color: #e71a4b;
padding: 0;
margin: 0;
}

#tattsplatt-row {/* Divs for Rows on Store for Tatt Splatt */
width: 424px;
height: 200px;
float: left;
padding-left: 150px;
margin-bottom: 30px;
background-image: url(../images/tatt-splatt-bg.jpg);
background-repeat: no-repeat; 
background-position: left top;
border-bottom: solid 1px #cccccc;
}

h1.tattsplatt {
font-size: 0.75em;
color: #9d9d9d;
padding: 0;
margin: 0;
}

h2.tattsplatt{
color: #7482bf;
padding: 0;
margin: 0;
}

#tattdisplay-row {/* Divs for Rows on Store for Tatt Splatt */
width: 424px;
height: 200px;
float: left;
padding-left: 150px;
margin-bottom: 30px;
background-image: url(../images/tatt-splatt-display.jpg);
background-repeat: no-repeat; 
background-position: left top;
border-bottom: solid 1px #cccccc;
}

h1.tattdisplay {
font-size: 0.75em;
color: #9d9d9d;
padding: 0;
margin: 0;
}

h2.tattdisplay{
color: #7482bf;
padding: 0;
margin: 0;
}

#rightHome {
width: 306px;
padding: 30px 0px 0px 14px;
height: auto;
float: left;
}

.news_template #rightHome,.distributors_template #rightHome  {
width: 256px;
padding: 30px 0 0 0;
}

#rightHome ul{
list-style: none;
padding-left: 0px;
margin-left: 0px;
color: #424242;
}

#rightHome li{
font-size: 0.625em;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
}

#rightHome li a{
color: #424242;
text-decoration: none;
}

#rightHome li a:hover {
color: #000000;
text-decoration: none;
}

.news_template .newsDiv {
width: 100%;
float: left;
padding-bottom: 15px;
border-bottom: 1px #cccccc solid;
margin-bottom: 20px;
margin-top: 30px;
}
.newsDiv {
width: 100%;
float: left;
padding-bottom: 15px;
border-bottom: 1px #cccccc solid;
margin-bottom: 20px;

}

.newsHeadline {
font-size: 0.875em;
font-weight: bold;
color: #a29061;
margin-top: 0;
}
.news_template .newsDiv .newsHeadline{
font-size:1.25em;
}
.newsdate {
margin:0;
font-weight: bold;
}


.intro {
margin-top: 0;
font-size: 0.875em;
}

.imagePad1 {
 padding: 0px 0px 10px 0px;
}

.imagePad2 {
padding: 0px 0px 10px 0px;
}




#leftHome1 {
width: 640px;
padding: 30px 50px 30px 0px;
height: auto;
float: left;
}

#rightHome1 {
width: 256px;
padding: 30px 0px 0px 0px;
height: auto;
float: left;
}
.care #rightHome1{

}


#ordering{
width: 622px;
height: 25px;
padding: 20px 0px 0px 18px;
color: #f1f1f1;
font-size: 2em;
font-weight: bold;
margin-bottom: 25px;
background-image: url(../images/ordering3.gif);
background-repeat: no-repeat;
float: left;
}

#colourTop{
width: 604px;
height: 213px;
margin-bottom: 25px;
background-image: url(../images/hair-color-bg.jpg);
background-position: bottom right;
background-repeat: no-repeat;
float: left;
}

#topRow {
width: 335px;
height: 101px;
padding-left: 15px;
float: left;
}

h1.top {
color: #861a48;
margin: 0;
padding: 0;
}

#bottomRow {
width: 335px;
height: 102px;
padding: 10px 0px 0px 15px;
background-color: #e4e4e4;
float: left;
}

h1.MOQ {
color: #3e6d89;
margin: 0;
padding: 0;
font-size: 0.875em;
}

h1.bottom {
color: #3e6d89;
margin: 0;
padding: 0;
}

#leftHome2 {/* Divs for Colour Stands */
width: 625px;
padding: 30px 50px 0px 15px;
border-top: solid 1px #cccccc;
height: auto;
float: left;
}

#leftHome2 p.size13{
width: 384px;
}

.standsHolder {
width: 674px;
height: 242px;
margin-top: 25px;
float: left;
}

.standsHolder1 {
width: 128px;
height: 242px;
float: left;
}

.standsHolder2 {
width: 270px;
height: 227px;
padding-top: 15px;
border-bottom: solid 1px #cccccc;
float: left;
padding-right: 36px;
}



.standsHolder3 {
width: 186px;
height: 227px;
padding: 15px 10px 0px 10px;
text-align: center;
background-image: url(../images/bgroundStands.jpg);
background-repeat: no-repeat;
border-bottom: solid 1px #cccccc;
float: left;
}

.standsHolder3 form{

}
.standsHolder p{
font-size:0.6875em;
line-height: 1.325em;
}

.standsHolder2 h1.top{
letter-spacing: -0.02em;
font-weight: bold;
}
.standsHolder2 p{
letter-spacing: 0em;
font-weight: normal;
}

p.dimensions {
color: #861a48;
margin: 0;
padding: 0;
}

p.dimensionsBlack {
color: #424242;
margin: 0;
padding: 0;
}

/* Footer fixed at 100% and positioned absolutely (2 general wrappers with nested containers) 
(Divs that holds content centrally) - set at 100% with nested containers
-----------------------------------------------------------*/

#footer{/* Main footer wrapper set at 100% */
background-image: url(../images/bottomtile.jpg);
background-repeat: repeat-x;
width:100%;
height:402px;
margin: 0;
margin-top: 20px;
float:left;
}

p.footer_address{
font-size:0.625em;
line-height: 1.35em;
}

span.address_titles{
display: block;
float: left;
width: 40px;
color: #838587;
}

#internal-footer{/* internal footer container set at 974px */
width:974px;
height:402px;
background-image: url(../images/bottomtile.jpg);
background-repeat: repeat-x;
margin: 0 auto;
}

#internal-footer ul{
list-style: none;
padding-left: 0px;
margin-left: 0px;
color: #424242;
}

#internal-footer li{
margin: 0;
padding: 0;
font-size: 0.625em;
padding-left: 0px;
margin-left: 0px;
margin-right: 0px;
line-height: 1.5em;

}

#internal-footer li a{
color: #424242;
text-decoration: none;
}

#internal-footer li a:hover {
color: #000000;
text-decoration: none;
}

#footer-left {/* floats and contains left footer content */
width: 300px;
padding-top: 75px;
float:left;
}

#footer-right1 {/* floats and contains right footer contents in to columns numbered below */
width: 215px;
padding-top: 143px;
float:left;
}

#footer-right2 {
width: 215px;
padding-top: 143px;
float:left;
}

#footer-right3 {
width: 216px;
padding-top: 143px;
float:left;
}


/* Additional Styles */



.read a, .read a:visited {
color: #a29061;
font-weight: bold;
text-decoration: underline;
background-image: url(http://www.lariche.co.uk/assets/images/button.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 25px;
line-height: 21px;
float: right;
}

.read a:hover {
color: #414141;
font-weight: bold;
background-image: url(http://www.lariche.co.uk/assets/images/button.gif);
background-position: right center;
background-repeat: no-repeat;
padding-right: 25px;
line-height: 21px;
float: right;
}


table{
border: none;
padding: 0;
margin: 0;
margin-top: 5px;
}
table.minorder{
margin-top:10px;
font-size:0.75em;
line-height: 1em;
}

.leftcolumn{
padding:0 25px 0 45px;
}
.clear{
clear: both;
}
.care #body-content .product{
padding-bottom: 25px;
float: left;

}


.care #body-content h3{
text-indent:-5000px;
background: url(http://www.lariche.co.uk/assets/images/ordering3.gif) no-repeat;
height: 46px;
padding: 0;
border-bottom: 1px solid #d8d8d8;
}
.care #body-content .productleft {
float: left;
width: 640px;
padding-top: 20px;
border-bottom: 1px solid #CCC;
padding-bottom: 30px;

}
.care #body-content .productdescription{
float: left;
width: 320px;
margin-left: 14px;
}
.care #body-content .productdescription p{
margin-top: 14px;
line-height: 1.4em;
}

.care #body-content .product img.productimage{
float: left;
}
.care #body-content .product h5{
text-indent: -5000px;
padding-top: 0px;
height: 34px;
margin-bottom: 0;
margin-top:10px;
}
.care #body-content .product h5#cp_shampoo{
background: url(http://www.lariche.co.uk/assets/images/h5cpshampoo.gif) no-repeat 0px 0px;
}
.care #body-content .product h5#cp_conditioner{
background: url(http://www.lariche.co.uk/assets/images/h5cpconditioner.gif) no-repeat 0px 0px;
}
.care #body-content .product h5#pc_shampoo{
background: url(http://www.lariche.co.uk/assets/images/h5preshampoo.gif) no-repeat 0px 0px;
}
.care #body-content .product h5#dc_display{
background: url(http://www.lariche.co.uk/assets/images/h5caredisplay.gif) no-repeat 0px 0px;
}
.care #body-content .product h5#tatt{
background: url(http://www.lariche.co.uk/assets/images/h5tatt.gif) no-repeat 0px 0px;
}
.care #body-content .product h5#dispenser{
background: url(http://www.lariche.co.uk/assets/images/h5dispenser.gif) no-repeat 0px 0px;
}
.care #body-content .product h5#dispenser{
background: url(http://www.lariche.co.uk/assets/images/h5dispenser.gif) no-repeat 0px 0px;
}



.care-box {
width: 242px;
margin: 0px 0px 18px 64px;
text-align: center;

background:url(http://www.lariche.co.uk/assets/images/boxtop.gif) no-repeat left top;
}
.care-box img.addbutton{
width: 159px;
padding-bottom: 15px;
margin: 0 auto !important;
float: none;
}

.care #body-content .productright{
float: left;
/* background:url(http://www.lariche.co.uk/assets/images/boxbottom.gif) no-repeat 64px bottom;*/
}

p.care {
line-height: 14px;
padding: 25px 10px 0px 10px;

}

.care #body-content .productdescription p.tattp{
font-size: 0.625em;
line-height: 1.25em;
margin-top: 0;
}

.coloursection{
margin-top: 20px;
margin-bottom: 50px;
}



.maplink{
border-top: 1px solid #d7d7d7;
padding-top: 10px;
}
.maplink a, .maplink a:visited{
color: #8c794f;
text-decoration: none;
border-bottom: 1px solid #575248;
}
.maplink a:hover, .maplink a:active{
color: #575248;
}
.address_lines{
padding-bottom: 8px;
}


/* ---------------------------------------*/




#accordion h6, #accordion2 h6{
margin: 0;
width: 242px;
font-size: 0.875em;
color: #3b3b3b;
border-top: 1px solid #d7d7d7;
padding: 3px 0;
padding-left: 64px;
	cursor: pointer;
}

#accordion h6 a:link, #accordion h6 a:visited, #accordion2 h6 a:link, #accordion2 h6 a:visited{
display: block;
background: url("../images/icon_open.gif") no-repeat right 0.5em;
text-decoration: none;
color: #3b3b3b;
outline: none;
}
#accordion h6 a:hover, #accordion2 h6 a:hover{
outline: none;
background: url("../images/icon_closed.gif") no-repeat right 0.5em;
color: #a29061;
}
#accordion h6 a:active, #accordion2 h6 a:active{
border: none;
outline: none;
color: #a29061;
	background: url("../images/icon_closed.gif") no-repeat right 0.5em;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background: url("../images/icon_closed.gif") no-repeat right 0.5em;
color: #a29061;
border: none;
outline: none;
}


#accordion p, #accordion2 p{
font-size: 0.6875em;
margin: 0;
line-height: 1em;
}
#accordion p.mytitle, #accordion2 p.mytitle{
font-weight: bold;
font-size: 0.75em;
color: #a29061;
margin-bottom: 3px;
}
#accordion .county, #accordion2 .county{
padding-top: 10px;
padding-bottom: 10px;
background:#fefefe url(http://www.lariche.co.uk/assets/images/address_box_bg.gif) no-repeat left top;
padding-left: 64px;
border-bottom: 3px solid #f1f1f1;
}




ul.address_container{
list-style: none;
padding-left: 0;
padding:0;
margin: 0;
}

.gallerycomments {width: 204px;float:left}
.gallerydate {width: 50px;margin-left:20px;float:left}

.gallery_post_wrapper {
width: 274px;
height: 370px;
float: left;
margin-right: 14px;
padding-bottom:20px;
}
.gallery_post_wrapper .gallery_image_wrapper{
position: relative;
background: #FFF;
width: 274px;
height: 274px;
border: 1px solid #d8d8d8;
margin-bottom: 10px;
}
.gallery_post_wrapper .gallery_image_wrapper img{
margin: 5px;
width: 264px;
height: 264px;
}
.gallery_post_wrapper p{
float: left;
margin:0;
padding: 0;
}
p.image_source{
color: #847043;
margin-left: 4px;
text-transform: inherit
}

.gallery_post_wrapper p.gallery_date{
color: #7b7b7b;
float: right;
text-align:right;
font-weight: bold;
margin:0;
padding: 0;
margin-right: 4px;
}

.gallery_template #rightHome h5{
padding: 20px 0px 0px 15px;
margin: 0;
height: 26px;
color: #f1f1f1;
font-size: 1.125em;
/*text-indent: -5000em;*/
background:#fefefe url(http://www.lariche.co.uk/assets/images/upload_header.gif) no-repeat 0 1px;
}

.upload_form{
background:url(http://www.lariche.co.uk/assets/images/form_bg.jpg) no-repeat right 11px;
padding-top:16px;
padding-bottom: 20px;
border-bottom: 20px solid #d8d8d8;
}

.upload_form #details{
padding-left: 14px;
padding-bottom: 15px;
border-bottom: 1px solid #d8d8d8;
width: 172px;
}
.upload_form input.name, .upload_form input.email{
width: 150px;
}
.upload_form input.filebox{
margin:0;
padding:0;
margin-left: 14px;
width: 150px;

}
.upload_form input.sub_btn{
margin-top: 10px;
margin-left: 14px;
}


.upload_form p.browse{
padding-top: 15px;
}

input.quantity{
float: left;
margin-top: 2px;
margin-left: 30px;
padding: 0;
text-align: center;
color: #666;
width: 20px;
margin-bottom: 10px;
}
.product_sub_btn{
float: left;
margin-left: 5px;
}
.care input.quantity{
margin-top: 2px;
float: left;
margin-right: 6px;
margin-left: 0;
}

iframe{
border: none;
background: #CCC;
width: 256px;
margin-bottom: 30px;
}

p.available{
background: #dfdfdf;
padding: 10px;
width: 222px;
}
.productleft form{
margin-top: 25px;
}
body.basket{
background: #f1f1f1;
width: 256px;
}
body.basket table{
margin-left: 14px;
font-size: 0.6875em;
line-height: 1em;
text-align: left;
}

body.basket table th{
padding-bottom: 6px;
}

body.basket table td{
padding: 5px 5px 5px 0px;
}
p.orderbutton{
padding-top:15px;
padding-bottom:15px;
border-top: 1px solid #d8d8d8;
text-align: center;
}
th#product_name{
width: 180px;
}
th#order_quantity{
width: 30px;
}
td.remove{

}

h2.carthead{
background:url(http://www.lariche.co.uk/assets/images/h2_yourbasket.gif) no-repeat;
/*text-indent: -5000em;*/
color: #f1f1f1;
font-size: 1.125em;
width: 241px;
height: 21px;
padding:25px 0px 16px 15px;
}

.howto_section{
float: left;
}
.howto #interactive h1{
font-size: 1.625em;
font-weight: bold;
width: 370px;
border-bottom: 1px solid #626262;
padding-bottom: 10px;
}
.howtoleft{
width: 192px;
float: left;
}


.howtoright {
padding-top: 20px;
width: 415px;
padding-left: 20px;
float: left;
}

.howtoright h3 {
font-size:1.25em;
color:#A29061;
border: none;
font-weight:bold;
margin-top:0;
}

h3#dos{
margin-top: 20px;
}
h3#warning{
margin-top: 4px;
color:#ba1636;
}
.howtoright h5{
margin-bottom: 0;
margin-top: 10px;
}
p.guide{
color: #535353;
padding-right: 50px;
font-size:0.75em;
line-height: 1.3em;
margin:1.3em 0;
}
ul.dosdonts{
margin: 0;
margin-bottom: 25px;
padding: 0;
width: 334px;
line-height: 1.2em;
list-style: none;
font-size:0.75em;
}

ul.dosdonts li{
background: #d0d6d8;
padding: 15px 20px;
margin:4px 0;
}

.section_block{
margin-bottom: 30px;
}


.ordering #leftHome1{

}
.ordering #leftHome1 #leftcolumn{
float: left;
width: 256px;
margin-right: 64px;
}

.ordering #leftHome1 #leftcolumn p{
font-size: 0.75em;
line-height: 1.4em;
}

.ordering #leftHome1 #rightcolumn{
float: left;

}
.ordering #leftHome1 table{
width: 100%;
font-size: 0.6875em;
padding: 0;
margin: 0;
margin: 0 auto;
}
.ordering #leftHome1 table td{
background: #FFF;
padding: 4px 10px;
}
#bank{
width: 282px;
padding: 12px;
background: #dee8f5;
}
#bank h6{
margin-bottom: 0px;
color: #021e4e;
margin-top: 10px;
font-size: 1.25em;
}
h4#overseas{
margin-top: 40px;
}

#bank p{
padding-bottom: 10px;
font-size: 0.8125em;
border-bottom: 1px solid #CCC; 
}
.ordering #leftHome1 #leftcolumn p.min{
margin-top: 40px;
border: 2px solid #CCC;
font-size: 0.6875em;
padding: 25px;
}
.coloursection input.quantity{
float: none;
margin-left: 0;
}

#rightHome img, #rightHome1 img{
margin-bottom: 14px;
}

.addressdetails{
font-size: 0.75em;
color: #FFF;
padding-top: 20px;}

.addressdetails #adleft{
float: left;
width: 150px;
}
.addressdetails a:link, .addressdetails a:visited{
color: #FFF;
text-decoration: none;
border-bottom: 1px solid #a29061;
}


p.size12 a:link, p.size12 a:visited{
color: #000;
text-decoration: none;
border-bottom: 1px solid #a29061;
}
p.size12 a:hover, p.size12 a:active{
color:#a29061;
}

a#maplink:link, a#maplink:visited{
margin-top: 6px;
float: right;
color: #000;
text-decoration: none;
border-bottom: 1px solid #a29061;
margin-bottom: 20px;
}
a#maplink:hover, a#maplink:active{
color:#a29061;
}
.contact iframe{
margin-bottom: 0;
}


body.order_confirmation{
background-image: none;
background:#F1F1F1 url(http://www.lariche.co.uk/assets/images/form_tile.gif) repeat-x;
}

body.order_confirmation #wrapper{
width: 350px;
margin: 0 auto;
padding-top: 50px;

}

body.order_confirmation #wrapper .topsection{
background:url(http://www.lariche.co.uk/assets/images/confirmation_logo.gif) no-repeat;
width: 400px;
margin: 20px auto;

}
body.order_confirmation #wrapper .topsection h2{
padding-top: 70px;

}


body.order_confirmation #wrapper #mandatory p{
font-size: 0.75em;
margin: 20px 0;
background: #d9e4e9;
padding: 25px;
}

table#your_order{
border: 0;
padding: 0;
font-size: 0.75em;
text-align: left;
width: 400px;
}
table#confirmation_form th{
padding-bottom: 8px;
}
table#confirmation_form{
border: 0;
padding: 0;
font-size: 0.75em;
text-align: left;
width: 400px;
margin-bottom: 50px;
}
table#confirmation_form #button{

}

.boxes{
font-size: 0.75em;
color: #847043;
}

.empty{
color: #b5b5b5;
font-weight: bold;
font-size: 1.5em;
}

.homeimage{
float: right;
}

.clearBoth {
clear:both;
}

label {
float:left;
font-size:0.95em;
width:120px;
}

p.paginater a, p.paginater a:visited{
margin: 0;
text-decoration: none;
color:#0054aa;
padding: 2px;
border: 1px solid #0054aa;
}

p.paginater a:hover, p.paginater a:active{
background: #0054aa;
color: #FFF;
}

.LV_validation_message{
font-weight: bold;
margin-left: 5px;
color: #c40808;
}



--------------


.bleach #body-content .product{
padding-bottom: 25px;
float: left;

}


.bleach #body-content h3{
text-indent:-5000px;
background: url(http://www.lariche.co.uk/assets/images/ordering3.gif) no-repeat;
height: 46px;
padding: 0;
border-bottom: 1px solid #d8d8d8;
}
.bleach #body-content .productleft {
float: left;
width: 640px;
padding-top: 20px;
border-bottom: 1px solid #CCC;
padding-bottom: 30px;

}
.bleach #body-content .productdescription{
float: left;
width: 320px;
margin-left: 14px;
}
.bleach #body-content .productdescription p{
margin-top: 14px;
line-height: 1.4em;
}

.bleach #body-content .product img.productimage{
float: left;
}
.bleach #body-content .product h5{
text-indent: -5000px;
padding-top: 0px;
height: 34px;
margin-bottom: 0;
margin-top:10px;
}

.bleach #body-content .product h5#vol_30{
background: url(http://www.lariche.co.uk/assets/images/h5vol30.gif) no-repeat 0px 0px;
}

.bleach #body-content .product h5#vol_40{
background: url(http://www.lariche.co.uk/assets/images/h5vol40.jpg) no-repeat 0px 0px;
}

.bleach #body-content .productright{
float: left;
/* background:url(http://www.lariche.co.uk/assets/images/boxbottom.gif) no-repeat 64px bottom;*/
}

p.bleach {
line-height: 14px;
padding: 25px 10px 0px 10px;

}

.bleach #body-content .productdescription p.tattp{
font-size: 0.625em;
line-height: 1.25em;
margin-top: 0;
}

.bleach #interactive{
width: 934px;
height: 315px;
background-image: url(../images/directions_bleach_header.jpg);
padding-left: 40px;
padding-top: 45px;

}

.bleach #interactive h2{
text-indent: -5000px;
height: 74px;

}
.bleach #interactive p{
margin-top: 0px;
font-size: 0.75em;
color: white;
line-height: 1.25em;
margin-left: 12px;
width: 260px;

}
.bleach #interactive p.smallprint{
padding-top: 10px;
font-size: 0.625em;
line-height: 1.25em;
margin-left: 12px;
width: 260px;

}


input.quantity1{
float: left;
margin-top: 2px;
margin-left: 0;
padding: 0;
text-align: center;
color: #666;
width: 20px;
margin-bottom: 10px;
}

.textable {

font-size: 11px;
color: #A7A9AC;
}

/** Slideshow **/

#slideshow {float: left; margin: 0px 20px 0px 0px }
#nav { width: 270px; margin: 15px;}
#nav li { width: 35px; float: left; margin: 8px; list-style: none; text-align: center; }
#nav a { width: 35px; padding: 3px; display: block; border; background-color: black; color:white; font-size: 12px; text-decoration: none;}
#nav a.activeSlide { background: #ef3f2e; font-size: 12px; text-decoration: none; }
#nav a:focus { outline: none; font-size: 12px;}
pre { clear: left }



.pagination {

	width: 626px;
	float: left;
	text-align: center;

}


.pagination a {005b94

border-bottom:1px solid #A29061;
color:#000000;
text-decoration:none;

}

.pagination a:hover {

border-bottom:1px solid #A29061;
color:#A29061;
text-decoration:none;

}


h2.thirtypagesub {
	font-size: 2.725em; 
	color: white;
	margin: 0 0 0 3px;
	padding: 0;
}

h1.thirtypage {
	font-size: 3em; 
	color: #f01369;
	margin: 0;
	padding: 0 0 25px 0px;
}


h3.thirtypages {
	font-size: 1.25em; 
	font-weight: normal;
	color: #f3e19c;
	line-height: 26px;
	border: none;
	margin: 0;
	padding: 25px 0px 50px 100px;
}

h3.thirtypages1 {
	font-size: 2.125em; 
	font-weight: bold;
	color: #1da6d5;
	line-height: 26px;
	border: none;
	margin: 15px 0 0 0;
	padding: 0px 0px 30px 0px;
}

h3.thirtypages2 {
	font-size: 1.625em; 
	font-weight: bold;
	color: #1da6d5;
	line-height: 26px;
	border: none;
	margin: 60px 0 0 0;
	padding: 0px 0px 10px 0px;
}

.thirty #rightHome h5{
padding: 20px 0px 0px 15px;
margin: 0;
height: 26px;
color: #f1f1f1;
font-size: 1.125em;
/*text-indent: -5000em;*/
background:#fefefe url(http://www.lariche.co.uk/assets/images/upload_header.gif) no-repeat 0 1px;
}

.thirty #interactive{
width: 449px;
height: 200px;
background-image: url(../images/web30years.jpg);
padding-left: 495px;
padding-top: 155px;
padding-right: 30px;
}

.lookbook #interactive{
width: 972px;
height:493px;
background: #000 none !important;
padding:0;
margin:0;
border:solid 1px #fff;
}


p.disclaimer30 {
color:#ffffff;
font-size:0.6875em;
line-height:1.3em;
margin:1em 0;
padding: 5px 0px 0px 15px
}

p.disclaimer {
color:#424242;
font-size:0.6875em;
line-height:1.3em;
margin:1em 0;
padding: 5px 0px 0px 15px
}

#navigation a.competition {/* navigational link styles */
font-size: 0.6875em;
color: #ffffff;
display: block;
text-decoration: none;
background-image: url(../images/left_tabblk.gif);
background-repeat: no-repeat;
background-position: left top;
padding:4px 8px;
}

#navigation a:hover.competition {
font-size: 0.6875em;
color: #f01369;
display: block;
text-decoration: none;
background-image: url(../images/left_tabblk.gif);
background-repeat: no-repeat;
background-position: left top;
padding:4px 8px;
}

#navigation li.competition {
float:left;
height: 27px;
background-image: url(../images/right_tabblk.gif);
background-repeat: no-repeat;
background-position: right top;
margin:0px 3px 0px 0px;
padding:0;
}


.upload_form30{
background:url(http://www.lariche.co.uk/assets/images/form_bg.gif) no-repeat #262626;
padding-top:16px;
padding-bottom: 20px;
}

.upload_form30 #details{
padding-left: 14px;
padding-bottom: 0;
width: 172px;
}
.upload_form30 input.name, .upload_form30 input.email{
width: 150px;
}
.upload_form30 input.filebox{
margin:0;
padding:0;
margin-left: 14px;
width: 150px;

}
.upload_form30 input.sub_btn{
margin-top: 10px;
margin-left: 14px;
}


.upload_form30 p.browse{
padding-top: 5px;
}

.thirty #rightHome h6 {
    background: url("http://www.lariche.co.uk/assets/images/head30.gif") no-repeat scroll 0 1px #FEFEFE;
    color: #F1F1F1;
    font-size: 1.125em;
    height: 28px;
    margin: 0;
    padding: 20px 0 0 15px;
    border-top: none;
}


.winner {color: red;font-weight:bold;text-transform: uppercase;}
.runner-up {color: black;font-weight:bold;text-transform: uppercase;}

.winnerholding {width:244px;margin:0 10px 20px 0;float:left}
.winnerholdingr {width:244px;margin:0 0 20px 0;float:left}
p.winnerdetails {font-size: 0.75em;margin: 0;line-height: 1.3em;color: #fff}
h4.winnersname{margin: 10px 0 5px 0;font-size: 1.125em;color: #63caed;}





.home #interactive{
width: 449px;
height: 200px;
background-image: url(../images/web30years.jpg);
padding-left: 495px;
padding-top: 155px;
padding-right: 30px;
}