/************************************************************
	Author: 	Alex Holsgrove
	E-Mail: 	alex.holsgrove@soup.co.uk
	Date:   	2nd October 2008
	Client: 	Ubuntu Trading Company
	Notes:
	This file contains the visual styles of the site such as 
	font size, text colour, and background images.
************************************************************/

body {
	color:					#666666;
	font-family:			Verdana, Arial, Helvetica, sans-serif;
	font-size:				75%;
}
a{
	color:					#C4213A;
}
#site-wrapper a:hover{
	color:					#C4213A;
}
a span {
	color:					#C4213A;
	font-weight:			bold;
}
img {
	border:					none;
}
hr {
	border-bottom:			1px solid #CCCCCC;
	border-top:				1px solid transparent;
	border-right:			1px solid transparent;
	border-left:			1px solid transparent;
}

h1 {
	color:					#C31F38;
	font-size:				2.5em;	
}
h2 {
	color:					#000000;
	font-size:				1.5em;
}
h3 {
	color:					#000000;
	font-size:				1.3em;
}
p.leadtext {
	color:					#333333;
	font-size:				1.16em;
	font-weight:			bold;
}
p.tiny {
	font-size:				0.83em; /* 10pt */
}
p.tiny span {
	color:					#C4213A;
}
p.smaller,
span.smaller {
	font-size:				0.92em;
}
p.error {
	color:					#C4213A;
	font-weight:			bold;
}
p strong {
	color:					#333333;
	font-size:				1.08em;
	font-weight:			bold;
}

/* -------------------- SKELETON STYLES -------------------- */
#site-wrapper {
	background:				url(/media/site/images/backgrounds/bg_site-wrapper.png) 0px 219px no-repeat;
}
#site-wrapper.om-ubuntu {
	background: url(/media/site/images/backgrounds/bg_site-wrapper.png) 0 219px no-repeat;
}
#content {
	background:				url(/media/site/images/backgrounds/bg_tabs.png) 0px 0px no-repeat;
}
#content.wide {
	background:				url(/media/site/images/backgrounds/bg_tabs_wide.png) 0px 0px no-repeat;
}
#container .tabbed-content {
	background:				url(/media/site/images/backgrounds/bg_tabs.png) 0px 47px no-repeat;
}
#container .tabbed-content-wide {
	background:				url(/media/site/images/backgrounds/bg_tabs_wide.png) 0px 47px no-repeat;
}
#container .tabbed-content.short-tabs {
	background:				url(/media/site/images/backgrounds/bg_tabs.png) 0px 29px no-repeat;
}
#container .tabbed-content-wide.short-tabs {
	background:				url(/media/site/images/backgrounds/bg_tabs_wide.png) 0px 29px no-repeat;
}
#container .content-full-width {
	background:				url(/media/site/images/backgrounds/bg_full_width.png) 0 0 no-repeat;
}
#homepage #column-3,
#callouts {
	background:				#F8F8F8 url(/media/site/images/backgrounds/bg_callout_gradient.png) top left repeat-x;
}


/* -------------------- HEADER STYLES -------------------- */
#header #home-banner {
	background:				url(/media/site/images/banners/homepage.png) top left no-repeat;
}
#container #products-banner {
	background:				url(/media/site/images/banners/products.png) top left no-repeat;
}
#container #products-banner img {
	-moz-opacity:			0;
	opacity:				0;
}
#top-link a {
	color:					#333333;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.91em;
	text-decoration:		underline;
}

#navigation li a {
	background-image:		url(/media/site/images/navigation/nav-matrix.png);
	text-indent:			-5000px;
	outline:				none; 
}
#navigation .nav-index a {
	background-position:	0px 0px;
}
#navigation .nav-our-fairtrade-cola a {
	background-position:	0px -19px;
}
#navigation .nav-we-are-ubuntu a {
	background-position:	0px -40px;
}
#navigation .nav-where-to-buy a {
	background-position:	0px -61px;
}
#navigation .nav-talk-to-us a {
	background-position:	0px -80px;
}

#navigation .nav-index a.selected,
#navigation .nav-index a:hover {
	background-position:	-146px 0px;
}
#navigation .nav-our-fairtrade-cola a.selected,
#navigation .nav-our-fairtrade-cola a:hover {
	background-position:	-146px -19px;
}
#navigation .nav-we-are-ubuntu a.selected,
#navigation .nav-we-are-ubuntu a:hover {
	background-position:	-146px -40px;
}
#navigation .nav-where-to-buy a.selected,
#navigation .nav-where-to-buy a:hover {
	background-position:	-146px -61px;
}
#navigation .nav-talk-to-us a.selected,
#navigation .nav-talk-to-us a:hover {
	background-position:	-146px -80px;
}





/* -------------------- SIDEBAR STYLES -------------------- */
#sidebar ul li {
	list-style-type:		none;	
}
#sidebar a {
	color:					#000000;
}
#sidebar a span {
	color:					#C4213A;
}
#homepage #column-3 .where-to-buy li {
	list-style-type:		none;
}

/* -------------------- TAB STYLES -------------------- */
#tabs li {
	list-style-type:		none;
}
#tabs li a {
	color:					#000000;
	font-size:				1.8em;
}
#tabs li.selected a {
	color:					#FFFFFF;
}


.tabs-ubuntu li a {
	background-image:		url(/media/site/images/navigation/tabs-ubuntu.png);
	text-indent:			-5000px;
	outline:				none; 
}
.tabs-ubuntu .tab-ubuntu-1 a {
	background-position:	0px 0px;
}
.tabs-ubuntu .tab-ubuntu-2 a {
	background-position:	-73px 0px;
}
.tabs-ubuntu .tab-ubuntu-3 a {
	background-position:	-163px 0px;
}
.tabs-ubuntu .tab-ubuntu-4 a {
	background-position:	-266px 0px;
}
.tabs-ubuntu .tab-ubuntu-5 a {
	background-position:	-356px 0px;
}
.tabs-ubuntu .tab-ubuntu-6 a {
	background-position:	-416px 0px;
}

.tabs-ubuntu .tab-ubuntu-1 a.selected,
.tabs-ubuntu .tab-ubuntu-1 a:hover {
	background-position:	0px -48px;
}
.tabs-ubuntu .tab-ubuntu-2 a.selected,
.tabs-ubuntu .tab-ubuntu-2 a:hover {
	background-position:	-73px -48px;
}
.tabs-ubuntu .tab-ubuntu-3 a.selected,
.tabs-ubuntu .tab-ubuntu-3 a:hover {
	background-position:	-163px -48px;
}
.tabs-ubuntu .tab-ubuntu-4 a.selected,
.tabs-ubuntu .tab-ubuntu-4 a:hover {
	background-position:	-266px -48px;
}
.tabs-ubuntu .tab-ubuntu-5 a.selected,
.tabs-ubuntu .tab-ubuntu-5 a:hover {
	background-position:	-356px -48px;
}
.tabs-ubuntu .tab-ubuntu-6 a.selected,
.tabs-ubuntu .tab-ubuntu-6 a:hover {
	background-position:	-416px -48px;
}

.tabs-map li a {
	background-image:		url(/media/site/images/navigation/tabs-map.png);
	text-indent:			-5000px;
	outline:				none; 
}
.tabs-map .tab-map-1 a {
	background-position:	0px 0px;
}
.tabs-map .tab-map-2 a {
	background-position:	-83px 0px;
}
.tabs-map .tab-map-1 a.selected,
.tabs-map .tab-map-1 a:hover {
	background-position:	0px -29px;
}
.tabs-map .tab-map-2 a.selected,
.tabs-map .tab-map-2 a:hover {
	background-position:	-83px -29px;
}

.tabs-cola li a {
	background-image:		url(/media/site/images/navigation/tabs-cola.png);
	text-indent:			-5000px;
	outline:				none; 
}
.tabs-cola .tab-cola-1 a {
	background-position:	0px 0px;
}
.tabs-cola .tab-cola-2 a {
	background-position:	-117px 0px;
}
.tabs-cola .tab-cola-1 a.selected,
.tabs-cola .tab-cola-1 a:hover {
	background-position:	0px -47px;
}
.tabs-cola .tab-cola-2 a.selected,
.tabs-cola .tab-cola-2 a:hover {
	background-position:	-117px -47px;
}


/* -------------------- CONTENT STYLES -------------------- */
#content h1 {
	color:					#C31F38;
	font-size:				1.8em;	
}
#content h2 {
	color:					#000000;
	font-size:				1.4em;	
}
#content .column-2 p {
	font-size:				0.92em; /* 11pt */
}
#content .column-2 p.strapline {
	font-size:				1.17em; /* 14pt */
}
#content .column-2 a {
	color:					#000000;
}
#content .column-2 a span {
	color:					#C31F38;
}
#content h2.sifr-highlighted {
	color:					#C31F38;
	font-size:				1.6em;	
}
.quotations p strong {
	font-size:				1.16em; /*14pt */
}
#content .address p,
#content .address strong {
	color: #666;
	margin-bottom: 5px;
}
#content.content-full-width .swedish-content-block-one {
	background: url(/media/site/images/backgrounds/bg_block_1.jpg) top right no-repeat;
}
#content.content-full-width .swedish-content-block-two {
	background: url(/media/site/images/backgrounds/bg_content_shade.png) 0 0 no-repeat;
	border-bottom: 1px solid #ccc;
}
#content.content-full-width .swedish-content-block-three h3 {
	color: #C4213A;
	font-size: 1.3em;
}
#content.content-full-width .sub-heading {
	color: #C4213A;
	font-weight: bold;
	font-size: 1.3em;
}

/* -------------------- EDITABLE CONTENT STYLES -------------------- */
#content .editable h2 {
	font-size:				1.16em;
}
#content .editable h2.title {
	color:					#C31F38;
	font-size:				1.33em;
}
#content .editable p em {
	color:					#C31F38;
	font-style:				normal;
}




/* -------------------- FORM STYLES -------------------- */
form fieldset {
	border:					none;
}
form label {
	color:					#333333;
	font-family:			Arial, Helvetica, sans-serif;
	font-weight:			bold;
	line-height:			1.7em;
}
form label strong {
	color:					#333333;
	font-size:				1.08em;
	font-weight:			bold;
}
form label span {
	color:					#C4213A;
	font-size:				1.2em;
}


/* -------------------- FEEDBACK FORM STYLES -------------------- */
#feedback-form .clearfix .left label {
	font-weight:			normal;
}



/* -------------------- MAP PAGE STYLES -------------------- */
.map-links a {
	color:					#000000;
}
.map-links p {
	font-size:				0.92em;
}
#search-results-list li {
	list-style-type:		none;
}
#wholesalers-list li {
	list-style-type:		none;
}

/* -------------------- WIDGET STYLES -------------------- */
.w-video-news p {
	font-size:				1.38em;
	line-height:			1.38em;	
}
.w-video-news strong {
	color:					#333333;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				0.88em;
}
.w-video-news ul {
	color:					#000000;
}
.w-video-news ul a {
	color:					#E41F3B;
	font-size:				1.08em; /* 13pt */
	text-decoration:		underline;
}
.w-video-news ul li.selected a {
	color:					#000000;
	text-decoration:		none;	
}

.w-blog-feed h3 {
	font-size:				1.16em;
}
.w-blog-feed a {
	color:					#000000;
}
.w-blog-feed em {
	color:					#E31835;
	font-style:				normal;
}

/* ---------- WNewsArticle ---------- */
.w-news-article p {
	font-size:				0.92em /* 11pt */
}
.w-news-article p.strapline {
	color:					#333333;
	font-size:				1.25em;	/* 15pt */
}
.w-news-article a {
	color:					#000000;
}

/* ---------- WWhereToBuy ---------- */
.w-where-to-buy {
	background:				url(/media/site/images/widgets/where_to_buy_map.png) 190px 0px no-repeat;
}
.w-where-to-buy input {
	color:					#999999;
}
#homepage #column-2 .w-where-to-buy {
	border-bottom:			1px solid #CCCCCC;
}
#sidebar .w-where-to-buy {
	background:				none;
}

/* ---------- WWhereToBuyMap ---------- */
.w-where-to-buy-map form input {
	color:					#999999;
	font-size:				0.92em;
}
.w-where-to-buy-map form input {
	color:					#999999;
}

/* ---------- WWeLoveUbuntu ---------- */
.w-we-love-ubuntu {
	background:				url(/media/site/images/backgrounds/bg_callout_curve.png) bottom left no-repeat;
}
.w-we-love-ubuntu p {
	font-size:				0.92em;
	font-style:				italic;
}
.w-we-love-ubuntu p strong {
	font-style:				normal;
}
.w-we-love-ubuntu p.author {
	color:					#DD1129;
	font-style:				normal;
}
.w-we-love-ubuntu p a {
	outline:				none;
}
.w-we-love-ubuntu #rotateUbuntuLove li {
	list-style-type:		none;
}
.w-we-love-ubuntu #rotateUbuntuLove li img {
	display:				none;
}

/* ---------- WEventsList ---------- */
.w-events-list {
	background:				#F8F8F8 url(/media/site/images/backgrounds/bg_callout_gradient.png) top left repeat-x;
}
.w-events-list h3 {
	color:					#C4213A;
	font-size:				1.08em;
}
.w-events-list p {
	font-size:				0.92em; /* 11pt */
}
.w-events-list p.more-info {
	color:					#C5253D;
	font-style:				normal;
}

.nav-up {
	background:				url(/media/site/images/icons/arrow_up.png) top left no-repeat;		
}
.nav-down {
	background:				url(/media/site/images/icons/arrow_down.png) top left no-repeat;		
}
.nav-left {
	background:				url(/media/site/images/icons/arrow_left.png) top left no-repeat;		
}
.nav-right {
	background:				url(/media/site/images/icons/arrow_right.png) top left no-repeat;	
}


/* -------------------- FOOTER STYLES -------------------- */
#footer {
	background:				url(/media/site/images/backgrounds/bg_footer.png) 0px 25px repeat-x;
	font-size:				0.92em; /* 11pt */
}
#footer h3 {
	color:					#000000;
	font-size:				1.27em;
}
#footer p a {
	color:					#E41F3B;
}
#footer p em {
	color:					#E41F3B;
	font-style:				normal;
}
#footer div p {
	color:					#E41F3B;
	line-height:			1.5em;
}
#footer ul li {
	list-style-type:		none;
}
#footer li a {
	color:					#666666;
	text-decoration:		none;
}
#footer li.selected a {
	color:					#C31F38;
	font-weight:			bold;
}


/* -------------------- MISC STYLES -------------------- */










/* -------------------- STYLES -------------------- */
/* -------------------- STYLES -------------------- */
/* -------------------- STYLES -------------------- */
/* -------------------- STYLES -------------------- */