/* Table of content 
***********************
1. Reset 
2. Typo
3. Layout
4. Graphic elements
5. Controls 
6. Buttons
7. Misc.
***********************/


/* 1. Reset 
*************************************************************************************/

/* Reset Headlines */ 
h1, h2, h3, h4, h5, h6, p
{ 
    margin: 0;
    padding: 0;
    font-weight: normal;
} 

/* Links */
a   {   outline : none;      } /* Gets rid of Firefox's dotted borders */
a img { border: none;       } /* Gets rid of IE's blue borders */

a:link, a:visited
{
    text-decoration: none;
    color: #16989e; 
}

a:hover, a:active
{
   color: #323b3b; 
}

/* Normalize */ 
table       { border-collapse: collapse; border-spacing: 0; }
caption, th { text-align: left; }
li          { list-style: none; }

ul, ol, dl, dt, dd, blockquoute, form, input, th, td, label
{
    margin: 0; 
    padding: 0;
}


/* 2. Typo 
*************************************************************************************/

body
{
    color: #465c5d;
	font-family: Century Gothic, arial, helvetica, Trebuchet MS;
	font-size: 62.5%;
}


/* Default paragraph setting */
#mainContentHolder p
{
    font-size: 1.1em;
    line-height: 172%;
    margin: 0 80px 20px 320px;
}

#basicMainLayout p
{
    font-size: 1.1em;
    line-height: 172%;
}

#mainContentHolder ul
{
    margin: 0 80px 20px 320px;
}

#mainContentHolder h3, #mainContentHolder h4
{   
    margin: 0 80px 0 320px;
    color: #0c6367;
}


/* Basic paragraph setting for cols */
.col p, .fontParagraph, .designersList p
{
    font-size: 1.1em;  
    line-height: 172%;
}

/* Paging */
.nav             { text-align: center; }
.nav a           { padding: 0 0 0 3px; }
.nav a.highlight { text-decoration: underline; }


/* Footer typo and links */
#footer li
{
    margin: 50px 0 0 0;
    font-size: 1.1em;
    line-height: 172%;
    color: #fff;
}

#footer li a:link, #footer li a:visited { color: #38bfc6; border-bottom: 1px dotted #38bfc6; }
#footer li a:hover, #footer li a:active { color: #acf9fd; border-bottom: 1px dotted #acf9fd; }

/* Headlines in footer */
span.footerTitle 
{
    text-transform: uppercase;
    margin: 0 0 4px 0;
    font-weight: bold;
    display: block;
}

/* Caption Quote text */
#mainContentHolder .caption
{
    color: #0c6366;
    padding: 0 0 0 80px;
    font-size: 1.4em;
    line-height: 157%;
    margin: 0 0 30px 0;
}

#basicMainLayout .caption
{
    color: #0c6366;
    font-size: 1.4em;
    line-height: 157%;
}

/* HeadLines */
h2, h3, h4
{
    text-transform: uppercase;
}

/* Extras for Texts */
.inline                    { display: inline; }
.uppercase                 { text-transform: uppercase; }
.block                     { display: block; }
.underline                 { border-bottom: 2px solid #044245; }
.seperatorLine             { border-top: 2px solid #044245; }
.bold                      { font-weight: bold; }
.italic                    { font-style: italic; }
.rightMargin               { margin-right: 20px; }
.topMarginHalf             { margin-top: 10px; }
.topMargin                 { margin-top: 20px; }
.topMarginDouble           { margin-top: 40px; }
.negativeTopMargin         { margin-top: -20px; }
.negativeRightMarginDouble { margin-right: -40px; }
.topPadding                { padding-top: 20px; }
.topPaddingDouble          { padding-top: 40px; }
.topPaddingHalf            { padding-top: 10px; }
.bottomPadding             { padding-bottom: 20px; }
.bottomPaddingHalf         { padding-bottom: 10px; }
.bottomMargin              { margin-bottom: 20px }
.bottomMarginHalf          { margin-bottom: 10px }
.doubleTopMargin           { padding-top: 40px; }
.year                      { font-size: 37%; position: absolute; top: 5px; text-align: right; right: 0; width: 50px; }
sup                        { padding: 0 0 0 5px; font-size: 63%; }
.lightBlueBorder           { border-bottom: 2px solid #eaf1f1; }
.dottedBottomBorder        { border-bottom-style: dotted; border-bottom-width: 1px; } /* Dotted borders - used for links */

/* IE6 fix. IE dosen't like negative stuff */ 
* html .negativeRightMarginDouble { margin-right: 0; }


/* Headline Colors */
.lightGreen  { color: #107175; }
.darkGreen   { color: #0c6367; }
.blue        { color: #38bfc6; }

/* Headline sizes */
h2.productsTitle                    { font-size: 3em; margin-bottom: -2px; position: relative; padding-right: 30px; } /* Special for products - Year */
.fontHuge                           { font-size: 6.9em; letter-spacing: -2px; line-height: 100%; }
.fontLarge                          { font-size: 3em;   }
.fontMedium                         { font-size: 1.8em; line-height: 157%; }
.fontSmall                          { font-size: 1.6em; }
.fontSmaller, #mainContentHolder h3 { font-size: 1.4em; line-height: 157%; }
.fontSmallest                       { font-size: 1.2em; line-height: 157%; text-transform: none }
.fontSearchResult                   { font-size: 1.2em; text-align: right; text-transform: uppercase; display: block; }
#mainContentHolder h4               { font-size: 1.2em; text-transform: none; }
.removeSpace                        { margin-bottom: -2px; } /* Removes space under line */

/* List with no dots */
#mainContentHolder ul.noDotsList, ul.noDotsList    { margin: 7px 0 0 0 }
#mainContentHolder ul.noDotsList li, ul.noDotsList li { font-size: 1.1em;  line-height: 172%; background: none; padding: 0; }

/* Default list with dots */
ul#standardList li, #mainContentHolder li
{
    font-size: 1.1em;
    line-height: 172%;
    background: transparent url(images/listItem.png) no-repeat 0 7px;
    padding: 0 0 0 10px;
}

/* Links and files icons */
h5.links, h5.files { padding-left: 18px; }

h5.links
{
    font-size: 1.4em;
    line-height: 157%;
    text-transform: uppercase;
    background: #fff url(images/linkIconGreen.gif) no-repeat 0 1px;
}

h5.files
{
    font-size: 1.4em;
    line-height: 157%;
    text-transform: uppercase;
    background: #fff url(images/filesIconGreen.gif) no-repeat 0 1px;
}

/* Search Products */
.searchTag { padding: 0 0 0 5px; background: transparent url(images/footer-seperator.png) no-repeat 0 0; }
.searchTag a { padding: 0 5px 0 5px; color: #82e5ea }
.searchTag a:hover { background: #0c6366; }
span.tagSelected a  { background: #0c6366; }


/* Special for designer hover */
span#designerName
{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 0 0 0 4px;
}


/* 3. Layout 
*************************************************************************************/

html { text-align: center; height: 100% }

body
{
    height: 97.5%;
    background: #fff;
    text-align: left;
    margin: 0 auto;
}

#header
{
    width: 960px;
    margin: 0 auto;
    height: 71px;
    margin-top: 20px;
}

form
{
    _height: 100%;
    min-height: 100%;
    position: relative;
}

.designersList
{
    margin: 0 30px 0 175px;
}

#footer
{
    background: #034144 url(images/sidfotRepeat.jpg) repeat-x 0 0;
    width: 100%;
    height: 208px;  
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Special classes for footer layout */
#footer ul                   { margin-left: 10px; }
#footer li.lastFooterLi      { padding-top: 4px; }
#footer li.extraRightPadding { padding-right: 80px; }
#footer li.seperator
{
    padding: 0 0 0 10px;
    margin: 50px -10px 0 20px;
    background: transparent url(images/footer-seperator.png) no-repeat 0 0;
}

#innerFooter
{
    margin: 0 auto;
    width: 940px;
    height: 208px;
    background: #034144 url(images/sidfotGradient.jpg) no-repeat 0 0;
}

#contentHolder
{
    margin: 0 auto;
    width: 990px;
    overflow: hidden;
    padding: 0 0 208px 0;
    
}

#mainContentHolder, #basicMainLayout, #wideLayout
{
    position: relative;
    float: left;
    display: inline;
    width: 780px;
    padding: 0 0 40px 0;
    margin: 0 0 0 10px;
}

#wideLayout
{
    width: 940px;
    margin: 0 0 0 15px;
}


/* Extra Navigation below mainnav */
#headerExtraNavigation
{
    min-height: 65px;
    _height: 65px;
    background: #107175 url(images/extraNavGradientBg2.jpg) no-repeat top center;
    position: relative;
}

#extraNavContent
{
    position: relative;
    width: 960px;
    padding: 9px 0 0 0;
    margin: 0 auto;   
}


/* LayoutFlots */


.left             { display: inline; float: left;   margin-right: 20px; }
.right            { display: inline; float: right;  margin-left: 20px; }
.left.noMargin    { display: inline; float: left;   margin-right: 0; }
.right.noMargin   { display: inline; float: right;  margin-left: 0; }
.left.smallMargin { display: inline; float: left;   margin-right: 5px; }
.center           { text-align: center; margin: 0 auto; }

* html .left      { margin-right: 6px }

.bottom   { position: absolute; bottom: 0; left: 0; }
.relative { position: relative; }
#mainContentHolder .col p { margin: 0; } /* Reset if col */

/* For images in Text */
#mainContentHolder p img.left        { margin-left: -80px; }  
#mainContentHolder p img.right       { margin-right: -80px;}
#mainContentHolder p img.left.inset  { margin-left: 0; }
#mainContentHolder p img.right.inset { margin-right: 0; }
#mainContentHolder p img.solo        { margin-bottom: 20px; }
*html #mainContentHolder p img {  width: expression(this.width > 370 ? 370: true); } /* Fix width in ie6 for images */

/* Column sizes */
.two    {  width: 140px; }
.three  {  width: 220px; }
.four   {  width: 300px; }
.five   {  width: 380px; }
.six    {  width: 460px; }
.seven  {  width: 540px; }
.eight  {  width: 620px; }
.nine   {  width: 700px; }
.ten    {  width: 780px; }
.eleven {  width: 860px; }
.twelve {  width: 940px; }

.width260  {  width: 260px; }

.absolutePosButtonDesigners
{
    position: absolute;
    bottom: 20px;
    left: 160px;
}

#extraDescButtons
{
    width: 200px;
    position: absolute;
    top: 50px;
    right: 0px;
}

/* 4. Graphic elements 
*************************************************************************************/


/* Designtool in header */
a#designTool
{
    width: 207px;
    height: 43px;
    display: block;
    background: #fff url(images/designverktyg-header.jpg) no-repeat 0 0;
}

a#designTool span
{
    font-size: 1.1em;
    text-align: center;
    width: 120px;
    display: block;
    padding: 5px 0 0 14px;
}

/* Flash */
#flash
{

    background: #fff url(images/ajax-loader.gif) no-repeat center center;
  /*  background: #404040 url(images/dummyFlash.jpg) no-repeat center center;*/ 
    height: 295px;
}
body#startPage #backupimage
{
    background-repeat:no-repeat;
    background-position:50% 50%;
    height: 295px;
    min-width: 960px;
}


/* Make image square in Miljöbilder */
.boxImages { width: 100px; height: 85px; display: block; overflow: hidden; }

/* Important notice on startpage */
.important
{
    width: 700px;
    height: 64px;
    text-align: center;
    background: #fff url(images/importantBg.jpg) no-repeat 0 0;
}

/* Logo - always h1 */
h1 a
{
    width: 193px;
    height: 35px;
    display: block;
    margin: 0 0 20px 0;
    text-indent: -9999px;
    background: transparent url(images/blastation-logo.gif) no-repeat 0 0;
}

/* Logo in footer */
h4#footerLogo
{
    margin: 0 0 0 22px;
    width: 98px;
    height: 18px;
    text-indent: -9999px;
    background: transparent url(images/blastation-logo-footer.gif) no-repeat 0 0;
}

input.productSearchField
{
    border: 1px solid #0d6f74;
    font-size: 1.4em;
    color: #7cd3d8;
    padding: 2px;
    width: 360px;
    background: #034144;
}

span#subHeaderGradient
{
    display: block;
    height: 20px;
    background: transparent url(images/subHeaderGradient.gif) repeat-x 0 0;
}

span#topShadowExtraNavigation
{
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: transparent url(images/topShadowExtraNav.png) repeat-x 0 0;
}

span#bottomShadowExtraNavigation
{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background: transparent url(images/bottomShadowExtraNav.png) repeat-x 0 0;
}

#gradientTopBelowNav { background: transparent url(images/aboveHeaderGradient.gif) repeat-x bottom left; }

#titleBookMarkField
{
    margin: 0 0 36px 0;
    overflow: hidden;
    height: 100%;
    padding-bottom: 2px;
    border-bottom: 2px solid #044245;
}

/* Graphic under designers in header - Special hover for designers list */
a.designerHover       { padding: 0 0 10px 0; } 
a.designerHover:hover { padding: 0 0 10px 0; background: transparent url(images/designers-hover.png) repeat-x bottom left; }


/* Filmstrip for designers */
.filmStrip
{
    position: relative;
    height: 546px;
    background: transparent url(images/filmStrip.gif) no-repeat 0 0; 
}

.filmStripImage1, .filmStripImage2, .filmStripImage3, .filmStripImage4
{
    position: absolute;
    left: 8px;
}

.filmStripImage1 { top: 7px; }
.filmStripImage2 { top: 140px; }
.filmStripImage3 { top: 273px; }
.filmStripImage4 { top: 406px; }

ul#flickrImages li { height: 60px; overflow: hidden; } /* Box flickrImages */ 

.height400 { height: 400px; }
.height300 { height: 300px; } /* 300px x 300px */
.height160 { height: 160px; }
.height140 { height: 140px; } /* 140px x 140px */
.height118 { height: 118px; }
.wide      { padding-left: 20px; background: #fff; }

.calendarSmallDate
{
    width: 30px;
    height: 27px;
    margin: 5px 5px 0 0;
    padding: 3px 0 0 0;
    display: block;
    text-align: center;
    background: transparent url(images/calendarDatebg.jpg) no-repeat 0 0;
}

.calendarSmallDate .firstDate
{
    display: block;
    font-size: 12px;
    line-height: 100%;
}

.calendarSmallDate .secondDate
{
    font-size: 9px;
}

/* 5. Controls
*************************************************************************************/

#langSelect { float: right; position: relative; }

#selectedLanguage { float: right; }

/* Language select */
div#languageSelector { position: absolute; left:0; top: 17px; }


/* Height for retailers */
#fragment-retailer-1 li, #fragment-retailer-2 li, #fragment-retailer-3 li
{
    height: 155px;
}

/* Thumbs in productlist */ 
#imageTab1 li a { height: 60px; display: block; } 
#imageTab1 img      { width: 60px; } 
#imageTab1 img.wide { width: 120px; }

#breadCrumb               { overflow: hidden; width: 100%; }
a.breadcrumbParent         { color: #38bfc6; float: left; font-size: 1.1em; }
a.breadcrumbActive         { color: #9be4e8; float: left; font-size: 1.1em; }
.breadcrumbParent:hover, 
.breadcrumbActive:hover   { color: #fff }

span.breadcrumbArrow
{
     background: transparent url(images/arrow-breadcrumb.png) no-repeat 7px 5px; 
     display: block;
     padding: 0 9px 0 9px;
     float: left;
     text-indent: -9999px;
     width: 1px;
}

.lastInRow { margin-right: 0px; }

/* Measures for products tab 2 */

ul#measures li { font-size: 1.1em; line-height: 172%; }

ul#measures li span
{
    width: 100px;
    display: block;
    float: left;
}

/* Jquery Tabs */

ul.ui-widget-header
{
    overflow: hidden;
    width: 100%;
    margin: 0 0 13px 0;
    border-bottom: 2px solid #044245;
}

.ui-tabs .ui-tabs-nav li
{
    display: inline; 
    float: left;
}

.ui-tabs .ui-tabs-nav li a
{
    font-size: 1.2em;
    background: transparent url('images/tabs-left.gif') no-repeat bottom left;
    display: block;
    float: left;
    line-height: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
    height: 21px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    margin: 0 2px 0 0;
}

.ui-tabs .ui-tabs-nav li a span
{
    background: transparent url('images/tabs-right.gif') no-repeat bottom right;
    display: block;
    padding: 5px 9px 5px 0; 
}

.ui-tabs .ui-tabs-nav li a:link, .ui-tabs .ui-tabs-nav li a:visited, .ui-tabs .ui-tabs-nav li a:active { color: #044245;} /* Link color */
.ui-tabs .ui-tabs-nav li a:hover                 { color: #fff; background-position: bottom left; }  /* Hover state */
.ui-tabs .ui-tabs-nav li a:hover span            { background-position: bottom right; }              /* Hover state */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a      { background-position: top left;}                   /* Selected state */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: top right; color: #fff; }    /* Selected state */
.ui-tabs .ui-tabs-hide                           { display: none !important; }                       /* Enables tab switch */


/* Topnavigation */

.litTempWebTopMenu
{
    width: 960px;
    height: 32px;
    margin: 0 auto;
}

.litTempWebTopMenu div
{
    text-transform: uppercase;
    float: left;
    display: inline;
    font-size: 1.1em;
    font-weight: bold; 
}

.litTempWebTopMenuItemSelected a
{
    color: #323b3b;
}

.litTempWebTopMenu div a
{
    padding: 7px 12px 6px 12px;
    background: transparent url(images/seperator.gif) no-repeat bottom right;
    display: inline-block;
}

.litTempWebTopMenu div a.first
{
    padding: 7px 12px 6px 0;
}


/* Subnavigation - Not done */

#leftColumn
{
    width: 166px;
    float: left;
    display: inline;
    padding: 0 0 40px 0;
}

.subMenu
{
    width: 166px;
    margin: 0 0 20px 0;
    padding: 0 0 28px 0;
    float: left;
    display: inline;
    background: transparent url(images/leftMenuBottom.jpg) no-repeat 6px bottom;
}

.subMenu ul
{
    width: 166px;
    margin-left: 3px;
    padding: 26px 0 0 0;
    background: transparent url(images/leftMenuTop.jpg) no-repeat 3px 0;
}

.subMenu ul li.first
{
    width: 166px;
    background: transparent url(images/leftMenuFirstLi.jpg) no-repeat 3px -3px;
}

.subMenu ul li ul
{
    padding: 0;
    margin: 0;
    background: none;
}

.subMenu ul li 
{
    
    width: 166px;
    background: transparent url(images/leftMenuMiddleRepeat.gif) repeat-y 3px 0;
}

.subMenu ul li a
{
    text-transform: uppercase;
    display: block;
    background: transparent url(images/subMenuLi-a.gif) no-repeat center bottom;
    font-size: 1.1em;
    padding: 6px 0 8px 12px;
}

.subMenu ul li a:hover
{
    background: transparent url(images/hoverSubNav.gif) no-repeat 0 0;
    color: #fff;
}

/* Second level */
ul.subMenu_level_2 li a
{
    color: #90a9a9;
    background: transparent url(images/subMenuLi-a.gif) no-repeat center bottom;
    padding-left: 20px;
}

ul.subMenu_level_2 li a.subMenuSelected, a.subMenuSelected  { color: #38bfc6; } /* Selected */

/* Local Twitter */
#tweet li { margin-bottom: 20px; } /* Margin for twitters in list */

/* Global Twitter */
#extraNavContent #tweet { display: block; clear: both; }
#extraNavContent #tweet li          { margin: 0; color: #fff; }
#extraNavContent #tweet li a        { background: #13858a; color: #38bfc6; }
#extraNavContent #tweet li a:hover  { background: #0c6366; }
#extraNavContent #tweet li a.italic { background: none; }

/* 6. Buttons 
*************************************************************************************/

/* Index 
1.) A tag buttons 
2.) Spans for buttons
3.) Link states other than hover
4.) Hovers for buttons
5.) Span hovers for buttons
*/


/* 6.1 - A tag buttons */
 a.darkGreenButton, a.lightBlueButton
 {
    background: transparent url('images/darkGreenButton-Left.png') no-repeat top left;
    display: block;
    float: left;
    line-height: 10px;   /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background  */
    height: 16px;        /* Height of button background height */
    padding-left: 8px;   /* Width of left menu image */
}

 a.langSelect
 {
    background: transparent url('images/langSelectLeft.gif') no-repeat top left;
    display: block;
    float: left;
    width: 135px;
    line-height: 10px;   /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background  */
    height: 17px;        /* Height of button background height */
    padding-left: 8px;   /* Width of left menu image */
}

 a.langSelectNoArrow
 {
    background: #eceeef url('images/leftLangSelectNoArrow.gif') no-repeat top left;
    display: block;
    float: left;
    width: 135px;
    line-height: 10px;   /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background  */
    height: 17px;        /* Height of button background height */
    padding-left: 8px;   /* Width of left menu image */
    margin-top: 1px;
}

 a.solidSmall
 {
    background: transparent url('images/leftSolidSmall.gif') no-repeat top left;
    display: block;
    float: left;
    line-height: 10px;   /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background  */
    height: 18px;        /* Height of button background height */
    padding-left: 11px;   /* Width of left menu image */
}



a.lightBlueButton { background: transparent url('images/lightBlueButton-Left.png') no-repeat top left; }

a.secureButton
 {
    background: transparent url('images/leftSecureButton.png') no-repeat top left;
    display: block;
    float: left;
    line-height: 11px; 
    height: 17px; 
    padding-left: 17px;
}

a.darkGreenSolid
 {
    background: transparent url('images/leftdarkGreenSolid.gif') no-repeat bottom left;
    display: block;
    float: left;
    line-height: 15px;
    height: 25px; 
    padding-left: 18px; 
}


 a.magnifyButton
 {
    font-size: 1.1em;
    background: transparent url('images/magnifyButton-Left.gif') no-repeat top left;
    display: block;
    float: right;
    line-height: 11px; 
    height: 17px;
    padding-left: 22px; 
    margin-top: 5px;
}

p.threeSixty
{
    width: 41px;
    height: 28px;
    float: right;
    margin-right: 10px;
    background: transparent url('images/360.gif') no-repeat 0 0;
}

/* 6.2 - Spans for buttons */
a.darkGreenButton span, a.lightBlueButton span
{
    background: transparent url('images/darkGreenButton-Right.png') no-repeat top right;
    display: block;
    padding: 3px 9px 3px 0; 
}

a.langSelect span
{
    background: #eceeef url('images/langSelectRight.gif') no-repeat top right;
    display: block;
    font-size: 1.2em;
    padding: 3px 24px 4px 5px; 
    color: #0c6366;
}


a.langSelectNoArrow span
{
    background: transparent url('images/rightLangSelectNoArrow.gif') no-repeat top right;
    display: block;
    font-size: 1.2em;
    padding: 3px 24px 4px 5px; 
    color: #0c6366;
}

a.solidSmall span
{
    background: transparent url('images/rightSolidSmall.gif') no-repeat top right;
    display: block;
    font-size: 1.1em;
    padding: 3px 11px 5px 0; 
}

a.lightBlueButton span { color: #296e71; background: transparent url('images/lightBlueButton-Right.png') no-repeat top right; }


a.secureButton span
{
    background: transparent url('images/rightSecureButton.png') no-repeat top right;
    display: block;
    font-size: 1.2em;
    padding: 3px 14px 3px 5px; 
    color: #296e71;
}

a.darkGreenSolid span
{
    background: transparent url('images/rightdarkGreenSolid.gif') no-repeat bottom right;
    display: block;
    font-size: 1.2em;
    padding: 5px 18px 5px 0; 
}

a.magnifyButton span
{
    background: transparent url('images/magnifyButton-Right.gif') no-repeat top right;
    display: block;
    padding: 2px 15px 4px 5px; 
}

/* 6.3 - Link states other than hover */
a:link.darkGreenButton, a:visited.darkGreenButton, a:active.darkGreenButton,
a:link.darkGreenSolid,  a:visited.darkGreenSolid,  a:active.darkGreenSolid,
a:link.magnifyButton,   a:visited.magnifyButton,   a:active.magnifyButton,
a:link.solidSmall,      a:visited.solidSmall,      a:active.solidSmall 
{
    color: #fff;
}

/* 6.4 - Hovers */
a.langSelectNoArrow:hover, 
a.langSelect:hover, 
a.solidSmall:hover, 
a.darkGreenButton:hover, 
a.magnifyButton:hover, 
a.lightBlueButton:hover, 
a.secureButton:hover               { background-position: bottom left; }
a.darkGreenSolid:hover             { background-position: top left; }


/* 6.5 - Hover Spans */

a.solidSmall:hover span,
a.darkGreenButton:hover span, 
a.magnifyButton:hover span, 
a.secureButton:hover span          { background-position: bottom right; color: #fff; }
a.lightBlueButton:hover span       { background-position: bottom right; color: #296e71; }
a.darkGreenSolid:hover span        { background-position: top right;    color: #6cdee4; }
a.langSelect:hover span            { background: #167d82 url('images/langSelectRight.gif') no-repeat bottom right; color: #fff; } 
a.langSelectNoArrow:hover span     { background: #167d82 url('images/rightLangSelectNoArrow.gif') no-repeat bottom right; color: #fff; }  


/* Clear function for buttons */
.buttonwrapper                     { overflow: hidden; width: 100%; }


/* 7. Misc 
*************************************************************************************/

.colorMe    { background: pink; }
.clear      { clear: both;  overflow: hidden; }
.clearRight { clear: right; overflow: hidden; }
.clearLeft  { clear: left;  overflow: hidden; }
.hidden     { display: none; }

#grid
{ 
	width: 100%;
	z-index: 999;
	position: absolute;
	background: transparent url(images/grid.png) repeat 102px 7px;
}

/* If startpage */
body#startPage #wideLayout
{
    margin: 0 0 0 25px;
}
/* Balerina fix
body#startPage #gradientTopBelowNav
{
    background: none;
}

body#startPage span#subHeaderGradient
{
    background: none;
}
*/
body#startPage .litTempWebTopMenu
{
    width: 960px;
}

body#startPage #flash
{
    min-width: 940px;
}

body#startPage #contentHolder
{
    width: 1010px;
}