@charset "utf-8";

/*--------------------------------------------------------------
CSS Document
Author: Maria Therese Nordahl
Date: 26.05.2009
Name of site: Goya Nordic

FARGER:
menu black: #191919;
menu active purple: #643757;
submenu v.light gray bg: #ebebeb;
submenu dark gray text: #454444;
menu footer gray: #646464;

menu font: Tahoma 12pt + tahoma 10pt
submenu font: Verdana 10pt

breadcrumbs purple: #510153;
img border gray: #c5c5c5;
(+ news divider lines)

pink: #B13F92;

/*-------------------------IE Fixes----------------------------*/

div#IEroot div#container { margin-bottom: 30px; }
div#IEroot div#nav-main { }
div#IEroot div#content { }
div#IEroot div#content-main { }


/*--------------------------BASIC------------------------------*/
html {
margin : 0; 
padding : 0; 
text-align: center; /*centering for <--IE6 */
background: #131313 url(../images/bg.jpg) repeat-x;
overflow-y: scroll; /*always show vertical scrollbar - to keep page from jumping in FF*/
overflow-x: hidden; /*to avoid horisontal scrolling because of the bg-brushes*/
}

body { 
width: 1166px;
margin : auto; 
padding : 0; 
font : 76%/160% Tahoma, Arial, Verdana, sans-serif;
text-align : left; /*resetting the text*/
color: #262626;
background: url(../images/bg-brushes.png) no-repeat;
/*background-position: 130px 0; /*left top*/
}

body#rider { /*for popupbox with rider.php page*/
background: transparent;
}



/********HEADINGS********/
h1, h2, h3, h4, h5 {
font-family: Verdana, Arial, Tahoma, sans-serif; 
color: #cbcbcb; 
}

h1 { 
font-family: Arial, Verdana, Tahoma;
font-size: 240%; font-weight: normal;
margin-top: 25px; margin-bottom: 25px; 
}

h1.branding {
margin: 0;
}

.title { /* gen sIfr TITLEs */
margin-top: 15px; margin-bottom: 15px; 
/*height: 50px; /*NB. necessary for sIFR to show up in IE*/
}


h1.product-title { /* productTitles */
font-family: Arial, Verdana, Tahoma;
font-size: 240%; font-weight: normal;
margin-top: 15px; margin-bottom: 0px; 
}

h1.branding {
margin:0;
}

h1.newstitle {
font-size: 150%; /*font-weight: bold;*/
margin-top: 25px;  margin-bottom: 6px;
color: #777;
}

h2 {  /*Admin area titles */
font-size: 140%;
margin-top: 0.8em; margin-bottom: 0.3em; 
font-weight: normal;
color: #ddd;
}

h3 { /* sub sIFR titles*/ 
font-size: 120%; font-weight: bold;
margin-top: 12px; margin-bottom: -10px;
color: #555;
}

h4 { /*tagline + articleDate*/
font-size: 85%;
color: #777;
padding: 4px 0 0 2px;
margin: -10px 0 0 0;
font-weight: normal;
}

em { 
font-style: italic;
}

strong {
font-weight: bold;
}

p {
font-family: tahoma, verdana, arial;
font-size: 80%;
margin: 15px 0 15px 0;
}

ul {margin:0; padding:0; }

/*ol used in newsarchive.php, when no year is chosen --> year-list */
ol {margin: 0; padding: 0; list-style-type: none;}
ol li { padding-bottom: 5px; }


form {margin: 0; padding: 0; }

table {
margin: 0;
padding: 0;
}

.clearboth {
clear: both; 
}

.clearleft {
clear: left;
}

.clearright {
clear: right;
}

.overflowHidden {
overflow: hidden;
}

table.zebra {} /* Add this class to all tables that need zebra striping (alternating gray/white rows)*/
.rowcolor { /* class applied via jQuery */
background: #3f3f3f; 
}  

.pink {
color: #B13F92;
}

.purple {
color: #510153;
}

/*********LINKS*********/
a { 
color: #510153; text-decoration: none;
}

a:link { 
color: #510153; text-decoration : none;
}

a:visited { 
color: #510153; text-decoration : none;
} 

a:hover { 
color: #666666; text-decoration : none; 
}

a:active, a:focus {
color: #666666; text-decoration : none; 
}


/*-------------------------------CONTAINER---------------------------------*/

div#container {
width: 1000px;
position: relative; /*to avoid issues with fixed/absolute divs*/
margin-left: auto; /*centering on page*/
margin-right: auto;
overflow: hidden; /*for floated elements*/
}


/*------------------------------BRANDING-----------------------------------*/
div#branding { 
}
 
div#branding h1 a {
position: absolute;
width: 1000px;
height: 130px; 
display: block;
margin: 0px 0 0 0;
padding: 0;
text-indent : -9999px;
} 

#header {
width: 1000px;
height: 171px;
margin: -15px 0 0 0;
padding: 0;
background: url(../images/header.jpg) no-repeat;
z-index: 200;
}

div#loginlink {
width: 50px;
position: relative; 
margin: -32px 25px 0 0;
float: right;
z-index: 300;
text-align: right;
}

div#loginlink a {
max-width: 50px;
}


/*--------------------------------NAV--------------------------------------*/

div#nav-main {
position: relative; 
width: 226px;
float: left;
margin: -1px 0 0 18px; /* TRBL */
padding: 0px 0 10px 0;
font-family: Tahoma;
text-align: left;
background: #191919;
z-index: 200;
/*background: red url(../images/menu-footer.png) repeat-x center bottom;
border-bottom: 2px solid white;*/
}

#nav-main a {
color: #fffefe;
}

/*LEVEL 1 - Topmenu - style cascades to submenu*/
div#nav-main ul {
padding: 0 0 0 0;
margin: 0;
}

div#nav-main ul li {
list-style-type: none;
margin: 0px 0 0 0;
padding: 0px; 
font-size: 95%;
text-transform: uppercase;
letter-spacing:  0.07em;
background: #191919 url(../images/line-grayblack.png) no-repeat bottom;
}

div#nav-main ul li a {
display: block;
padding: 10px 0 8px 24px; /*decides height of level1 menu item*/
font-weight: bold;
}

div#nav-main ul li a.firstMenuItem { /*to give some extra padding on top of the nav-main*/
padding: 20px 0 8px 24px; /*decides height of level1 menu item*/
}

div#nav-main ul li a span { /*menu tagline*/
display: block;
font-size: 80%;
margin: -5px 0 0 0;
font-weight: normal;
text-transform: none;
color:#979195;
}

div#nav-main ul li a.level1 {
background: #191919;
/*border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;*/
padding-left: 45px;
background: url(../images/arr-black.png) no-repeat 12px 50%;
}

/*LEVEL 1 - Active*/
/*div#nav-main ul li a.active*/ div#nav-main ul li a:hover{
background: #643757 url(../images/arr-purple.png) no-repeat 12px 50%;
}


/*LEVEL 2 - Submenu */

/*For sliding menu*/
.menu-sub1 { display: none; }
.menu-sub2, .menu-sub3, .menu-sub4, .menu-sub5 {
display: none;
}

div#nav-main ul li ul {
margin: 0 0 0 0;
padding: 0 0 0 0px;
letter-spacing: normal;
}

div#nav-main ul li ul li {
margin: 0 0px;
padding: 0 0 0 0px;  /*padding used instead of margin to support bg image/bullet on hover */
font-size: 95%;
color: black;
text-transform: none;
font-weight: normal; 
letter-spacing: normal;
background: #ebebeb url(../images/line-faded.png) no-repeat bottom;
}

div#nav-main li ul li a {
color: #454444;
line-height: 27px; 
padding: 5px 0 5px 39px; /*top/bottom decides height of level2 menu item - left is padding away from arrow*/
background: url(../images/subarr-gray.png) no-repeat 17px 50%;
}

/*LEVEL 2 - Submenu - ACTIVE*/

div#nav-main li ul li.active a, div#nav-main li ul li a:hover {
font-weight: bold; 
background: url(../images/subarr-purple.png) no-repeat 14px 50%;
}


/*------------------------------CONTENT-----------------------------------*/
/*#navigation is floated left + #content is pushed 226px from the left NB. put siteinfo outside #content-wrapper*/

#breadcrumbs-bg { /*set right after #content-wrapper start*/
position: absolute;
width: 1000px;
height: 32px;
margin: 14px 0 0 0;
background: url(../images/bc-bg.png) repeat-x;
}

#breadcrumbs {
height: 32px;
padding: 0 14px 0 0;
margin: 0 0 0 0px;
/*background: url(../images/bc-bg.png) repeat-x;*/
}

#breadcrumbs span  {
display: block;
margin: 0 0 0 50px;
padding: 7px 0 0 0;
font-size: 80%;
color: #510153;
font-weight: bold;
}

div#content-wrapper { /*wraps around both #nav-main and #content*/
width: 999px;
min-height: 300px;
position: relative;
background: #494949 url(../images/gray-bg.png) repeat;
margin: -10px 0 0 0;
padding: 0;
overflow: hidden;
}

div#IEroot div#content-wrapper {
padding-bottom: 15px;
}

div#content-sub-bg {
background: url(../images/contentsub-bg.png) repeat;
padding-bottom: 20px;
/*cannot have padding or margin, just for background*/
}

div#content, div#content-sub {
position: relative;
width: 755px;
margin: 1px 0 0px 244px; /*226*/
padding: 13px 0 0 0;
}


div#content-main, div#content-sub-main {
position: relative;
padding: 5px 16px 10px 16px;
margin: 0 30px 10px 30px; 
font-size: 110%;
line-height: 115%;
color: #dbdbdb;
}

div#content-sub-main {
/*min-height: 30px;*/
}

div#content-main h1 { /*see sifr-config.js*/
color: #ebebeb;
}


/*-------------------------PRICES----------------------------*/

#pricelist table {
width: 650px;
margin-top: 0;
border: none;
font-size: 80%;
}

/*TABLES*/
#pricelist table#pricetable-sails { width: 600px; }
#pricelist table#pricetable-masts { width: 400px; }
	
	#pricelist table th {
	font-weight: bold;
	text-align: left;
	font-size: 80%;
	vertical-align: top;
	padding-bottom: 12px;
	}
	
	#pricelist table tr {
	padding: 3px 0;
	}
	
	#pricelist table td {
	padding: 4px 0;
	/*padding-top: 6px;*/
	}
	
	#pricelist table td.productname {
	width: 40%;
	color: white;
	/*font-weight: bold;*/
	}
	
	#pricelist table .normalPrice {
	color: #f3f6ff;
	font-weight: bold;
	text-align: left;
	}
	
	#pricelist table .discountPriceTitle {
	text-align: center;
	}
	
	#pricelist table .discountPrice {
	/*color: #B13F92;
	color: #c9010f;*/
	font-weight: bold;
	text-align: center;
	/*background: url(../images/bc-bg.png);*/
	}
	
	#pricelist table .headercell {
	font-weight: bold;
	color: #B13F92;
	padding-top: 30px;
	}
	
	#pricelist table .firstHeadercell {
	font-weight: bold;
	color: #B13F92;
	padding-top: 0px;
	}
	

/*==SAILS==*/
	#pricelist table#pricetable-sails th.descTh {
	width: 10%;
	}

	#pricelist table#pricetable-sails td.productname {
	width: 25%;
	}

	#pricelist table#pricetable-sails .normalPriceTitle {
	}

	#pricelist table#pricetable-sails .normalPrice {
	/*se above*/
	}


/*==MASTER==*/
	th.mvaTitle, th.beforeMvaTitle { /*NIU*/
	padding-left: 10px;
	}


/*-------------------PRODUCTS overview page--------------------*/

#products {
overflow: hidden;
}

.product {
float: left;
width: 150px;
text-align: center;
}

.product span {
display: block;
text-transform: uppercase;
font-size: 80%;
padding-top: 5px;
}


/*-------------------PRODUCT details page--------------------*/

div.product-wrapper { /*holds .product-image + #product-details*/
overflow: hidden;
margin-bottom: -5px;
padding-bottom: 0px;
}

div.product-wrapper .product-image { /*larger image on details page*/
width: 250px;
float:left;
margin-left: -10px; /*to 'adjust'/remove the left-margin from #content-main */
margin-top: 15px;
margin-right: 25px;
text-align:center;
}

div.product-wrapper .product-image img {
margin: 0 auto;
padding: 0 8px 0 8px;
border: 0;
}

div.product-wrapper .product-image .image-options { 
margin: 10px 0 0 13px;
padding: 0 0 0 10px;
color: #888;
text-transform: uppercase;
font-size: 90%;
}

div.product-wrapper .product-image .productTypeLinks a {
text-transform: none;

/*color: #B13F92;*/
font-weight: bold;
color: white;
}

div.product-wrapper .product-details {
width: 300px;
float:left; 
margin: 1px 0 0 20px; /* top 8px;*/
padding: 7px 0px 7px 7px;
}

div.product-wrapper .product-details p {
/*color: #565555;*/
padding: 0;
margin: 15px 2px 2px 2px;
/*font-size: 90%; */
}

table#masterTable { /*for master*/
width: 100%;
}
	table#masterTable th { /*for master*/
	font-weight: normal;
	font-size: 90%;
	background: #555;
	}
	
	table#masterTable tr { /*for master*/
	}
	
	table#masterTable td { /*for master*/
	border-bottom: 1px solid #555;
	}
	
	table#masterTable .rdm { width: 20%; }
	table#masterTable .imcs { width:20%; }
	table#masterTable .basecurve { width: 30%;  }
	table#masterTable .tipcurve { width: 30%; }


/*----------------SALG------------------*/

table#tilbudstable {
	width: 710px;
	padding: 5px;
}

/*table#tilbudstable th {
	text-transform: uppercase;
	font-weight: normal;
}*/

table#tilbudstable th, td {
    padding: 5px 0px 5px 0px;
}

table#tilbudstable .productname {
	/*font-weight: bold;*/
}

table#tilbudstable .price {
	color: #B13F92; 
	font-weight: bold;
}

table#tilbudstable .price a {
	color: #B13F92; 
}
table#tilbudstable .price a:hover {
	color: #B13F92; 
}





/*---------Expanding BUTTONs-------------*/

/*Left BG edge*/
.btn-white, .btn-pink {
display:block; 				
float: left;	/*to avoid it being as wide as its parent element*/
height: 30px; 				
background-position: 0 0; 
text-align: center;
padding: 0px 0px 0 4px;
font-size: 95%;
margin-left: 3px;
}

/*Right BG edge*/
.btn-white span, .btn-pink span {
display:block; 	
float: left;
height: 30px; 
padding: 0px 10px 0 8px; /*NB. subtract top/btm padding from height*/
line-height: 30px; /*same as height, to center vertically*/
}

.btn-white:hover, .btn-white span:hover, .btn-pink:hover, .btn-pink span:hover,
.btn-white:visited, .btn-white span:visited, .btn-pink:visited, .btn-pink span:visited  {  /*visited for IE6*/
color: black;
}

.btn-white:hover, .btn-pink:hover  {
 background-position: 0 -30px; 
 }
 
.btn-white span:hover, .btn-pink span:hover { 
background-position: 100% -30px;
}


/*-------WHITE BTN--------*/
a.btn-white {
color: black; 
/*font-weight: bold;
text-transform: uppercase;
font-size: 80%;*/
}

.btn-white { 
background: url(../images/btnwax3d-left-g.gif) no-repeat; 
}

.btn-white span { 
background: url(../images/btnwax3d-right-g.gif) no-repeat 100% 0;
}

/* <a href="#" class="btn-white"><span>Skriv ut&nbsp;</span></a>*/



/*------------------------------SITEINFO-----------------------------------*/

div#siteinfo {
height: 38px;
width: 999px;
position: relative;
margin: 0px auto;
background: url(../images/footer.png) repeat-x 0px 0;
z-index: 1;
}

div#siteinfo a {
color: #ddd;
}

div#siteinfo a:hover {
text-decoration: underline;
}

/*div#siteinfo .copyright {
text-align: right;
margin:15px 0 0 390px;
}

div#siteinfo .copyright p {
display: inline;
padding: 0 8px 0 8px;
margin: 0;
font-size: 90%;
color: #fffcfc; 
}*/

/*----------------------------------FORM------------------------------------*/

div#kontaktskjema {
margin: 0px 0 0 0px;
padding: 0;
font-size: 80%;
float: left;
width: 400px;
}

div#kontaktskjema fieldset, 
div#loginForm fieldset {
width:500px;
border:none;
margin: 0;
padding: 0px;
overflow: hidden; /*to contain the floated form elements and their labels */
} 

div#kontaktskjema label, 
div#kontaktskjema input, 
div#kontaktskjema select, 
div#kontaktskjema option, 
div#kontaktskjema textarea,
div#loginForm label, 
div#loginForm input {
display: block; 
/*float: left;*/
} 

.floatleft {
float: left;
}

div#kontaktskjema label, 
div#loginForm label { 
width: 40px; 
padding-right: 2px; 
text-align:left; 
}

div#loginForm label { 
width: 90px;
padding-top: 5px;
}


div#kontaktskjema fieldset select { width: 40.5%; border: 1px solid #ccc; }
div#kontaktskjema fieldset input { width: 40%; border: 1px solid #ccc; }
div#kontaktskjema fieldset textarea { width: 60%; border: 1px solid #ccc; height: 130px; }

div#kontaktskjema fieldset input:hover, 
div#kontaktskjema fieldset textarea:hover, 
div#kontaktskjema fieldset select:hover {
border-color: gray; 
}

div#kontaktskjema fieldset input:active, 
div#kontaktskjema input:focus {
border-color: black; 
}

div#kontaktskjema #submit {
position: relative;
left: 228px; 
margin: 3px 0 2px 0px;
padding: 0em 1.2em; /*to the L&R of the text within the button */
} 

div#IEroot div#kontaktskjema #submit {
left: 234px; 
padding: 0em .6em; /*to the L&R of the text within the button */
} 

div#kontaktinfo {
position: relative;
/*margin: -375px 0 0 380px;*/
margin-left: 400px;
margin-top: -375px;
}

div#kontaktinfo a {
color: #B13F92;
}

div#loginForm input {
margin: 5px 0 0 0;
}

div#loginForm #loginBtn {
margin: 3px 0 0 166px;
}

.topmsg {
font-size: 90%;
font-weight: bold;
display: block;
margin: 0 0 7px 0;
}


/*------------------Contact-----------------------------*/

img.ill {
border: 4px solid #ededed;
}




/*------------------CMS-----------------------------*/

.msg {
color: #c43d92;
display: block;
padding-bottom: 4px;
}

.infomsg {
color: #c43d92;
font-size: 85%;
}

table#newslist a {
color: #B13F92;
}



/*--------NEWSarchive--------*/

.news  {
height: 140px;
margin: 10px 0;
width: 510px;
font-size: 80%;
font-family: verdana, arial;
overflow: hidden;
border-bottom: 1px solid #555;
}

.clearBottomMargin{
margin-bottom: 0;
}

.news  h3 {
padding-top: 8px;
padding-bottom: 6px;
}

.news h3 a {
/*font-weight: normal;*/
color: white;
text-transform: uppercase;
font-size: 90%
}

.news p {
color: #777;
font-size: 100%;
margin-top: 5px;
margin-bottom: 5px;
}

.news .readmore {
color: #B13F92;
}

.imagebox {
height: 101px;
width: 158px;
float: left;
margin: 10px 14px 4px 0px;
background: url(../images/newsimg-bg.png) no-repeat;
}

.news img {
padding: 4px 14px 8px 4px; 
/*bottom and right must have more padding */
border: none;
}


/*-----------------NEWSarticle----------------------*/
.rsslink {
position:relative;
margin: 0 0 0 500px;
}

div#news-article {
}

div#article {
}

.newsImageBox { /* holds newsImage*/
float: right;
/*margin: 24px 8px 3px 3px;*/
margin: 20px 10px 6px 10px;
text-align: center; 
}

.newsImage {
border: 4px solid #ababab;
}

.newsImageCaption {
font-size: 85%;
font-style: italic;
color: #8a8a8a;
}

/*----------------editRIDERS---------------------*/

div#editriderImage {
position: absolute;
top: 72px;
left: 434px;
}

.riderImage {
border: 3px solid #999;
}

/*---------------TEAMS/RIDERS---------------------*/

div#riders {
width: 700px;
overflow: hidden;
}

.riderBox {
float: left;
width: 150px;
/*min-height: 160px; */
min-height: 120px;
text-align: center;
margin: 0 20px 20px 0;
/*background: #333; #F0EEE0;*/
background: url(../images/contentsub-bg.png) repeat;
border: 1px solid #555;
}

.riderBox span.ridername {
display: block;
/*text-transform: uppercase;*/
font-size: 90%;
font-weight: bold;
color: #888;
padding: 3px 0;
}

.riderimageSmall {
border: 1px solid #777;
}


/*---------------RIDER details---------------------*/

.rider-details {
width: 500px;
}

.rider-details .riderimage {
position: absolute;
margin-left: 5px;
}

div#IEroot .rider-details .riderimage {
margin-top: 10px;
}

.rider-details h1 {
color: #444;
margin-left: 357px;
padding-top: 10px;
min-width: 400px;
line-height: 35px;
}

.rider-details p {
margin-left: 357px;
width: 270px;
}

.riderimage {
border: 3px solid #777;
}


/*---------------ABOUT page---------------------*/

div#profilebox {
position: relative;
overflow: auto;
width: 600px;
height: 210px;
text-align: center;
margin-top: 15px;
}

.profile {
width: 150px;
height: 180px;
background: greeen;
float: left;
margin-right: 20px;
}

.profile img {
border: 2px solid gray;
}


.profile a {
color: #d64cb0;

}