/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small;}
BODY{COLOR:#4d4d4d; FONT-FAMILY:Arial,Verdana,Helvetica; MARGIN-LEFT:0px; MARGIN-TOP:0px; }
A:link, A:active, A:hover, A:visited{COLOR: #a4ce39; font-size: 110%; text-decoration: none;}
.BodyColor{background-color: #e6e6e6; background-image: url(../Images/background_gradient.jpg); background-position: left top; background-repeat:repeat-x;}
P{LINE-HEIGHT: 1.4em; MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:5px; MARGIN-LEFT:20px;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
img{border: none;}
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-SIZE:350%; FONT-WEIGHT:normal; MARGIN-BOTTOM:6px; MARGIN-TOP:2px;}
.H2header{FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px;}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:294%; FONT-WEIGHT:normal; MARGIN-BOTTOM:6px; MARGIN-TOP:2px; FONT-FAMILY:Helvetica,Arial,Verdana;}
h2{FONT-SIZE:134%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h3{FONT-SIZE:100%; FONT-WEIGHT:bold; MARGIN-BOTTOM:0px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}
/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody {background-color: #ffffff; background-image: url(Images/WebBodyRepeat.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebBodyStart {background-color: #ffffff; background-image: url(Images/WebBodyRepeatFullWidth.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; height: 100%; min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebMain {position: absolute; top: 0px; min-height: 100%; height:auto; width:100%;}
.WebMainContainer {height:auto; margin-bottom: 72px;}
.WebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.WebTopContainer {height: 100px;}
.WebHeaderContainer {background-image: url(Images/WebHeader.gif); background-repeat: no-repeat; background-position:center;}
.WebHeader {width: 723px; height: 100px; margin:auto; padding-left:37px;}
.WebHeaderLogo {float:left; margin-top:15px;}
.WebHeaderLoginPrint {float:right; font-size:110%; width:auto; margin-right: 37px; margin-top:34px; border:none; color:white!important;}
.WebHeaderLoginPrint a {color:white!important;}
.WebHeaderMenuContainer {position: absolute; top: 71px; width:686px;}
.WebHeaderTopMenu {float:left; font-size:110%; width:490px;}
.WebHeaderSearch {float:right; margin-top:4px;}
.WebTopMenu {color:#666666!important; height:28px;}
.WebTopMenuItem {padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px!important;}
.WebTopMenuItemSelected {background-image: url(Images/WebTopMenu.gif); background-repeat: repeat-x; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px!important;}
.WebMiddleContainer {height: auto; width: 100%; text-align:center;}
.WebContent {height: auto; width: 686px; margin:auto; padding:0px; text-align:left; padding-left:37px; padding-right:37px; padding-top:20px;}
.WebContentLeft {float: left; width: 166px; height: 100%; margin-top:10px;}
.WebContentRight {float: right; width:462px;}
.WebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 52px;}
.WebFooterContainer {background-image: url(Images/WebFooter.gif); background-repeat: no-repeat; background-position:center;}
.WebFooter {padding-top:10px; height: 42px; width: 686px; margin:auto; padding-left:37px; padding-right:37px; text-align: left; color:white; font-size:110%;}
.WebFooterText {float:left;}
.WebFooterText div{margin-bottom:5px;}
.WebFooterText a{color:white!important;}
.WebClear {clear:both;}
.WebSearchField {font-size:110%; color:#666666; width:100px; font-family:Verdana,Arial,Helvetica;}
.WebSearchButton {font-size:110%; color:#666666; width:auto; font-family:Verdana,Arial,Helvetica;}
.StudioLogotype {background-image: url(Images/StudioLogotype.gif); background-repeat:no-repeat;}
.StudioExpressLogotype {background-image: url(Images/StudioExpressLogotype.gif); background-repeat:no-repeat;}
.WebLeftMenu ul{margin:0px; padding:0px;}
.WebLeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.WebLeftMenu a{padding:3px; margin-left:1px; line-height:14px;}
.WebLeftMenuSelected {margin-left:0px!important; border:1px solid #C4C4C4; background-color:#F0F0F0;}
.WebLeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5{margin-top:1px!important; line-height:110%;}
/*************************************************************************************
This site
**************************************************************************************/
/***Framework***/
.BodyContainer{width: 950px; margin: 0px auto 0px auto; padding-top: 29px;}
.HeaderContainer{height: 85px; background-image: url(../Images/header3BG.gif); background-position: left top; background-repeat: no-repeat;}
.HeaderGlobalArea{height: 23px; padding: 6px 14px 0px 0px;}
*+html .HeaderGlobalArea{padding: 6px 15px 0px 0px;}
.HeaderGlobalAreaInner{height: 16px; float: right; padding-right: 35px;}
.HeaderGlobalAreaInner a{font-weight: bold!important; color: #ffffff!important; text-decoration: none!important;}
.HeaderSweDenArea{height: 16px; width: 80px; float: right; }
.HeaderSweDenArea a{font-weight: bold!important; color: #4d4d4d!important; text-decoration: none!important;}
.HeaderFlag{float: left; width: 21px;}
.HeaderCountry{float: left; font-size: 110%; font-weight: bold!important; color: #4d4d4d!important;}
.HeaderBottomArea{padding: 16px 13px 0px 15px;}
.LogoArea{float:left; width: 210px;}
.TopMenuArea{float:left; width: 510px; padding: 4px 0px 0px 40px;}
.TopSearchContainerInner{position: relative;}
.SearchArea{float:right; height: 25px; width: 143px; padding: 4px 0px 0px 0px; background-image: url(../Images/searchBG.gif); background-position: left 5px; background-repeat: no-repeat;}
/*.SearchArea span{position: relative;}*/
.SearchField{position:absolute; top: 2px; left: 0px; width: 114px; font-family: Arial, Verdana; color: #686868; font-size: 100%; background: transparent; border: none; }
/**+html .SearchField {width: 84px;}*/
.SearchButton{position:absolute; top: 0px; left: 123px;}
.SubMenuNoMenuContainer{height: 16px; background-color: #99cc00; background-image: url(../Images/menuBottomStartBG.gif); background-position: left bottom; background-repeat: no-repeat;}
.SubMenuContainer{height: 32px; padding: 0px 14px 0px 9px; background-image: url(../Images/menuBottomBG.gif); background-position: left bottom; background-repeat: no-repeat;}
.SubMenuMenuArea{float:left; width: 800px;}
.SubMenuFavouriteArea{float:right; width: 110px; text-align: right; color: #ffffff; font-size: 120%; padding-top: 4px;}
.SubMenuFavouriteArea a{color: #ffffff!important; font-size: 101%!important; font-weight:bold;}
.MainContainer{padding: 7px 15px 0px 14px; min-height: 400px; _height: 400px; background-color: #ffffff; border-bottom: solid 1px #ffffff;}
.LeftMenuArea{float: left; width: 179px;}
.ContentArea{float: right; width: 730px;}
.ContentAreaLeft{float:left; width: 400px;}
.ContentAreaLeftWide{float:left; width: 590px;}
.ContentAreaRight{float:right; width: 264px; padding-top: 21px;}
.ContentAreaRightPuff{padding-top: 15px;}
.ContentAreaRightText{padding-left: 9px;}
.MainContainerWide{padding: 7px 15px 0px 15px; min-height: 400px; _height: 400px; background-color: #ffffff;}
.MainContainerProduct{padding: 7px 5px 0px 14px; min-height: 400px; _height: 400px; background-color: #ffffff; border-bottom: solid 1px #ffffff;}
.ContentAreaProduct{float: right; width: 741px;}
.FooterContainer{padding-bottom: 6px; background-image: url(../Images/footerBottomBG.gif); background-position: left bottom; background-repeat: no-repeat;}
.FooterContainer a{color: #4d4d4d!important; text-decoration: none!important;}
.FooterContainerInner{padding: 18px 15px 0px 15px; background-color: #ffffff; border-bottom: solid 1px #ffffff;}
.FooterLinks{float: left; width: 325px; font-size: 92%;}
.FooterCopyRight{float: right; width: 575px; text-align: right; color: #4d4d4d;}
.FooterHidden{visibility: hidden;}
/***General***/
.ErrorMessage{color: #ed1c24!important; font-size: 110%; font-weight: bold;}
.ErrorMessage span{color: #ed1c24!important;}
.ErrorMessageSmallSize{color: #ed1c24!important; font-size: 93%!important; font-weight: bold;}
.ErrorMessageSmallSize span{color: #ed1c24!important;}
.ButtonBack{padding: 15px 0px 15px 0px;}
.ButtonBack a{padding-left: 19px; background-image: url(../Images/arrow_green_back.gif); background-position: left top; background-repeat: no-repeat;}
/***News list***/
.NewsListNewsLetterInfo{padding-bottom: 10px;}
.NewsListNewsLetterList{padding-bottom: 0px;}
.NewsListNewsLetterEmail{padding-bottom: 2px;}
/***Contact form***/
.ContactFormText{font-size: 120%; border-bottom: solid 1px #cccccc; padding-bottom: 22px; margin-bottom: 15px;}
.ContactFormText a{font-size: 93%!important;}
.ContactFormText input{font-size: 100%;}
.ContactFormText select{font-size: 100%;}
/***Shop***/
.ShopCalendarDate{font-size: 93%;}
.ShopCalendarDescription{padding-bottom: 8px;}
.ShopCalendarDescription a{font-size: 120%!important; font-weight: bold;}
.ShopCalendarFooter{height: 10px;}
.ShopCalendarInfo{padding-bottom: 15px;}
.ShopCalendarInfo a{font-size: 100%!important; font-weight: bold;}
/***AdvancedSearchBodyShop***/
.ViewAll {COLOR: #a4ce39; font-size: 110%; text-decoration: none; cursor: pointer; font-weight: bold;}
/***Customer club***/
.CustomerClubLogInArea{background-color: #002F24; padding: 10px; width:153px;}
.CustomerClubLogInText{color: #ffffff; font-size: 110%;}
.CustomerClubLogInPassword{float:left; width: 122px; /*border: solid 1px;*/}
.CustomerClubLogInButton{float:right; width: 22px; /*border: solid 1px;*/}
.CustomerClubLogInGetPassword{color: #ffffff; padding-top: 5px;}
.CustomerClubLogInGetPassword a{color: #ffffff!important;}
/*************************************************************************************
Top menu
*************************************************************************************/
.TopMenuItemStart{float:left; padding-right: 17px; font-size: 138%;}
.TopMenuItemStart a{color: #4d4d4d!important; text-decoration: none!important;}
.TopMenuItemSelectedStart{float:left; padding-right: 17px; font-size: 138%;}
.TopMenuItemSelectedStart a{color: #74bf02!important; text-decoration: none!important;}
.TopMenuItem{float:left; padding-right: 18px; font-size: 138%;}
.TopMenuItem a{color: #4d4d4d!important; text-decoration: none!important;}
.TopMenuItemSelected{float:left; padding-right: 18px; font-size: 138%;}
.TopMenuItemSelected a{color: #74bf02!important; text-decoration: none!important;}
/*************************************************************************************
Sub menu - products
*************************************************************************************/
.SubMenuItem{float:left; height: 21px; padding: 4px 8px 0px 5px;/*29px;*/ font-size: 110%; font-weight: bold; background-image: url(../Images/subMenuItemBG.gif); background-position: right top; background-repeat: no-repeat;}
.SubMenuItem a{color: #ffffff!important; text-decoration: none!important;}
.SubMenuItemSelected{float:left; height: 21px; padding: 4px 8px 0px 5px;/*29px;*/ font-size: 110%; font-weight: bold; background-image: url(../Images/subMenuItemBG.gif); background-position: right top; background-repeat: no-repeat;}
.SubMenuItemSelected a{color: #4d4d4d!important; text-decoration: none!important;}
/*************************************************************************************
Left menu
*************************************************************************************/
.LeftMenuAreaTop{width: 179px; height: 5px; font-size: 1%; background-image: url(../Images/leftMenuTopBG.gif); background-position: left top; background-repeat: no-repeat;}
.LeftMenuAreaBottom{width: 179px; height: 22px; background-image: url(../Images/leftMenuBottomBG.gif); background-position: left bottom; background-repeat: no-repeat;}
.LeftMenuAreaMiddle{width: 175px; padding: 0px 3px 0px 1px; background-image: url(../Images/leftMenuMiddleBG.gif); background-position: left top; background-repeat: repeat-y;}
.LeftMenuLevelOneItem{width: 151px; overflow: hidden; border-bottom: solid 1px #d5d5d5; padding: 10px 12px 14px 12px; font-size: 292%; color: #74bf02;}
.LeftMenuLevelOneItem a{color: #74bf02!important; text-decoration: none!important;}
.LeftMenuTopItem{padding: 4px 11px 5px 11px; border-bottom: solid 1px #d5d5d5;}
.LeftMenuTopItem a{color: #4d4d4d!important;}
.LeftMenuTopItemSelected{padding: 4px 11px 5px 11px; border-bottom: solid 1px #d5d5d5; background-color: #74bf02;}
.LeftMenuTopItemSelected a{color: #ffffff!important;}
.LeftMenuTopItemContainer{border-bottom: solid 1px #d5d5d5; padding-bottom: 5px;}
.LeftMenuItem1{padding: 4px 11px 0px 22px;}
.LeftMenuItem1 a{color: #4d4d4d!important;}
.LeftMenuItemSelected1{padding: 4px 11px 0px 22px;}
.LeftMenuItemSelected1 a{color: #74bf02!important;}
.LeftMenuItem2{padding: 4px 11px 0px 33px;}
.LeftMenuItem2 a{color: #4d4d4d!important;}
.LeftMenuItemSelected2{padding: 4px 11px 0px 33px;}
.LeftMenuItemSelected2 a{color: #74bf02!important;}
/*************************************************************************************
Product tab menu
*************************************************************************************/
.PCProductNav {
width: 100%;
height: 27px;
margin: 0 0 0 1px;
background-image: url(../Images/productMenuBottomBG.gif); background-position: left bottom; background-repeat: no-repeat;
}
.PCProductNav ul {
margin: 0px;
padding: 0px;
}
.PCProductNav li {
display: inline;
float: left;
list-style: none;
margin: 0;
}
.PCProductNav a{
font-size: 140% !important;
color: #ffffff!important;
}
.PCProductNav a {
display: inline;
float: left;
margin: 0;
height: 19px;
padding: 1px 17px 0px 17px;
cursor: pointer;
}
#PCProductInfoSectionNav li.selected {
background: url(../Images/productNav_selectedBack.gif) no-repeat left top;
cursor: default;
}
#PCProductInfoSectionNav li.selected a {
background: url(../Images/productNav_selectedFront.gif) no-repeat right top;
cursor: default;
font-size: 140% !important;
color: #ffffff!important;
}
#PCProductInfoSectionNav li.selected a,
#PCProductInfoSectionNav li.selected a:hover {
text-decoration: none;
font-size: 140% !important;
color: #ffffff!important;
}
#tab1{
background: url(../Images/productNav_BackTab1.gif) no-repeat left top;
}
#tab1 a {
background: url(../Images/productNav_FrontTab1.gif) no-repeat right top;
}
#tab2{
background: url(../Images/productNav_BackTab2.gif) no-repeat left top;
}
#tab2 a {
background: url(../Images/productNav_FrontTab2.gif) no-repeat right top;
}
#tab3{
background: url(../Images/productNav_BackTab3.gif) no-repeat left top;
}
#tab3 a {
background: url(../Images/productNav_FrontTab3.gif) no-repeat right top;
}
#tab4{
background: url(../Images/productNav_BackTab4.gif) no-repeat left top;
}
#tab4 a {
background: url(../Images/productNav_FrontTab4.gif) no-repeat right top;
}
.PCProductInfoSection{padding-top: 10px; display: none;}
/*************************************************************************************
Favourites tab menu
*************************************************************************************/
.PCFavoritesNav {
width: 100%;
height: 27px;
margin: 0 0 0 1px;
background-image: url(../Images/favouritesMenuBottomBG.gif); background-position: left bottom; background-repeat: no-repeat;
}
.PCFavoritesNav ul {
margin: 0px 0px 0px 1px;
padding: 0px;
}
.PCFavoritesNav li {
display: inline;
float: left;
list-style: none;
margin: 0;
}
.PCFavoritesNav a{
font-size: 140% !important;
color: #ffffff!important;
}
.PCFavoritesNav a {
display: inline;
float: left;
margin: 0;
height: 19px;
padding: 1px 17px 0px 17px;
cursor: pointer;
}
#PCProductFavoritesSectionNav li.selected {
background: url(../Images/favouritesNav_selectedBack.gif) no-repeat left top;
cursor: default;
}
#PCProductFavoritesSectionNav li.selected a {
background: url(../Images/favouritesNav_selectedFront.gif) no-repeat right top;
cursor: default;
font-size: 140% !important;
color: #ffffff!important;
}
#PCProductFavoritesSectionNav li.selected a,
#PCProductFavoritesSectionNav li.selected a:hover {
text-decoration: none;
font-size: 140% !important;
color: #ffffff!important;
}
#favTab1{
background: url(../Images/productNav_BackTab3.gif) no-repeat left top;
}
#favTab1 a {
background: url(../Images/productNav_FrontTab3.gif) no-repeat right top;
}
#favTab2{
background: url(../Images/productNav_BackTab4.gif) no-repeat left top;
}
#favTab2 a {
background: url(../Images/productNav_FrontTab4.gif) no-repeat right top;
}
.PCProductFavoritesContainter{
/*padding-top: 7px;*/
background-image: url(../Images/favouritesNav_background2.gif);
background-position: 1px 26px;
background-repeat: no-repeat;
}
/**+html .PCProductFavoritesContainter{
background-position: left 26px;
}
* html .PCProductFavoritesContainter{
background-position: left 26px;
}*/
.PCProductFavoritesSection{padding-left: 1px; display: none;}
.PCProductFavoritesSectionsContainter{
position: relative;
height: 96px;
}
.PCProductFavoritesStepCarouselContainer{
width: 732px;
height:96px;
}
/** Step carousel **/
.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 1px solid navy;*/
overflow: scroll; /*leave this value alone*/
width: 650px/*280px*/;
height: 90px; /*Height should enough to fit largest content's height*/
margin: 0px auto 0px auto;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width: 200px;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 15px 15px 0px; /*margin around each panel*/
width: 60px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 60px;
/*border: solid 1px;*/
}
/** Step carousel wish list **/
.PCProductFavoritesStepCarouselContainerWishList{
width: 732px;
height:96px;
}
.stepcarouselWishList{
position: relative; /*leave this value alone*/
/*border: 1px solid navy;*/
overflow: scroll; /*leave this value alone*/
width: 650px/*280px*/;
height: 90px; /*Height should enough to fit largest content's height*/
margin: 0px auto 0px auto;
}
.stepcarouselWishList .beltWishList{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
width: 200px;
}
.stepcarouselWishList .panelWishList{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px 15px 15px 0px; /*margin around each panel*/
width: 60px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height: 60px;
/*border: solid 1px;*/
}
.stepcarouselLeftScroll{
position:absolute;
top: 11px;
left: 12px;
height: 67px;
width: 18px;
cursor: pointer;
cursor: hand;
background: url(../Images/stepCarousel_leftArrow.gif) no-repeat left top;
}
.stepcarouselRightScroll{
position:absolute;
top: 11px;
left: 703px;
height: 67px;
width: 19px;
cursor: pointer;
cursor: hand;
background: url(../Images/stepCarousel_rightArrow.gif) no-repeat left top;
}
/*************************************************************************************
User controls
*************************************************************************************/
.PrintAndTipContainer{margin-top: 10px; padding: 3px 9px 3px 0px;}
.PrintAndTipContainer a{color: #4d4d4d!important;}
.Print{float: left; padding: 0px 21px 0px 17px; background-image: url(../Images/printer.gif); background-position: left top; background-repeat: no-repeat;}
.TipAFriend{float: left; padding-left: 19px; background-image: url(../Images/tipAFriend.gif); background-position: left top; background-repeat: no-repeat;}
/*************************************************************************************
Product catalog
*************************************************************************************/
.ProductGroupNoListContainer{padding: 0px 10px 0px 1px;}
.ProductListItem{float: left; width: 179px; height: 209px; margin-top: 5px; background-image: url(../Images/productListItemBG.gif); background-position: left top; background-repeat: no-repeat;}
.ProductListItemImage{width: 174px; height: 147px; padding: 3px 0px 0px 1px; text-align: center;}
.ProductListItemInfo{}
.ProductListProductName{height: 21px; padding: 8px 13px 8px 11px;}
.ProductListProductName a{color: #4d4d4d!important; font-weight: bold;}
* html .ProductListProductName {height: 29px; padding: 4px 13px 0px 11px;}
.ProductListProductNameProduct{height: 21px; padding: 8px 13px 8px 11px;}
* html .ProductListProductNameProduct {height: 29px; padding: 4px 13px 0px 11px;}
.ProductListProductNameProduct a{font-size: 93%!important; color: #4d4d4d!important; font-weight: bold;}
.ProductListProductPriceDetails{padding: 0px 13px 0px 11px;}
.ProductListProductPrice{float: left; width: 50px; font-size: 110%; font-weight: bold;}
.ProductListProductDetails{float: right; width: 101px; text-align: right;}
.ProductListProductDetails a{color: #74bf02!important; font-weight: bold; padding-right: 19px; background-image: url(../Images/arrow_green.gif); background-position: right top; background-repeat: no-repeat;}
.ProductListItemSeparator{float:left; width: 6px;}
.PCProductInfoTop{padding: 7px 7px 0px 0px;}
.PCProductInfoLeft{float:left; width: 548px; background-image: url(../Images/productLeftBoxMiddle.gif); background-position: left top; background-repeat: repeat-y;}
.PCProductInfoLeftTop{min-height: 4px; _height: 4px; padding: 1px 3px 0px 1px; background-image: url(../Images/productLeftBoxTop.gif); background-position: left top; background-repeat: no-repeat;}
.PCProductInfoProductImage{float: left; min-height: 280px; _height: 280px; width: 289px; padding: 12px 0px 12px 0px; text-align: center;}
.PCProductInfoProductImageRight{float: right; width: 225px; padding: 21px 13px 0px 0px;}
.PCProductInfoRecomendedImage{padding-bottom: 12px;}
.PCProductInfoProductDescription{padding-bottom: 23px;}
.PCProductThumbnailBox{float:left; padding: 0px 6px 5px 0px;}
.PCProductThumbnailMiddle{width: 64px; background-image: url(../Images/productThumbnailBoxMiddle.gif); background-position: left top; background-repeat: repeat-y;}
.PCProductThumbnailTop{min-height: 5px; _height: 5px; background-image: url(../Images/productThumbnailBoxTop.gif); background-position: left top; background-repeat: no-repeat;}
.PCProductThumbnailBottom{min-height: 8px; _height: 8px; padding: 1px 3px 7px 1px; background-image: url(../Images/productThumbnailBoxBottom.gif); background-position: left bottom; background-repeat: no-repeat;}
.PCProductThumbnail{cursor: pointer; cursor: hand;}
.PCProductInfoLeftSeparator{min-height: 3px; _height: 3px; padding: 16px 16px 8px 16px; background-image: url(../Images/productLeftBoxSeparator.gif); background-position: left top; background-repeat: no-repeat;}
.PCProductPrice{float:left; padding-right: 15px; font-size: 110%; font-weight: bold;}
.PCProductQuantity{float:left; padding-right: 15px; font-size: 110%; font-weight: bold;}
.PCProductWhishlist{float:right; padding: 0px 0px 0px 15px; font-weight: bold;}
.PCProductWhishlist a{color: #74bf02!important; padding-right: 19px; background-image: url(../Images/arrow_green.gif); background-position: right top; background-repeat: no-repeat;}
.PCProductInfoLeftBottom{min-height: 9px; _height: 9px; background-image: url(../Images/productLeftBoxBottom.gif); background-position: left bottom; background-repeat: no-repeat;}
.PCProductInfoBoxInner{min-height: 263px; _height: 263px; padding: 21px 21px 10px 21px;}
.PCProductInfoReadMoreImage{float:left; width: 256px;}
.PCProductInfoReadMoreTextContainer{float:right; width: 220px;}
.PCProductInfoReadMoreText{padding-bottom: 10px;}
.PCProductInfoReadMoreLink{padding-bottom: 20px;}
.PCProductInfoReadMoreLink a{color: #74BF02!important; font-size: 100%!important; font-weight: bold; padding-right: 19px; background-image: url(../Images/arrow_green.gif); background-position: right top; background-repeat: no-repeat;}
.PCProductInfoRightBox{float: right; width: 179px; }
.PCProductInfoRight{background-image: url(../Images/productRightBoxMiddle.gif); background-position: left top; background-repeat: repeat-y;}
.PCProductInfoRightTop{min-height: 4px; _height: 4px; background-image: url(../Images/productRightBoxTop.gif); background-position: left top; background-repeat: no-repeat;}
.PCProductInfoRightBottom{min-height: 9px; _height: 9px; padding: 7px 11px 7px 11px; background-image: url(../Images/productRightBoxBottom.gif); background-position: left bottom; background-repeat: no-repeat;}
.PCProductInfoPerfectPartnerImage{float: left; width: 70px;}
.PCProductInfoPerfectPartnerName{float: right; width: 87px; padding-top: 10px;}
.PCProductInfoPerfectPartnerName a{font-weight: bold; color: #4d4d4d!important;}
/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/
/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:140%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:120%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
/*.Text a{font-size: 93%!important;}*/
.Normal{FONT-SIZE:120%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}
.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:0px;}
.Form{}
.InputItem{FONT-SIZE:120%; MARGIN-BOTTOM:7px; COLOR:#4d4d4d; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:120%; MARGIN-BOTTOM:7px; WIDTH:300px; COLOR:#4d4d4d; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFullWidth{FONT-SIZE:120%; MARGIN-BOTTOM:7px; WIDTH:100%; COLOR:#4d4d4d; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:120%; MARGIN-BOTTOM:7px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#4d4d4d; FONT-FAMILY:Arial,Verdana,Helvetica;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}
.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}
.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}
.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}
.Fileheader{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; padding: 0px 0px 6px 1px; background-image: url(../Images/file_link_headerBG.gif); background-position: left bottom; background-repeat: no-repeat;}
.Fileitem{FONT-SIZE:100%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:3px; padding: 0px 0px 6px 1px; background-image: url(../Images/file_link_headerBG.gif); background-position: left bottom; background-repeat: no-repeat;}
.Linkitem{FONT-SIZE:100%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:93%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:120%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px; padding-bottom: 10px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px; padding-bottom: 10px;}
.BreadcrumbCurrent{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:#4d4d4d;}
A.BreadcrumbCurrent:link, A.BreadcrumbCurrent:active, A.BreadcrumbCurrent:hover, A.BreadcrumbCurrent:visited{COLOR:#4d4d4d!important;}
.BreadcrumbParent{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:#a4ce39;}
A.BreadcrumbParent:link, A.BreadcrumbParent:active, A.BreadcrumbParent:hover, A.BreadcrumbParent:visited{COLOR:#a4ce39!important;}
.BreadcrumbDelimiter{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:#d5d5d5;}
A.BreadcrumbDelimiter:link, A.BreadcrumbDelimiter:active, A.BreadcrumbDelimiter:hover, A.BreadcrumbDelimiter:visited{COLOR:#d5d5d5!important;}
/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}
/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#666666;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}
/** Startpage2.aspx ******************************************************************/
/*************************************************************************************/
.startpageiframe {border:0; margin:0; padding:0; width:100%; height:930px;}
/** StatyicPage.aspx ******************************************************************/
/*************************************************************************************/
.staticpageiframe {border:0; margin:0; padding:0; width:100%; height:930px;}