/* SBJ [cms v4.2]

RECOMMENDED ORDER
1. html classes [includes body, form ... ]
2. text classes [includes p & h1 & h2]
3. header classes
4. body classes
5. footer classes
6. nav: top
7. nav: left
8. components 
9. functions: site [i.e rel links, slideshow]
10. functions: page [i.e directory]
11. error msgs
12. admin bar

*/

/* CMS ONES FROM MASTER */

/* text */

/* components */

/* generic - shared by all */
.container-1 { clear: both;}
.img-preview {}
.icons-1 { margin-top: 0px; margin-bottom: 4px;}

.image_preview {float: left; margin: 0px 10px 10px 0px; padding: 0px; border: 1px solid #4F004F;  background-color: #FFF;}
.image_body {float: left; margin: 0px 14px 14px 0px; padding: 6px; background-color: #FFF;}

/* functions: site  */

/* membership */
.tbl-login {margin: 0px; padding: 0px;} 
.textfield-1 {margin-bottom: 2px;} 
.textarea-1  {margin-bottom: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; } 
.textfield-login-1 { width: 100px; border: 1px solid #000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #fff; }

/* slideshow */
#slideshow-wrapper-1 {} 
.slideshowImage {border: 3px solid #fff;}

/* function (5) : search  */
.textfield-dir-1 { width: 220px; border: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #D3E7D9; }

/* error msg */
#err-1 { margin-bottom: 10px; padding: 10px; border: 1px solid #990000; }

/* admin bar */
#ad-bar-1 { background-color: #000; clear: all; }
.ad-bar-text-1 { text-align: left; padding: 5px; margin: 0px; color: #fff; }
.ad-bar-text-1-link { text-decoration: underline; color: #fff; }





/* Norwegian Log specific stylesheet - REMOVE DUPLICATES ABOVE */

body {margin: 0px; padding: 0px 0px 30px 0px; font-family: arial, sans-serif; font-size: 0.70em; letter-spacing: 0.05em;}

hr {height: 1px; border: 0px; background-color: #fff; color: #fff; padding: 0px; margin: 0px 0px 4px 0px;}

h1 {font-size: 1.0em; font-weight: bold; margin: 0px; padding: 0px;}
h2 {font-size: 1.0em; font-weight: normal; margin: 0px; padding: 0px;}

sup {font-size: 0.7em;}

#theWrapper {width: 760px;}

#theHeader {}
#theTopNavBar {width: 736px; background-color: #E7E7DA;}

#theSearch {float: right;}

.searchForm {margin: 0px; padding: 0px; border: 0px;}
.textField {font-family: arial, sans-serif; font-size: 1.0em; border: 1px solid #6C4B13;}
.searchSubmit {background: #E7E7DA url(assets/icons/arrow.gif) no-repeat center center; border: 0px; height: 18px; width: 18px; margin: 0px 5px 0px 5px; cursor: pointer;}

#theTopNav {margin-left: 18px; border-left: 1px solid #fff; height: 24px;}

.topNavItem {float: left; line-height: 24px;}
.topNavItem a {padding: 5px 15px 5px 15px; color: #666666; text-decoration: none; }
.topNavItem a:hover {padding: 5px 15px 5px 15px; color: #4F004F; text-decoration: none;}

.topNavItemActive {float: left; line-height: 24px;}
.topNavItemActive a {padding: 5px 15px 5px 15px; background-color: #F7E2C1; color: #4F004F; text-decoration: none; font-weight: bold; }

.topNavItemDivider {float: left; width: 1px;}

#theLogo {margin-top: 28px; clear: both;}
#theStrapline {float: left; width: 430px;}

#theExtraNav {float: left; width: 306px; background-color: #E7E7DA;}

#theExtraNavRow1 {background-color: #E7E7DA;}

#theExtraNavRow2 {clear: both; height: 11px; background-color: #E7E7DA; border-top: 1px solid #fff;}

.extraNavItem {float: left; padding: 3px 12px 4px 9px; }
.extraNavItem a {color: #666666; text-decoration: none;}
.extraNavItem a:hover {color: #4F004F; text-decoration: none; }
.extraNavItem img {vertical-align: middle; margin-right: 5px; display: inline;}

.extraNavItemActive {float: left; padding: 3px 12px 4px 9px; background-color: #F7E2C1;}
.extraNavItemActive a {color: #4F004F; text-decoration: none; font-weight: bold;}
.extraNavItemActive img {vertical-align: middle; margin-right: 5px; display: inline;}

.extraNavItemDivider {float: left; width: 1px; background-color: #fff;}

#theContentArea {clear: both;}

#theLeftNav {float: left; width: 166px;}

/*.leftNavHeader {padding: 31px 5px 6px 18px; background-color: #E7E7DA; font-weight: bold;}  */
.leftNavHeader {padding: 31px 5px 6px 18px; font-weight: bold;}  /* expanded inline */
.leftNavHeader a {color: #4F004F; font-weight: bold; text-decoration: none;}

.leftNavHeaderActive {padding: 31px 5px 6px 18px; font-weight: bold;}  /* expanded inline */
.leftNavHeaderActive a {color: #4F004F; font-weight: bold; text-decoration: none;}

.leftNavItem {clear: both; padding: 5px 5px 6px 18px; background-color: #E7E7DA; border-top: 1px solid #fff;} /* expand inline */
.leftNavItem a {color: #666666; text-decoration: none;}
.leftNavItem a:hover {color: #4F004F; text-decoration: none; }

.leftNavItemPrefix {float: left;}
.leftNavItemTitle {float: left; letter-spacing: normal;}
.leftNavItemImage {float: right; width: 20px; text-align: right;}

/*.leftNavItemActive {clear: both; padding: 5px 5px 6px 18px; background-color: #F7E2C1; font-weight: bold; border-top: 1px solid #fff;} /* expand inline */
.leftNavItemActive {clear: both; padding: 5px 5px 6px 18px; background-color: #E7E7DA; font-weight: bold; border-top: 1px solid #fff;} /* expand inline */
.leftNavItemActive a {color: #4F004F; text-decoration: none; font-weight: bold;}


/*
#leftNavMessage {margin: 58px 18px 9px 9px; padding: 18px 4px 10px 8px; background-color: #E7E7DA; color: #666666;}
#leftNavMessage p {color: #666666; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#leftNavMessage a {color: #666666; text-decoration: none;}
#leftNavMessage a:hover {color: #4F004F; text-decoration: none; }
p.leftNavMessageHead {color: #666666; padding: 0px; margin: 0px; height: 24px; font-weight: bold;}
*/

#leftNavMessage {margin: 28px 18px 9px 9px; padding: 0px;}



#theContent {float: left; width: 591px; background: url(assets/content_bkgrnd.gif);}

#mainTwoColumnArea {clear: both;}

/*
#featureColumn {float: left; padding-left: 23px; padding-right: 23px;}
#featureColumn a {color: #75754D; text-decoration: none;}
#featureColumn a:hover {color: #4F004F; text-decoration: none;}

#featureContent {width: 118px;}
#featureContent p {margin: 0px; padding: 4px 6px 0px 6px; font-size: 1.0em; color: #75754D;}
*/

#featureColumn {float: left; padding-left: 23px; padding-right: 23px;}
#featureColumn a {color: #FCF4EB; text-decoration: none;}
#featureColumn a:hover {color: #FCF4EB; text-decoration: none;}

#featureContent {width: 118px;}
#featureContent p {margin: 0px; padding: 4px 6px 0px 6px; font-size: 1.0em; color: #FCF4EB;}

.featureBoxHeading {background-color: #CAB2CA; border-bottom: 1px solid #fff;}
.featureBoxHeading h1 {color: #4F004F; padding: 5px 6px 5px 6px; font-size: 1.0em; font-weight: bold; }
.featureBoxImage { border-bottom: 1px solid #fff;}
.featureBoxText {padding: 6px 0px 6px 0px;}
.featureBoxText img {float: right; vertical-align: middle; margin-right: 5px;}
.featureBoxText a {color: #75754D; font-weight: bold; text-decoration: none;}

.slideshow {margin: 0px; padding: 0px 4px 4px 4px; font-size: 1.0em; color: #75754D;}
.slideshow img {vertical-align: middle; margin-right: 5px;}
.slideshow a {color: #75754D; font-weight: bold; text-decoration: none;}

.pricelist {margin: 0px; padding: 4px 4px 4px 4px; font-size: 1.0em; color: #009900; border-bottom: 1px solid #FFFFFF;}
.pricelist img {vertical-align: middle; margin-right: 0px;}
.pricelist a {color: #009900; font-weight: bold; text-decoration: none;}


#mainColumn {float: left; width: 406px;}

#largeMainImage {} /* expanded inline */ 
#normalMainImage {} /* expanded inline */

#normalMainImageText {width: 406px; background-color: #FCF2E4; border-top: 1px solid #fff;}
#normalMainImageText p {padding: 5px 5px 5px 11px; margin: 0px;}

.titleArea {float: right; width: 406px; border-bottom: 1px solid #fff; color: #fff;} /* expand inline */
.titleArea h1, h2 {padding: 5px 5px 5px 11px;}

.titleArea2 {float: right; width: 406px; border-bottom: 1px solid #fff; color: #fff;} /* expand inline */
.titleArea2 h1, h2 {padding: 5px 5px 5px 11px;}

#mainContent {clear: both; width: 406px; padding-top: 20px;}
#mainContent h2 {padding: 4px 8px 8px 8px; font-weight: bold; margin: 0px;}
#mainContent p {padding: 0px 8px 8px 8px; margin: 0px;}
#mainContent a {color: #000; text-decoration: none;}
#mainContent a:hover {color: #4F004F; text-decoration: none;}

.mainContent_PreviewItem {clear: both; width: 406px; padding-bottom: 4px;}
.mainContent_PreviewItem h2 {padding: 4px 8px 8px 8px; font-weight: bold; margin: 0px;}
.mainContent_PreviewItem p {padding: 0px 8px 8px 8px; margin: 0px;}
.mainContent_PreviewItem a {color: #000; text-decoration: none;}
.mainContent_PreviewItem a:hover {color: #4F004F; text-decoration: none;}

.homeImageLeft {float: left; width: 202px; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
.homeImageRight {float: left; width: 203px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.homeTextLeft {float: left; width: 202px; border-right: 1px solid #fff;}
.homeTextRight {float: left; width: 203px;}

.homeTextLeft h3 {padding: 8px 8px 8px 8px; margin: 0px; font-size: 1.0em;}
.homeTextLeft h3 img {float: right;}
.homeTextLeft h3 a {color: #4F004F; text-decoration: none;}
.homeTextRight h3 {padding: 8px 8px 8px 8px; margin: 0px; font-size: 1.0em;}
.homeTextRight h3 img {float: right;}
.homeTextRight h3 a {color: #4F004F; text-decoration: none;}

.homeTextLeft p {margin: 0px;}
.homeTextRight p {margin: 0px;}

.caseStudyWrapper {height: 120px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-bottom: 20px;}
.caseStudyImage {float: left; width: 220px; border-right: 1px solid #fff;}
.caseStudyText {float: left; width: 160px; margin: 0px; padding: 10px; font-weight: bold; color: #4F004F;}

#theFooter {width: 591px; clear: both;}

#footerLeftColumn {float: left; padding-left: 23px; padding-right: 23px;}
.footerLeftContent {width: 118px; border-top: 1px solid #fff;}
.footerLeftContentItem {padding: 8px 4px 10px 4px;}
.footerLeftContentItem a {color: #75754D; text-decoration: none;}
.footerLeftContentItem img {vertical-align: middle; margin-right: 5px;}

#footerRightColumn {float: left; width: 406px; border-top: 1px solid #fff;}
#footerRightColumnRow1 {height: 32px;}
.footerRow1Item {float: left; padding: 8px 4px 4px 8px; color: #4F004F; font-size: 1.1em; font-weight: bold; }
.footerRow1Item a {color: #4F004F; text-decoration: none;}
.footerRow1Item img {vertical-align: middle; margin-right: 5px;}
#footerRightColumnRow2 {height: 22px; color: #75754D; font-size: 0.9em; border-top: 1px solid #fff;}
.footerRow2Item {float: left; padding: 4px 4px 10px 8px;}
.footerRow2Item a {color: #75754D; text-decoration: none;}