/*

    CSS Document


    Site: Rojos Bageri
    URL: http://www.rojos.se
    Author: PS Kommunikation
    Version: 1.1

    Date: 2008.08.11

*/



/*
 *      DEFAULT
 *
 */



BODY {
    background:#714931 url(../images/bgBody.gif) repeat-x;
    text-align:center;
}
DIV#wrapper {
	margin:0 auto; 
	text-align:left;
	width:960px;
}
DIV#logo {
    display:inline; 
    float:left; 
    /*height:95px;*/
    /*margin-top:15px;*/
    width:184px;
}

/*
 *      NAVIGATION
 *
 */

/* MAINNAV */

DIV#mainNav {
	display:inline;
	float:right;
	margin:0;	
	width:750px;
}
DIV#mainNav UL {
    float:right;
    font-size:1.3em;
    font-weight:bold;
    list-style-type:none;
    padding-right:2px;
    background:url(../images/bgMainNavLi.gif) top right no-repeat;
}
DIV#mainNav LI {
    background:url(../images/bgMainNavLi.gif) top left no-repeat;
    float:left;
    padding:0 0px 0 2px;
}
DIV#mainNav LI A {
    text-decoration:none; 
    color:#fff;
    display:block;    
    padding:2em;
}
#nav_a {
    border-top:solid 4px #33c0df;
}
#nav_b {
    border-top:solid 4px #548100;
}
#nav_c {
    border-top:solid 4px #9ac601;
}
#nav_d {
    border-top:solid 4px #ed5500;
}
#nav_e {
    border-top:solid 4px #b910a7;
}
#nav_f {
    border-top:solid 4px #9d65e6;
}
.nav_a {
    border-top:solid 4px #33c0df;
}
.nav_b {
    border-top:solid 4px #548100;
}
.nav_c {
    border-top:solid 4px #9ac601;
}
.nav_d {
    border-top:solid 4px #ed5500;
}
.nav_e {
    border-top:solid 4px #b910a7;
}
.nav_f {
    border-top:solid 4px #9d65e6;
}
A:HOVER#nav_a, 
A:HOVER#nav_b, 
A:HOVER#nav_c, 
A:HOVER#nav_d, 
A:HOVER#nav_e,
A:HOVER#nav_f {
    border-top:solid 4px #ecd8af;
    display:block;
    width:auto;
}
A:HOVER.nav_a, 
A:HOVER.nav_b, 
A:HOVER.nav_c, 
A:HOVER.nav_d, 
A:HOVER.nav_e,
A:HOVER.nav_f {
    border-top:solid 4px #ecd8af;
    display:block;
    width:auto;
}
DIV#mainNav LI.active A {
    color:#ecd8af; 
}

/* SUBNAV */

DIV#sidebar H2 {
    background:#fff url(../images/bgsubNavTop.gif) top left no-repeat; 
    font-size:1.2em;
    font-weight:bold;
    height:1.2em;
    margin:0;
    padding:4px 0 4px 35px;
}
UL#subNav {
    background:#fff url(../images/bgsubNavBottom.gif) bottom left no-repeat;    
    font-weight:normal;    
    list-style-type: none;
    margin:0;
    padding-bottom:10px;
    width:190px;    
}
UL#subNav LI {
    border-bottom:solid 1px #9ac601;
    background:url(../images/iconSmallArrow.gif) 5px 8px no-repeat;
    padding:0 0 0 25px;    
} 
UL#subNav LI A {
    color:#714931;
    display: block;
    font-weight:normal;     
    line-height:normal;    
    padding:0.6em 0 0.6em 0;
    text-decoration: none;
}
UL#subNav LI A:hover {
    color:#9ac601;     
}/*
UL#subNav LI UL A{  
    color:#9ac601;
    font-weight:bold;
}*/
/* undermeny*/
UL#subNav LI A.current {
    font-weight:bold;
}
UL#subNav LI A.highlight {
    color:#9ac601;
} 
UL#subNav LI UL {
    font-size:1em;
    font-weight:normal;         
    list-style-type:none;
    margin:0;        
    padding:0;
}
UL#subNav LI UL LI {
    background:none;      
    color:#fff;
    font-weight:normal;
    padding:0;
    margin:0;
    border:solid 1px #fff;
    border-top:dotted 1px #9ac601;
}
UL#subNav LI UL LI A
{
    padding:4px 0;
}
UL#subNav LI UL LI.noBorder {
    border-bottom:none;
}
/*
UL#subNav LI.current UL LI.current {
    color:#9ac601;
}
UL#subNav LI.current UL LI A {
    font-weight:normal;     
    padding:0;
    margin:0;    
}
UL#subNav LI.current UL LI A:HOVER {
    color:#9ac601;
}*/
    
/*
 *      CONTENT INDEX
 *
 */

BODY#start DIV#content {
    width:960px;
}
BODY#start DIV#placeholder {
    margin:0 0 2em 0;
    position:relative;
}

/***  PRIMARY ***/

BODY#start DIV#primaryContent {
    float:right;
    width:480px;  
}

/* NEWS INDEX */

DIV#news {
    background:url(../images/bgDivider.gif) repeat-x;
    padding-top:15px;  
}
DIV#news H2 {
    color:#ecd8af;
    font-weight:bold;
    font-size:1.3em;
}
.tab {
	background:url(../images/bgNewsTop.gif) repeat-y;
	color:#714931;
	display: block;	
	float: left;
	line-height: 1.0;
	margin: 0 15px 0 0;	
	padding: 7px 0;	
	text-align: center;	
	width:58px;
}
.tab .date {
	display:block;	
	font-size:2.4em;	
	font-weight: bold;
}
.tab .month {
	font-size:1em;
	display:block;
	text-transform:uppercase;
}
.tab .year {
	background:url(../images/bgNewsBottom.gif) no-repeat;
	font-size:1em;
	display:block;
	padding:0 0 0 0;
}
.tab .month STRONG {
    border-bottom:1px solid #714931;    
    display:block;    
    font-weight:normal;
    padding-bottom:5px;
}
.tab .year STRONG {
    border-top:1px solid #e2d6bd;
    display:block;    
    font-weight:normal;
    padding-top:3px;
}

/*  NEWSLETTER INDEX */

DIV#orderNewsletterIndex {
    display:inline;
    float:left;
    margin-top:15px;
    width:230px;
}
DIV#orderNewsletterIndex FIELDSET LABEL {
    margin:0;
    color:#fff;
    font-weight:bold;
}
DIV#orderNewsletterIndex FIELDSET P {
    background:url(../images/formInputBottom140.gif) bottom left no-repeat;
    width:auto;
}
DIV#orderNewsletterIndex FIELDSET SPAN {
    background:url(../images/formInputTop140.gif) top left no-repeat;
    width:140px;    
}
DIV#orderNewsletterIndex FIELDSET INPUT {
    width:130px;
}
DIV#orderNewsletterIndex FIELDSET P.floatLeft {   
    display:inline;
    float:left;
    margin:0 5px 0 0;
}

DIV#orderNewsletterIndex FIELDSET P.submitRight {
    background:url(../images/bgSubmitRight.gif) repeat-x top right;  
    height:30px;
    float:left;
    margin:1.5em 0 0 0;
    width:6.3em;
}
DIV#orderNewsletterIndex FIELDSET INPUT.submitLeft {
    background:url(../images/bgSubmitLeft.gif) no-repeat top left;
    color:#fff;	
    display:block;      
    font-size: 1.1em;
    font-weight:bold; 
    text-align:center;     
    margin:0;
    padding:3px 15px 5px 15px;
    text-decoration:none; 
    width:6em;    
}


/* CURRENT OFFER */

DIV#currentOffer { 
    display:inline;
    float:right;
    margin:15px 0 0 0;
    width:230px;
}
DIV#currentOffer P {
    background:url(../images/bgCurrentOfferTop.gif) left top no-repeat;      
    font-size:1.1em;
    padding:50px 0 10px 0;
    margin:0 0 0 0;
}
DIV#currentOffer A {
    margin:15px 0 0 10px;
    text-decoration:none;
}

/***  SECONDARY ***/

BODY#start DIV#secondaryContent {
    width:480px;
    position:absolute;
    bottom:0;  
}
/* SPOTLIGHT INDEX */

DIV#spotlightOne {
    background:#548100 url(../images/bgCake.jpg) left bottom no-repeat;
    display:inline;
    float:left;
    height:26em;
    margin:0 15px 0 0;
    position:relative;     
    width:310px;
}
DIV#spotlightTwo {
    background:#ed5501 url(../images/bgMap.jpg) left bottom no-repeat;
    display:inline;
    float:left;
    height:26em;
    margin:0 15px 0 0;
    position:relative;      
    width:310px;    
}
DIV#spotlightThree {
    background:#305697 url(../images/bgWheat.jpg) left bottom no-repeat;
    display:inline;
    float:left;
    height:26em;
    margin:0 0 0 0;
    position:relative;      
    width:310px;    
}
DIV#spotlightOne H2, DIV#spotlightTwo H2, DIV#spotlightThree H2 { 
    font-size:1.2em;
    font-weight:bold;
    height:1.2em;
    margin:0;
    padding:4px 0 0 35px;
}
DIV#spotlightOne H2 { 
    background:url(../images/bgSpotlightOne.gif);
    border-bottom:solid 1px #6a9510;
}
DIV#spotlightTwo H2 { 
    background:url(../images/bgSpotlightTwo.gif);
    border-bottom:solid 1px ##942927;
}
DIV#spotlightThree H2 { 
    background:url(../images/bgSpotlightThree.gif);
    border-bottom:solid 1px #488fbb;
}
DIV#spotlightOne H3 { 
    display:block;
    font-size:2.4em;
    line-height:1em;
    margin:0.5em 10px;    
}
DIV#spotlightTwo H3 { 
    display:block;
    font-size:2.4em;
    line-height:1em;
    margin:0.5em 50px 0.5em 10px;   
}
DIV#spotlightThree H3 { 
    display:block;
    font-size:2.4em;
    line-height:1em;
    margin:0.5em 10px;    
}
DIV#spotlightOne P { 
    line-height:normal;
    margin:1em 140px 0 10px;
}
DIV#spotlightTwo P { 
    line-height:normal;
    margin:1em 120px 0 10px;
}
DIV#spotlightTwo P { 
    line-height:normal;
    margin:1em 100px 0 10px;
}
DIV#spotlightThree P { 
    margin:1em 10px 0 10px;
}
DIV#spotlightOne A, DIV#spotlightTwo A, DIV#spotlightThree A { 
    margin:2em 10px 0 10px;
    color:#fff;
}
A.buttonOne, A.buttonTwo, A.buttonThree  { 
    bottom:0;
    display:block;    
    font-size:16px;
    font-weight:bold;
    height:33px;
    left:5px;
    padding:5px 8px;
    position:absolute;
    text-decoration:none;
    width:82px;            
}
A.buttonOne { 
    background:url(../images/bgButtonone.gif) no-repeat;
}
A.buttonTwo { 
    background:url(../images/bgButtontwo.gif) no-repeat;
}
A.buttonThree { 
    background:url(../images/bgButtonthree.gif) no-repeat;
}

/*
 *      CONTENT SUBPAGE, ORDER & MAP
 *
 */

/* COMMOM  */

/***  SECONDARY CONTENT ***/

DIV#secondaryContent {
    display:inline;
    float:right;
    width:170px;
}
DIV#secondaryContent H2 {
    margin:0 0 3px 0;
    text-align:center;    
}
DIV#secondaryContent P {
    font-size:1.1em;
    padding:0 10px;
}
DIV#secondaryContent .puffOne {
    background:url(../images/bgPuffOne.jpg) top left no-repeat;
    margin-bottom:30px;
    padding-top:80px;
}
DIV#secondaryContent .puffTwo {
    background:url(../images/bgPuffTwo.jpg) top left no-repeat;
    margin-bottom:30px;    
    padding-top:55px;
}
DIV#secondaryContent .puffTwo H2 {
    margin-left:10px;
    text-align:left;
}
DIV#related UL {
    list-style-type:none;
    margin:0;
    padding:0;
}
DIV#related UL LI {
    background:url(../images/bgRelatedBottom.gif) bottom left no-repeat;   
    padding-bottom:3px;
}
DIV#related UL LI A {
    background:url(../images/bgRelatedTop.gif) top left repeat-y; 
    color:#fff;
    display:block;
    padding:4px 0 4px 25px;
    text-decoration:none;
}

/* CONTENT SUBPAGE */

BODY#subpage DIV#placeholder {
    margin:0 0 2em 0;
}
BODY#subpage DIV#sidebar {
    display:inline;
    float:left;
    margin:5em 30px 0 0;
    width:190px;
}
BODY#subpage DIV#content {
    display:inline;
    float:right;
    margin-top:5em;
    width:730px;
}
BODY#subpage DIV#content IMG {
    margin-bottom:2em;
}
BODY#subpage DIV#primaryContent {
    display:inline;
    float:left;
    width:520px;
}

/* CONTENT ORDER */

BODY#order DIV#placeholder {
    margin:0 0 2em 0;
}
BODY#order DIV#usp {
	background:url(../images/bgUSPOrder.jpg) left top no-repeat;
    height:300px;
    margin:5em 0 0 0;
    width:960px;
}
BODY#order DIV#content {
    margin-top:2em;
    width:960px;
}
BODY#order DIV#primaryContent {
    background:#744d34 url(../images/bgOrderprocessBottom.gif) left bottom no-repeat;    
    display:inline;
    float:left;
    padding:0 20px 30px 20px;    
    width:710px;
}
UL#orderprocess {
	background:url(../images/bgOrderprocessTop.gif) left bottom no-repeat;
	display:inline;
    float:left;
    font-size:1.3em;
    height:52px;
    list-style-type:none;
    margin:0;
    width:750px;
}
UL#orderprocess LI {
    float:left;
}
UL#orderprocess LI.current {
    background:url(../images/bgOrderprocessMenuLeft.gif) 5px top no-repeat;
    font-weight:bold;
}
UL#orderprocess LI SPAN {
    display:block;    
    padding:5px 20px 5px 17px;
}
UL#orderprocess LI.current SPAN {
    background:url(../images/bgOrderprocessMenuRight.gif) right top no-repeat;
}
.productContainer {
    border-bottom:solid 1px #846045;
    margin-bottom:20px;
}
.productImage {
    display:inline;
    float:left;
    width:240px;    
}
.productImage IMG {
    margin:48px 0 0 30px;
    width:240px;      
}
.productInformation {
    display:inline;
    float:right;
    width:430px;
}
.productInformation H1 {
    color:#ffcc00;
    font-size:1.8em;
    font-weight:bold;
    margin:30px 0 20px 0;
}
.productInformation H1.noMargin {
    margin:0 0 20px 0;
}
.productInformation P.introduction {
    font-size:1.3em;
    font-weight:bold;    
}
BODY#order .submitRight {
    background:url(../images/bgSubmitRight.gif) repeat-x top right;  
    float:left;
    height:30px;    
}
BODY#order .submitLeft {
    background:url(../images/bgSubmitLeft.gif) no-repeat top left;
    color:#fff;	
    display:block;      
    float:left;    
    font-size:1.1em;
    font-weight:bold; 
    text-align:center;     
    margin:0;
    padding:3px 15px 5px 15px;
    text-decoration:none;    
}
DIV#recieverContainer FIELDSET P {
    background:url(../images/formInputBottom320.gif) bottom left no-repeat;
    width:320px;
}

DIV#recieverContainer FIELDSET SPAN {
    background:url(../images/formInputTop320.gif) top left no-repeat;
    width:320px;
}
DIV#recieverContainer FIELDSET INPUT,
DIV#recieverContainer FIELDSET SELECT,
DIV#recieverContainer FIELDSET TEXTAREA {
    width:310px;
}
DIV#recieverContainer FIELDSET TABLE {
    width:500px;     
}
DIV#submitContainer {
    display:block;
    float:left;
    height:3em;
    width:700px;    
}
DIV#recieverContainer TABLE {
    width:500px;     
}

/* CONTENT MAP */

BODY#gmap DIV#placeholder {
    margin:5em 0 2em 0;
}
BODY#gmap DIV#mapHolder {
    height:300px;
    width:960px;
}
BODY#gmap DIV#content {
    margin-top:2em;
    width:960px;
}
BODY#gmap DIV#primaryContent {
    display:inline;
    float:left;
    padding:0 20px 30px 20px;    
    width:710px;
}

/*
 *      NEWS
 *
 */

DIV#newsContainer H2 SPAN {
    color:#fff;
    font-size:0.7em;
    margin:0 0 0 10px;
}
DIV#newsContainer P {
    margin:0 0 2em 0;
}


/*
 *     CATALOG              
 *
 */

TABLE#catalog {
    border:none;
    padding:0;
}
TABLE#catalog TD {
    border:none;
    padding:5px;   
}
TABLE#catalog TD STRONG {
    display:block;
}
TABLE#catalog TD IMG {
    border:solid 10px #fff;
}

/*
 *      FOOTER
 *
 */

DIV#footer {
    background:url(../images/bgFooterBottom.gif) bottom left repeat-y;
    height:60px;    
    margin-top:1em;
    padding-bottom:5px;    
}
DIV#footer H2 {
    background:url(../images/bgFooterTop.gif) top left no-repeat;
    color:#714931; 
    font-size:1.1em;
    font-weight:bold;     
    height:15px;
    margin:0;     
    padding:15px 10px 0px 10px;    
}
DIV#footer A {
    color:#714931;
    text-decoration:none;    
}
div#footerLink P {
   font-weight:bold;
}

DIV#footer UL#contact A:HOVER, DIV#footer UL#helpNav A:HOVER  {
    text-decoration:underline;   
}
/* CONTACT */

UL#contact {
    color:#714931; 
    display:inline;
    font-size:1.1em;
    font-weight:normal; 
    float:left;
    line-height:1.6em;
    margin:0; 
    padding:0 10px 10px 10px;     
}
UL#contact LI {
    display:inline;
    margin-right:1.5em;
}

/* HELPNAV */

UL#helpNav {
    display:inline;
    float:right;    
    list-style: none;
    margin:2px 10px 0 0;
    width:180px;
} 
UL#helpNav LI {
	color:#714931;    
    display:inline; 
    float:right;  	
 	font-size:0.9em;
	padding: 0 0 0 0.8em;
}
UL#helpNav LI A {
    color:#714931;
}

/*
 *      PRODUCTION
 *
 */

DIV#production UL {
    color:#fff;
    float:right; 
    font-size:1.1em;
    font-weight:normal; 
    font-family:"Arial", Sans-Serif;
    list-style-type:none;
    margin:1em 5px 0 0;
}
DIV#production LI {
    margin-bottom:0.5em;
}
DIV#production A {
    color:#fff;
    text-decoration:none;
}
DIV#production A:HOVER {
    text-decoration:underline;
}

/*
 *      CLASSES
 *
 */

.hide {
    position: absolute;
	left: -9999px;
	z-index: 100;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.floatLeft  {
    display:inline;
    float:left;
}
.floatRight  {
    display:inline;    
    float:right;
}
P.marginBottom  {
    margin-bottom:4em;
}
P.marginLeft {
    margin-left:10px;
}
.marginTop {
    margin-top:1em;   
}