/** Dokumentering, Konventioner och Struktur - Senast ändrad 2005-10-24
*
* Den här CSS-filen är byggd efter en struktur och följer vissa konventioner. 
* Läs dokumenteringen nedanför om någonting är oklart.
*
***
* # Konventioner #
***
*
* Dokumentstruktur - Gå inte utanför strukturen, det ska vara lätt att hitta. Följ strukturen nedanför.
* Strukturrubriker - En huvudrubrik har en start-tagg och en slut-tagg. Skrivs i VERSALER.
* Underrubriker - En underrubrik har bara en start-tagg och får endast användas under en 
*		  huvudrubrik för att beskriva vilken sida underliggande information tillhör.
* Kommentering - Är någonting oklart kommenteras funktionen.
*
** Exempel på Huvudrubrik, underrubrik och kommentar

 /* ### CLEAR-ELEMENT ## START # */ 

 /* ## Start - index.php */

 /* En kommentar om klassen */

 /* ### CLEAR-ELEMENT ## END # */

/**/

/* Namngivning - Ibland blir namngivningar långa och onödiga. Förkortningar är tillåtet men glöm då inte att 
*		dokumentera förkortningen här i konventionerna eller ovanför css-taggen. 
*			# Exempel som kräver dokumentering. Content = ct
*		Är förkortningen självförklarande behövs ingen förkortning. 
*			# Exempel. som inte kräver dokumentering. Navigation = nav
*
***
* # Dokumentets struktur #
***
*/
 /* ### SIDSPECIFIKA-KLASSER ## START # */ /* ### SIDSPECIFIKA-KLASSER ## END # */
 /* ### STRUKTUR-ELEMENT ## START # */ /* ### STRUKTUR-ELEMENT ## END # */
 /* ### TAGGAR ## START # */ /* ### TAGGAR ## END # */
 /* ### DEFINITONER ## START # */ /* ### DEFINITONER ## END # */
/*
***
* # Namngivningar #
***
*
* 
*
**/

/* --## STYLES BEGIN ##-- */

/* ### SIDSPECIFIKA-KLASSER ## START # */



/* ### SIDSPECIFIKA-KLASSER ## END # */

/* ### STRUKTUR-ELEMENT ## START # */

#logo {
	width:184px;
	height:80px;
	margin-top:10px;
	float:left;
}
#main-nav {
	width:756px;
	height:81px;
	float:left;
	margin-top:10px;
}
#sub-nav {
	width:174px;
	float:left;
	padding:20px 10px 0 0;
}
#nav-wrap {
	width:169px;
}
#content {
	float:left;
	width:746px;
}
#left-content {
	width:370px;
	margin-right:10px;
	float:left;
}
#right-content {
	width:360px;
	float:right;
}
#listview-left-content {
	width:550px;
	padding-right:10px;
	float:left;
}
#listview-right-content, #profile-right-content {
	width:180px;
	float:right;
}
#profile-left-content {
	width:500px;
	padding-right:10px;
	float:left;
}
.inner-left-content {
	width:170px;
	margin-right:10px;
	float:left;
	font-size:10px;
}
.inner-right-content {
	width:170px;
	float:left;
	font-size:10px;
}
#pagination {
	text-align:center;
	font-size:12px;
	padding:24px 0;
}
.monthly-profile { padding: 0 6px 19px 2px; font-size:11px; }
.list-image { width:124px; }
.list-noimage { width:1px; }

/* ### STRUKTUR-ELEMENT ## END # */

/* ### TAGGAR ## START # */

html {
	padding:0 0 0 10px;
	margin:0;
}
body {
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	width:945px;
}
table { border-collapse:collapse; width:100%; }
form { display:inline; }
input, select, textarea {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
}
img { border:0; }
p {
	margin:0;
	padding:0;
}
ul { padding:0; margin:0 0 0 25px; }
h1, h2, h3, h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	height:20px;
	line-height:20px;
	width:320px;
	padding:0 0 0 7px;
	margin:0 0 20px 0;
}
h2 { width:130px; }
h3 {
	line-height:15px;
	color:#E00;
	margin:8px 0 0 0;
	background:none;
	border:0;
	width:130px;
}
h4 { 
	font-size:12px;
	background-image:none;
	padding:0 0 0 5px;
	margin: 0 0 12px 0;
	width:488px;
}

/* ### TAGGAR ## END # */

/* ### DEFINITONER ## START # */

/* ## NEWS - START ## */

.news-image { margin:0 0 10px 0; }
.news-headline {
	font-weight:bold;
	line-height:16px;
}
.news-preamble {
	line-height:16px;
}
.news-divider {
	background:url(/images/news_divider.gif);
	width:170px;
	margin:14px 0;
	height:2px;
}
.news-link { line-height:16px; }
.news-datestamp { line-height:16px; }

/* ## NEWS - END ## */

/* ## PROFILE - START ## */

.profile-preamble, .profile-text {
	font-size:12px;
	line-height:18px;
}
.profile-preamble p, .profile-text p {
	padding-bottom:12px;
}
.profile-preamble {
	font-style:italic;
	margin:0 0 18px 0;
}
.profile-link, .profile-print {
	padding:1px 0 1px 20px;
	background:url(/images/link_icon.gif) no-repeat;
	font-size:12px;
	color:#E00;
}
.profile-print { background:url(/images/print_16.gif) no-repeat; }
.profile-datestamp { padding:6px 0 10px 0; }

/* ## PROFILE - END ## */

.price { font-size:16px; font-weight:bold; }
.cart-btn { padding:1px; background:#00579C; height:18px; }
.checkout-btn { padding:1px; background:#BB0000; height:18px; }
.btn-inner { border:1px solid #F1F1F1; height:17px; padding:0 3px; }

table.address-table td { font-size:12px; }
.spacer { padding:40px 0 0 0; }
.big-headline {
	font-size:16px; 
	font-weight:bold; 
	line-height:18px;
}
.extra-image {
	float:left;
	margin:0 12px 12px 0;
}
.first-news-preamble {
	font-size:12px;
	line-height:18px;
}
.sub-nav {
	padding:0;
	margin:12px 0 12px 0;
	list-style:none;
}
.sub-nav li {
	line-height:18px;
	padding:0 0 0 10px;
	margin:0;
	border-left:12px solid #FFF;
	font-size:10px;
}
li.nav-on {
	background:#EEE;
	border-left:12px solid #e52828;
}
.dotline {
	background:url(/images/nav_dotline.gif);
	height:1px;
	width:169px;
}
.base-links { 
	font-size:12px; 
	height:20px;
	line-height:20px;
	padding-left:5px;
	margin-bottom:9px;
	width:741px;
	border:0;
}
.guestbook {
	width:500px;
	overflow:auto;
}
.large-text, .guestbook p {
	font-size:12px;
}
.guestbook p.guestbook-comment {
	margin-bottom:24px;
	line-height:18px;
}

/* Formfields without table */
.formfield p { clear:left; margin:0 0 3px 0;}
.formfield p label { float:left; width:150px;}

/* Clear class - Nothing inside div - 0 pix height */
.clearA {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}
/* Clear class - <br> inside div - 1 pix height */
.clearB {
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0;
}

/* ### DEFINITONER ## END # */