/************************************************************
	Author: 	Alex Holsgrove
	E-Mail: 	alex.holsgrove@soup.co.uk
	Date:   	2nd October 2008
	Client: 	Ubuntu Tracing Company
	Notes:		
	This file contains all structural styles such as heights
	and widths that define the skeleton of the site. 
	Clearfixes are also listed at the bottom of the file.
************************************************************/

* {
	margin:					0;
	padding:				0;
}

html {
	width:					100%;
}
body {
	width:					100%;
}
p {
	margin-bottom:			5px;
}

/* -------------------- SKELETON STYLES -------------------- */
#site-wrapper {
	margin:					5px auto 0px;
	width:					937px;
	padding:				0px 37px 0px 38px;
	position:				relative;
}
#header {
	height:					338px;
	position:				relative;
}
#sidebar {
	float:					left;
	margin-right:			20px;
	width:					252px;
}
.om-ubuntu #sidebar {
	float: none;
}
#site-wrapper .products {
	margin:					0px;
}
#container {
	float:					left;
	margin:					103px 0px 0px;
	width:					665px;
}
.om-ubuntu #container {
	margin-top: 0;
	width: 937px;
}
#content {
	float:					left;
	padding:				30px 31px 0px 31px;	
	position:				relative;
	width:					395px;	
}
#content.wide {
	padding:				36px 31px 0px 31px;	
	width:					603px;
}
#container .tabbed-content {
	padding:				0px 31px 0px 31px;
}
#container .tabbed-content-wide {
	padding:				0px 31px 0px 31px;	
	width:					603px;
}
#content.content-full-width {
	padding: 30px 47px 0;
	width: 843px;
	position: relative;
}
#content.content-full-width .swedish-content-block-one {
	padding: 0 240px 0 0;
	margin-bottom: 25px;
}
#content.content-full-width .swedish-content-block-two {
	margin: 15px 0;
	padding: 20px 80px 50px 240px;
	min-height: 190px;
}
#content.content-full-width .swedish-content-block-three h3 {
	margin-bottom: 10px;
}
.swedish-content-block-three .content-text {
	float: left;
	width: 483px;
}
.swedish-content-block-three .content-image {
	width: 260px;
	float: right;
	margin-left: 30px;
}
#content .column-1 {
	float:					left;
	width:					400px;
}
#content .column-2 {
	float:					right;
	width:					175px;
}
#content .column-2 p {
	margin-bottom:			10px;
}
#callouts {
	float:					left;
	margin-left:			18px;
	width:					190px;
}

#top-link {
	position:				absolute;
	top:					13px;
	right:					48px;
}
#top-link * {
	vertical-align:			middle;
}
#top-link a {
	line-height:			15px;
	margin-right:			5px;
}




/* -------------------- HOMEPAGE STYLES -------------------- */
#header #home-banner {
	position:				absolute;
	top:					30px;
	right:					16px;
	width:					592px;
	height:					283px;
}
#container #products-banner {
	margin:					0px 0px 0px 17px;
	height:					299px;
	width:					555px;
}
#header .widget {
	float:					left;
	width:					500px;
}
#header .logo {
	margin-left:			12px;
}
#header #navigation {
	margin:					13px 0px 0px 8px;
}
#homepage {
	margin-left:			15px;
}
#homepage #column-1 {
	float:					left;
	margin-right:			22px;
	width:					334px;
}
#homepage #column-2 {
	float:					left;
	margin-right:			19px;	
	width:					355px;
}
#homepage #column-3 {
	float:					left;
	margin-top:				-29px;
	position:				relative;
	width:					190px;
}


/* -------------------- CONTENT STYLES -------------------- */
#container h1.page-heading {
	margin:					0px 0px 15px 35px; 
}
p.leadtext {
	margin-bottom:			15px;
}


.two-column div {
	float:					left;
	margin-right:			10px;
	width:					290px;
}
.quotations {
	margin-top:				10px;
}
.quotations blockquote {
	margin:					8px 0px 20px;
}


/* -------------------- EDITABLE CONTENT STYLES -------------------- */
.editable ol {
	margin:					15px 0px 15px 30px;
}
.editable ol li {
	margin:					0px 0px 10px 0px;
}
.editable p {
	margin-bottom:			15px;
}
.editable hr {
	margin-bottom:			15px;
}
.editable dl {
	margin-bottom:			15px;
}
.editable dl dt {
	width:					240px;
	float:					left;
}
.product-details {
	margin-top:				15px;
}
.product-details h2 {
	margin-bottom:			10px;
}
.product-details h2,
.product-details p {
	float:					left;
	width:					300px;
}
.product-details img {
	float:					right;
}


/* -------------------- NAVIGATION STYLES -------------------- */
#sidebar .logo {
	margin-left:			12px;
}
#sidebar .widget {
	margin-left:			12px;
}
#navigation {
	margin:					13px 0px 65px 8px;
	width:					146px;	
}
#navigation li {
	list-style-type:		none;
	margin-bottom:			2px;
}
#navigation li a {
	display:				block;
	height:					18px;
	width:					146px;
}

#swedenLink {
	position: absolute;
	top: 15px;
	right: 12px;
	height: 24px;
	padding: 2px 25px 0 0;
	font-size: 0.916em;
	background: #fff url('/media/site/images/backgrounds/bg_icon_sweden.gif') top right no-repeat;
}
#swedenLink a {
	color: #333;
}

#swissLink {
	position: absolute;
	top: 35px;
	right: 12px;
	height: 24px;
	padding: 2px 25px 0 0;
	font-size: 0.916em;
	background: #fff url('/media/site/images/backgrounds/bg_icon_swiss.jpg') top right no-repeat;
	z-index:99999;
}
#swissLink a {
	color: #333;
}

/* -------------------- TAB STYLES -------------------- */
#tabs {
	margin:					0px 0px 36px 2px;
}

.tabs-ubuntu li {
	float:					left;
}
.tabs-ubuntu a {
	display:				block;
	height:					47px;	
}
.tabs-ubuntu .tab-ubuntu-1 {
	width:					73px;
}
.tabs-ubuntu .tab-ubuntu-2 {
	width:					90px;
}
.tabs-ubuntu .tab-ubuntu-3 {
	width:					103px;
}
.tabs-ubuntu .tab-ubuntu-4 {
	width:					90px;
}
.tabs-ubuntu .tab-ubuntu-5 {
	width:					60px;
}
.tabs-ubuntu .tab-ubuntu-6 {
	width:					80px;
}

.tabs-map li {
	float:					left;
}
.tabs-map a {
	display:				block;
	height:					29px;	
}
.tabs-map .tab-map-1 {
	width:					83px;
}
.tabs-map .tab-map-2 {
	width:					104px;
}

.tabs-cola li {
	float:					left;
}
.tabs-cola a {
	display:				block;
	height:					47px;	
}
.tabs-cola .tab-cola-1 {
	width:					117px;
}
.tabs-cola .tab-cola-2 {
	width:					90px;
}


/* -------------------- FORM STYLES -------------------- */
form p {
	margin-bottom:			5px;
}
form p label,
form p input,
form p select,
form div textarea {
	float:					left;
}
form label {
	width:					80px;
}
form input {
	width:					240px;
}
form select {
	width:					140px;
}
form textarea {
	margin-bottom:			30px;
	min-height:				70px;
	width:					395px;
}
form .submit {
	width:					auto!important;
}

form label strong {
	display:				block;
	width:					200px;
}


/* -------------------- FEEDBACK FORM STYLES -------------------- */
#feedback-form .referer {
	margin:					15px 0px;
}
#feedback-form .referer label {
	margin-right:			10px;
	width:					auto;
}
#feedback-form select.small-select {
	width:					70px;
}
#feedback-form .clearfix {
	margin-top:				10px;
}
#feedback-form .clearfix .left {
	width:					320px;
}
#feedback-form .clearfix .left input {
	margin:					5px 5px 0px 0px;
	width:					auto;
}
#feedback-form .clearfix .left label {
	float:					right;
	width:					300px;
}


/* -------------------- MAP PAGE STYLES -------------------- */
#store-lists {
	float:					left;
	margin-top:				25px;
	width:					380px;
}
.map-links {
	float:					right;
	margin-top:				25px;
	padding:				0px 5px 0px 10px;		
	width:					205px;
}
.map-links hr {
	margin:					20px 0px;
}
#store-lists div {
	margin-bottom:			20px;
}
#store-lists h2 {
	margin-bottom:			5px;
}
#store-lists li {
	margin-bottom:			20px;
}
#store-lists li img {
	float:					left;
	margin-right:			12px;
}
#store-lists li p {
	float:					left;
	width:					210px;
}
#search-results-list li p {
	width:					380px;
}

#google-map {
	margin:					10px 0px;
	height:					300px;
	width:					400px;
}
#wholesalers-list li {
	margin-bottom:			10px;
}
#wholesalers-list p {
	float:					left;
	width:					280px;
}
#wholesalers-list p.left {
	width:					280px;
}

/* -------------------- WIDGET STYLES -------------------- */
#container .widget-main {
	/*margin:					-103px 0px 8px;*/
	height:					213px;
}
.om-ubuntu #container .widget-main {
	position: absolute;
	z-index: 999;
	top: 0;
	left: 307px;
}
#container .widget-main img {
	position:				absolute;
	top:					46px;
}
#sidebar .widget div {
	margin-bottom:			20px;
}

#rotating-banner {
	margin-top:				46px;
}
.w-generic h2.imr{
	text-indent: -9999px;
}
.w-generic h2.itunes {
	padding-bottom: 10px;
	background: url('/media/site/images/backgrounds/bg_itunes_title.gif') 0 0 no-repeat;
}
/* ---------- WBlogFeed ---------- */
.w-blog-feed {
	margin-bottom:			15px;
}
.w-blog-feed div.clearfix {
	margin:					5px 0px 15px;
}
.w-blog-feed h3 {
	margin-bottom:			5px;
}
.w-blog-feed hr {
	clear:					both;
	padding-top:			15px;
}

/* ---------- WNewsArticle ---------- */
.w-news-article {
	margin-bottom:			15px;
}
.w-news-article p {
	float:					left;
	width:					126px;
}
.w-news-article img {
	float:					right;
}
.w-news-article hr {
	clear:					both;
	padding-top:			15px;
}
#homepage .w-news-article p {
	width:					200px;
}

/* ---------- WWhereToBuy ---------- */
.w-where-to-buy {
	padding-bottom:			80px;
}
.w-where-to-buy h2 {
	margin-bottom:			24px;
}
.w-where-to-buy form {
	width:					200px;
}
.w-where-to-buy p {
	font-size:				1.08em; /* 13pt */
	margin-bottom:			5px;
}
.w-where-to-buy form input {
	margin:					7px 0px 8px;
	width:					140px;
}
.w-where-to-buy form input.submit {
	margin:					4px 0px 0px;
	width:					auto;
}
#homepage #column-2 .w-where-to-buy {
	margin-bottom:			20px;
}
#homepage #column-2 .w-where-to-buy hr {
	display:				none;
}
#sidebar .w-where-to-buy {
	padding:				0px;
}
#sidebar .w-where-to-buy h2 {
	margin:					0px;
}
#sidebar .w-where-to-buy hr {
	padding-top:			15px;
}

.w-where-to-buy-map form {
	margin-bottom:			25px;
}
.w-where-to-buy-map form input {
	margin-right:			12px;
	padding:				2px 0 3px;	
	width:					140px;
}
.w-where-to-buy-map form .submit {
	padding:				0px;
}

.w-video-news {
	margin-bottom:			15px;
}
.w-video-news p.strapline {
	margin-bottom:			30px;
}
.w-video-news ul {
	margin:					8px 0px 0px 18px;
}
.w-video-news li {
	padding:				1px 0px 2px;
}
.w-video-news hr {
	clear:					both;
	padding-top:			15px;
}
#homepage .w-video-news {
	margin-top:				20px;
}


/* ---------- WWeLoveUbuntu ---------- */
.w-we-love-ubuntu {
	padding:				29px 4px 41px 11px;
}
.w-we-love-ubuntu img {
	margin-bottom:			8px;
}
.w-we-love-ubuntu h2 img {
	margin:					14px 0px 7px 0px;
}
.w-we-love-ubuntu p.author {
	margin:					10px 0px 15px;
}
.w-we-love-ubuntu p a img {
	margin:					13px 0px 20px 4px
}
.w-we-love-ubuntu hr {
	margin-bottom:			12px;
}
.w-we-love-ubuntu .icons {
	margin-top:				10px;
}
.w-we-love-ubuntu .icons li {
	float:					left;
	list-style-type:		none;
	margin-right:			6px;
}



.w-events-list {
	margin-top:				-29px;
	padding:				29px 15px 36px;
}
.w-events-list h3 {
	margin-bottom:			5px;
}
.w-events-list hr {
	padding-top:			10px;
	margin-bottom:			15px;
}
.w-events-list p.more-info {
	margin:					10px 0px;
}

.scms-map {
	border:					1px solid #6F6F6F
}
.map-button {
	width:					22px;
	height:					22px;
	cursor:					pointer;
	position:				absolute;
}
.nav-up {	
	left:					16px;
}
.nav-down {		
	top:					32px;
	left:					16px;
}
.nav-left {		
	top:					16px;
}
.nav-right {	
	top:					16px;
	left:					32px;
}


/* -------------------- FOOTER STYLES -------------------- */
#footer {
	clear:					both;
	margin-left:			-10px;
	padding:				50px 10px 50px 31px;
	width:					919px;
}
#footer h3 {
	margin-bottom:			10px;
}
#footer div {
	float:					left;
	margin-top:				16px;
	width:					362px;
}
#footer div p {
	float:					left;
	width:					170px;
}
#footer ul {
	float:					left;
	width:					140px;
}
#footer ul li {
	padding:				1px 0px;
}
#footer img {
	margin:					-16px 0px 0px 48px;
}


/* -------------------- MISC STYLES -------------------- */
.left {
	float:					left;
}
.right {
	float:					right;
}

.clearfix:after {
    content:				".";
    display:				block;
    height:					0;
    clear:					both;
    visibility:				hidden;
}
.clearfix {
	display:				inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:					1%;
}
.clearfix {
	display:				block;
}
/* End hide from IE-mac */

#header:after,
#homepage:after,
#tabbed-content:after,
#tabs:after,
#footer:after,
form p:after,
.widget:after {
    content:				".";
    display:				block;
    height:					0;
    clear:					both;
    visibility:				hidden;
}
#header,
#homepage,
#tabbed-content,
#tabs,
#footer,
form p,
.widget {
	display:				inline-block;
}
/* Hides from IE-mac \*/
* html #header,
* html #homepage,
* html #tabbed-content,
* html #tabs,
* html #footer,
* html form p,
* html .widget {
	height:					1%;
}
#header,
#homepage,
#tabbed-content,
#tabs,
#footer,
form p,
.widget {
	display:				block;
}
/* End hide from IE-mac */



/* -------------------- SIFR STYLES -------------------- */
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}
.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}
.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px !important;
  z-index: 0;
}


.sIFR-active h1.sifr {
	font-size:				2.4em;
	line-height:			1em;
	visibility:				hidden;
}
.sIFR-active #content h1.sifr {
	font-size:				2.0em;
	line-height:			1em;
	visibility:				hidden;
}
.sIFR-active h2.sifr {
	font-size:				1.8em;
	line-height:			1em;
	visibility:				hidden;	
}
.sIFR-active .w-where-to-buy h2.sifr,
.sIFR-active .w-blog-feed h2.sifr,
.sIFR-active .w-news-article h2.sifr {
	font-size:				2.0em;
	line-height:			1em;
	visibility:				hidden;		
}
.sIFR-active h2.sifr-highlighted {
	font-size:				2.0em;
	line-height:			1em;	
	visibility:				hidden;	
}
.sIFR-active #sidebar h2.sifr {
	font-size:				1.8em;
	line-height:			1em;
	visibility:				hidden;	
}
.sIFR-active #content .column-2 h2.sifr {
	font-size:				1.8em;
	line-height:			1em;
	visibility:				hidden;
}
.sIFR-active h3.sifr {
	font-size:				1.6em;
	line-height:			1em;
	visibility:				hidden;	
}



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

#homepage #lovebox {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
#homepage #lovebox h2 {
	font-size: 2em;
}
#homepage #lovebox .smallprint {
	font-size: 0.833em; /* 10px */
}
#homepage #lovebox img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}