/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:x-small;}
BODY{COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica; LINE-HEIGHT: 1.6em; }
A:link, A:active, A:hover, A:visited{COLOR: #000000;}
P{ MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
HR {border: none; border-top: 1px solid #e6e6e6; height: 1px; margin-top: auto; margin-bottom: 10px; clear: both;}
table { width: 100%; border-collapse: collapse; }
th { text-align: center; }
td { padding: 3px; }
/** GLOBAL CLASSES FOR USE *****************************************************/
/*************************************************************************************/
/* Radio buttons in flow mode in one row */
.radio-button { margin: 8px 20px 8px 0; display: block; overflow: hidden; }
.radio-button * { display: block; float: left; }
.radio-button input { margin: 0; padding: 0; width: 14px; height: 14px; margin-right: 5px; }
.radio-button label { line-height: 15px; margin-right: 20px;}
/* Text fields with labels to the left */
.c-inputRow { overflow: hidden; margin: 0 0 8px 0; clear: both; }
.c-inputRow .text-area { margin: 0; float: right; }
.c-inputRow textarea { margin: 0; float: right; }
.c-inputRow label { float: left; padding: 3px 3px 0 0; width: 120px; }
.c-inputRow span { float: left; padding: 3px 3px 0 0; font-size: 18px; }
.c-inputRow input { clear: right; float: right; width: 180px; }
.contactForm .c-inputRow input { width: 180px;}
.c-inputRow select { clear: right; float: right; width: 110px; font-size: 10px; height: 22px;}
.c-inputRow table { clear: right; float: right; border: 1px solid #e6e6e6; }
.c_extraInputRow input { margin-top: 8px; }
/* Checkboxes */
.c-CheckBoxContainer { margin: 8px 20px 8px 0; overflow: hidden; }
/*.alternativeAddress { margin-top: 8px; overflow: hidden; }*/
.c-CheckBoxContainer * { display: block; float: left; }
.c-CheckBoxContainer input { margin: 0; padding: 0; width: 14px; height: 14px; margin-right: 5px; }
.c-CheckBoxContainer label { line-height: 15px; }
/* Customized dropdown box */
.ddn { background: #fff; border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; padding-bottom: 0; }
.ddn-con { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-SIZE:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
.H2header{FONT-SIZE:140%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:160%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h2{FONT-SIZE:130%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; FONT-FAMILY:Arial,Verdana,Helvetica;}
h3{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; 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) */
/*************************************************************************************/
body { margin: 25px 0 0 0px; padding: 0; background: #000 url(/Styles/Images/Framework/bodybg.png) no-repeat 50% 78px; }
body.cmsEditor { margin: 0; background: none; }
.WebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.WebMainContainer { overflow: visible; width: 1021px; margin:auto; }
.WebTopContainer { height: 172px;}
.WebContent { width: 1022px; height: auto; margin:auto; }
.WebContentLeft { width: 190px; margin:0 21px 0 0; float: left; }
.WebContentMain { float: right; background-color: #fff; padding: 10px; width: 791px; min-height:800px; height:auto !important; height:800px;}
.WebContentMiddle, .c-ProductContainer { width: 576px; padding: 0 12px 18px 12px; float: left; overflow: hidden; }
body.StartPage .WebContentMiddle,
body.ProductCatalogGroup .WebContentMiddle { width: 600px; padding: 0; }
body .FullWidth {
width: 100%;
}
/*.c-ProductContainer { padding: 0 0 18px 12px;}*/
.WebContentRight { width: 190px; float: right;}
.WebContentRight a.c-relatedBanner { display: block; }
.WebContentRight a.c-relatedBanner img { margin: 0 0 8px 0;}
.WebContentLeft #PaymentInfo h2 { font-size: 100%; color: #454444; margin: 30px 0 15px 0;}
.WebContentLeft #PaymentInfo #box { background-color: #fff; padding: 7px;}
.WebContentLeft #PaymentInfo #box p { margin: 0;}
#WebContentLeftNewsSubscription { padding: 0; float: left; height: 110px;width: 190px; overflow: hidden; position: relative;}
#WebContentLeftNewsSubscription .message { display: block !important; font-size: 110%; color: #fff !important; position: absolute; bottom: 0; left: 0; }
#WebContentLeftNewsSubscription .error { font-size: 110%; color: #efa818 !important; width: 190px; position: absolute; bottom: 0; left: 0; }
#WebContentLeftNewsSubscription label { margin: 0 0 5px 0; display: block; color: #999; font-size: 110%;}
#WebContentLeftNewsSubscription input.HeaderInputField { width: 150px; margin: 0; background:transparent url(/Styles/Images/Framework/emailinputbg.png) no-repeat 0 0; border:none; /*width:225px;*/ height:28px; color: #000; font-size: 110%; padding: 8px 20px 0 20px; }
#WebContentLeftNewsSubscription .largeButton { margin-top: 5px; float: right; }
#WebHeader { width: 1022px; margin:auto;}
#WebHeader .cornerbox { padding: 7px; background: #fff; height: 42px; }
#WebHeaderLogo { float: left; padding: 0 0 0 31px}
#WebHeaderLogo a { display: block; width: 140px; height: 161px; background: transparent url(/Styles/Images/Framework/logo.png) no-repeat 0 0;}
#WebHeaderContent { float: right; width: 810px; background: transparent url(/Styles/Images/Framework/headerbg.png) no-repeat 100% 0; }
#WebHeaderSearch, #WebHeaderNewsletter { padding: 0 0 0 30px; height: 120px; float: left;}
#WebHeaderSearch { width: 350px; }
#WebHeaderNewsletter { width: 400px; }
#WebHeaderNewsletter .message { display: block !important; font-size: 110%; color: #fff !important; }
#WebHeaderNewsletter .error { font-size: 110%; color: #efa818 !important; }
#WebHeaderCart { padding: 0 0 0 20px; height: 120px; float: left; }
#WebHeaderCart { width: 400px; }
#WebHeaderCart .message { display: block !important; font-size: 110%; color: #fff !important; }
#WebHeaderCart .error { font-size: 110%; color: #efa818 !important; }
#WebHeaderCart #PaymentInfo { float: left; overflow: hidden; }
#WebHeaderCart #PaymentInfo p { margin: 0; width: 160px; height: 42px;}
#WebShoppingCart { float: left; width: 174px; margin-right: 30px; position: relative; }
#WebShoppingCart h2 { background: url(/Styles/Images/Framework/boxHeaderCart.png) no-repeat left top; }
#WebShoppingCart .boxContent { padding-top: 7px; min-height: 30px; position: relative; font-size: 110%;}
#WebShoppingCart a.cartButton { font-size: 12px; color:#fff; text-decoration: none; min-width:56px; text-align:center; background: url(Images/Framework/cartButton.png) 50%; display: inline-block; height: 54px; line-height: 40px; position: absolute; bottom:-22px; right: 7px; }
#WebShoppingCart a.cartViewRows { font-size: 100%; color:#eba419; position: absolute; bottom:5px; }
#WebShoppingCart div.sum { width: 160px; overflow: hidden; padding-bottom: 26px;}
#WebShoppingCart span.orderTotalAmount { float: left; font-weight: bold; }
#WebShoppingCart span.orderProductCount { float: right; }
#WebShoppingCart p.freeShippingCountdown { color: #999; }
#WebHeader label { margin: 20px 0 5px 0; display: block; color: #999; font-size: 110%;}
#WebHeader .HeaderInputField { margin: 0 9px 0 0; background:transparent url(/Styles/Images/Framework/textinputbg.png) no-repeat 0 0; border:none; width:225px; height:28px; color: #000; font-size: 110%; padding: 8px 20px 0 20px; }
#WebHeader .WebSearchButton { vertical-align: top;}
#WebHeader .largeButton {vertical-align: top; margin-right: 20px;}
#WebHeaderMenu { margin: 0 2px 0 5px; border-top: solid 1px #3a3c47; padding: 18px 0 0 0;}
#WebHeaderMenu ul { float: left; margin: 0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none;}
#WebHeaderMenu ul li { display:inline; margin: 0 33px 0 0; font-size: 110%; }
#WebHeaderMenu ul li a { color: #999; text-decoration: none;}
#WebHeaderMenu ul li.selected a { color: #efa818; }
#WebHeaderMenu a.sitemap { float: right; margin: 0 33px 0 0; }
#WebFooterContainer { position: relative; float: right; width: 1022px; height: 45px; margin: 50px 0; background: transparent url(/Styles/Images/Framework/bottomline.png) repeat-x 0 28px; }
#WebFooter { padding: 5px 57px 0 0; color: #454444; position: absolute; right: 45px; height: 45px; background: transparent url(/Styles/Images/Framework/bottomlogo.png) no-repeat 100% 0; }
a.tipFriendLink { line-height:22px; background-image:url(Images/Framework/tipFriend.png); background-repeat:no-repeat; background-position:left center; padding-left:25px;}
a.printLink { line-height:25px; background-image:url(Images/Framework/print.png); background-repeat:no-repeat; background-position:left center; padding-left:33px;}
a.enlargeImageLink { float: right; display:block; margin-top:10px; line-height:23px; height:23px; background-image:url(Images/Framework/enlargeImage.png); background-repeat:no-repeat; background-position: left center; padding-left:28px;}
/*
.WebTopContainer {height: 147px; background-color:#fff;}
.WebHeaderContainer {background-image: url(Images/topfade.png); background-repeat:repeat-x; background-position:left 40px; }
.WebHeader {width: 982px; height: 215px; margin:auto;}
.WebHeaderLogo {float:left; margin-top:7px; margin-left:6px; border: none; }
.WebHeaderShoppingCart {float:left; width:369px; height:107px; font-size:110%; color:#000000!important; border-left:dotted 1px #000; margin-left:38px; margin-right:0px; padding:0px 10px 0px 10px;}
.WebHeaderLoginPrint {float:left; width:384px; height:107px; font-family:Arial,Helvetica,Verdana; font-size:110%; border:none; color:#000000!important; border-left:dotted 1px #000; padding:0px 0px 0px 15px;}
.WebHeaderLoginPrint a {color:#000000!important;}
.WebHeaderMenuContainer { height:47px; background-color:#fff; background-image:url(Images/mainMenuFade.png); background-repeat:repeat-x; background-position:left center;}
.WebHeaderTopMenu {padding-left:200px; font-size:110%; width: 782px; height:47px; padding-top:0px; margin-top:0px; margin:auto;}
.WebHeaderSearch {float:right;}
.WebTopMenu {color:#666666!important; height:28px;}
.WebTopMenuItem {float: left; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebTopMenuItemSelected {float: left; background-image: url(Images/WebTopMenu.gif); background-repeat: repeat-x; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebMiddleContainer {height: auto; width: 100%; text-align:center; border-top:solid 5px #fff; margin-bottom:141px;}
.WebContent {height: auto; width: 982px; margin:auto; padding:0px; text-align:left; padding-top:10px;}
.WebContentLeft {float: left; width: 190px; height: 100%; min-height:300px; margin-right:14px; display:block;}
.WebContentMiddle {float: left; width:584px; display:block; background-color:#fff; border:solid 1px #e6e6e6;}
.WebContentRight {float:right; width:182px; }
.WebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 115px; background-color:#000; border-top:solid 5px #fff;}
.WebFooterContainer {}
.WebFooter {padding-top:10px; height: 42px; width: 982px; margin:auto; padding-left:37px; padding-right:37px; text-align: left; color:white; font-size:110%;}
.WebFooterText {float:left; width: 982px;}
.WebFooterText div{margin-bottom:5px;}
.WebFooterText a{color:#999!important;}
.WebClear {clear:both;}
.WebSearchField { background-color:Transparent; border:none; font-size:11px; width:200px; height:23px; font-family:Verdana,Arial,Helvetica; padding-top:15px; margin-top:0px; padding-left:14px;}
.WebSearchButton { line-height:30px; width:32px; color:#fff; border:none; font-family:Arial,Helvetica,Verdana; font-size:12px; background-color:Transparent; font-family:Verdana,Arial,Helvetica;}
.AddressButton {font-size:110%; color:#666666; width:auto; margin-top:-1px; font-family:Arial,Verdana,Helvetica;}
.SubmitButton {font-size:110%; color:#666666; width:auto; margin-top:-1px; float:right; font-family:Arial,Verdana,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%;}
.DivPanel{width:365px;}
.DivAdsPanel{float:right; width: 80px;}
.side1 {
position:absolute;
width:150px;
top: 0px;
left:0px;
background-color: #FF6666;
}
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5{margin-top:1px!important; line-height:110%;}
.DivLabel {
float: left;
width:130px;
height:22px;
z-index:1;
}
.DivTextBox {
float: left;
width:330px;
height:22px;
z-index:2;
}
.DivTextBoxSmall {
float: left;
width:95px;
height:22px;
z-index:2;
}
.DivButtonSmall {
float: left;
width:110px;
height:22px;
z-index:2;
}
.DivContainer
{
height:10px;
}
*/
/*.WebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 115px;}*/
/*.WebMainContainer { background: #000 url(/Styles/Images/Framework/bg.png) no-repeat 0 0; }*/
/*************************************************************************************
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:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:110%;}
.Bold{FONT-SIZE:110%;FONT-WEIGHT:bold;}
.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:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
/*.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}*/
.InputItemFixedWidthSmall{FONT-SIZE:110%; WIDTH:80px; margin-left:5px; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidthCustomerType{FONT-SIZE:110%; margin-left:5px; WIDTH:220px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Arial,Verdana,Helvetica;}
.SelectItemFixedWidthCustomerTypeDropDown{FONT-SIZE:110%; margin-left:5px; WIDTH:225px; FONT-WEIGHT:bold; COLOR:#000000; 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;}
.ImageRightFloatSimple{FLOAT:RIGHT; MARGIN-TOP:2px; }
.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:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Fileitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{FONT-SIZE:110%; 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:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
/** 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%;}
/*------------------------------------------------------------------------------
Product catalog group
------------------------------------------------------------------------------*/
a img { border: 0;}
.c-ProductGroupImage { margin: 0 0 8px 0; }
.c-Product, .c-RelatedProduct {
margin: 0 7px 8px 0;
float: left;
background: transparent url(/Styles/Images/ProductList/product-bg-bottom.png) no-repeat left bottom;
}
.product-content
{
position: relative;
padding: 0 13px;
width:164px;
min-height:332px;
height:auto !important;
height:332px;
background: transparent url(/Styles/Images/ProductList/product-bg-top.png) no-repeat 0 0;
}
.price, .total { line-height: 2em; }
.firstRelatedProduct { background: none; }
.product-content h2 { font-family: Georgia, Arial, Verdana; font-weight: normal; font-size: 150%; }
.c-RelatedProduct .product-content h2 { color: #626364;}
.product-content a { text-decoration: none;}
.product-content .displayImage { height: 154px; text-align: center; }
.product-content .displayImage a { line-height: 154px; }
.product-content .displayImage a img { vertical-align: middle; }
.product-content .description, .c-Product .quantity { font-size: 110%; }
.product-content .quantity { font-weight: bold; position: absolute; bottom: 50px; }
.product-content .price,
.product-content .largeButton { position: absolute; bottom: 18px; }
.product-content .price { left: 13px; float: left; color: #6d6d6c; font-family: Georgia, Arial, Verdana; font-size: 180%; vertical-align: bottom; }
.product-content .largeButton { right: 13px; }
.product-content a.readMore { font-size: 110%; font-weight: bold; color: #eda618;}
.quantityTextBox { width: 42px; margin-left: 7px; border: solid 1px #7f9db9; }
/*------------------------------------------------------------------------------
Product catalog product
------------------------------------------------------------------------------*/
/*.c-ProductContainer { padding: 0 0 18px 12px;}*/
.c-ProductContainer .printLink { float: right; margin: 3px 14px 0 0;}
.c-ProductContainer .tipFriendLink { float: left; margin: 10px 0 0 0; }
.c-ProductContainer .productMain { background: transparent url(/Styles/Images/Framework/divider.png) repeat-y 286px 0; }
.c-ProductContainer h2 { font-family: Georgia, Arial, Verdana; font-weight: normal; font-size: 220%; color: #626364; line-height: 110%; }
.c-ProductContainer h4 { font-weight: normal; font-size: 110%; }
.c-ProductContainer .productImages { width: 270px; padding: 0 6px 0 12px; float: right; }
.c-ProductContainer .thumbnailsImages { height: 84px; float: left; }
.c-ProductContainer a.ProductPreviewImageLink {
margin: 15px 9px 9px 0;
display: block;
float: left;
text-align: center;
/*width: 80px;
height: 65px;*/
/*padding: 15px 9px 9px 0;*/
background: transparent url(/Styles/Images/Product/thumbnailbg.png) no-repeat 0 0;
}
.productimagecontainer { overflow: hidden; }
.c-ProductContainer .productDescription { position: relative; width: 272px; padding: 0 16px 50px 0; float: left; }
.c-ProductContainer .productDescription p,
.c-ProductContainer .productDescription label { font-size: 110%; }
.c-ProductContainer .productDescription label { font-weight: bold; }
.c-ProductContainer .productDescription .priceContainer { float: left; }
.c-ProductContainer .productDescription .largeButton { float: right; bottom: 0; right: 16px; }
.c-ProductContainer .productDescription .price { margin: 0 0 0 5px; color: #6d6d6c; font-family: Georgia, Arial, Verdana; font-size: 180%; line-height: 2em; }
.c-ProductContainer .partPayment
{
color: #EBA419; font-family: Georgia, Arial, Verdana; font-size: 220%; line-height: 2em;
text-decoration: none;
}
.c-ProductContainer .productDescription .stockLevel1,
.c-ProductContainer .productDescription .stockLevel2,
.c-ProductContainer .productDescription .stockLevel3 { display: block; font-size: 110%; font-weight: bold; color: #e29a1b;}
.c-ProductContainer #AdditionalInformationTabs { margin: 32px 0 16px 0; }
/*h2.c-RightHeader { padding: 0 0 0 20px; height:42px; line-height:42px; margin: 0; background: url(/Styles/Images/Framework/boxHeaderRelated.png) no-repeat left top; font-size: 170%; font-weight: normal; color: #fff; }*/
h2.c-RightHeader { padding: 0 0 0 15px; height:24px; line-height:21px; margin: 0; background: url(/Styles/Images/Framework/boxHeader.png) no-repeat left top; font-size: 110%; font-weight: normal; color: #fff; }
/*------------------------------------------------------------------------------
Breadcrumbs
------------------------------------------------------------------------------*/
.c-BreadCrumbs { margin: 0 3px 0 3px; padding:8px 16px 16px;}
.c-ProductContainer .c-BreadCrumbs { padding-left: 0;}
.c-BreadCrumbs a { color: #999; font-size:110%; }
.c-BreadCrumbs span.c-BreadCrumbDelimiter { margin:0 11px;}
.c-BreadCrumbs a.c-BreadCrumbCurrent { color: #000; text-decoration:none!important; font-weight:bold;}
/*------------------------------------------------------------------------------
Box with header
------------------------------------------------------------------------------*/
.boxWithHeader h2 { padding: 0 0 0 15px; height:24px; line-height:21px; margin: 0; background: url(/Styles/Images/Framework/boxHeader.png) no-repeat left top; font-size: 110%; font-weight: normal; color: #fff; }
.boxWithHeader h2 a {padding: 0; color: #fff!important; text-decoration: none; display: block;}
.boxWithHeader { padding: 0 0 7px 0; margin: 0 0 14px 0; background: url(/Styles/Images/Framework/boxBottom.png) no-repeat left bottom; }
.boxWithHeader .boxContent { margin: 0 1px; padding: 5px 15px 0 15px; background-color:#fff; }
.boxWithHeader .boxContent p { margin-bottom: 0; }
/*------------------------------------------------------------------------------
Shopping cart
------------------------------------------------------------------------------*/
.litCartMainArea { overflow: hidden; }
.totalOrderSum { overflow: hidden; }
.deliveryCost { overflow: hidden; }
.administrationCost { overflow: hidden; }
.totalSum { color: #eaa728; font-size: 13px; overflow: hidden; }
.VAT { overflow: hidden; }
.orderTotalCampaignDiscount { overflow: hidden; }
.shoppingCartTable { width: 99.9%; margin-bottom: 30px; }
.shoppingCartTable th { border-bottom: 1px solid #e6e6e6; text-align: left; vertical-align: top; white-space: nowrap; }
.shoppingCartTable td { text-align: left; vertical-align: top; }
.shoppingCartTable tbody { border: 1px solid #e6e6e6; }
.shoppingCartTable th { padding: 0px 10px; }
.shoppingCartTable td { padding: 10px; }
.shoppingCartTable caption { padding: 0 0 .5em 0; text-align: left; font-weight: bold; text-transform: uppercase; color: #333; background: transparent; }
.shoppingCartTable thead th { white-space: nowrap; }
.shoppingCartTable tbody td { border-bottom: 1px solid #e6e6e6; }
.shoppingCartTable tbody tr:hover { background:#fafafa; }
.shoppingCartTable td.image { text-align: center; }
.shoppingCartTable .product { width: 40%; }
.shoppingCartTable td.price, .shoppingCartTable td.total { text-align: right; }
.shoppingCartTable .quantity input { width: 35px; text-align: right; }
.shoppingCartTable .remove input { border: none; background: none; color: #000; display: inline; background-image: url(/Styles/Images/Framework/removeProductButton.png); width: 16px; height: 16px; font-size: 1px; padding-top: 8px; }
.shoppingCartTable .remove input:hover { cursor: pointer; }
.litCartRight { font-size: 11px; font-weight: bold; margin-right: 100px; margin-top: 10px; width: 200px; float: right; overflow: hidden; }
.litCartRight label { color: #999; white-space: nowrap; }
.litCartRight span { white-space: nowrap; }
.shoppingCartTable input.litCartUpdateButton {
border: none;
background: none;
color: #000;
display: inline;
background-image: url(/Styles/Images/Framework/update.png);
width: 20px;
height: 20px;
font-size: 1px;
padding-top: 4px;
margin-left: 4px;
}
.shoppingCartTable input.litCartUpdateButton:hover { cursor: pointer; }
.litCheckOutFooterTemplate { overflow: hidden; margin-bottom: 30px; }
/*------------------------------------------------------------------------------
Checkout
------------------------------------------------------------------------------*/
.WebMiddleContainer { position: relative; }
.ShoppingCart #readMore { margin-bottom: 20px; }
.CheckOutOneStep1 {
background-color: #FFF;
/*border: 1px solid #E6E6E6;*/
display: block;
float: left;
padding: 10px 22px 22px 22px;
width: 766px;
}
.CheckOutOneStep1 .c-CheckOutHeader {
color: #e8a119;
font-size: 17px;
height:31px;
line-height:31px;
}
.c-checkoutCart { width: 99.9%; margin-bottom: 30px; }
.c-checkoutCart th, .c-checkoutCart td { text-align: left; vertical-align: top; }
.c-checkoutCart tbody { border: 1px solid #e6e6e6; }
.c-checkoutCart td { padding: 10px; }
.c-checkoutCart caption { padding: 0 0 .5em 0; text-align: left; font-weight: bold; text-transform: uppercase; color: #333; background: transparent; }
.c-checkoutCart thead th { border: none; white-space: nowrap; }
.c-checkoutCart tbody td { border-bottom: 1px solid #e6e6e6; }
.c-checkoutCart tbody tr:hover { background:#fafafa; }
.c-checkoutCart .CheckOutProduct .productImage { float: left; width: 80px; text-align: center; margin-right: 20px; }
.c-checkoutCart .CheckOutProduct { font-weight: bold; width: 41%; }
.c-checkoutCart .CheckOutRemove { text-align: center; }
.c-checkoutCart .CheckOutQuantity input { width: 20px; text-align: right; }
.c-checkoutCart .CheckOutQuantity input.c-CheckOutQuantityTextBox { width: 35px; }
.c-checkoutCart .CheckOutRemove input { border: none; background: none; color: #000; display: inline; background-image: url(/Styles/Images/Framework/removeProductButton.png); width: 16px; height: 16px; font-size: 1px; padding-top: 8px; }
.CheckOutOneStep1 .c-CheckOutUpdateButton {
border: none;
background: none;
color: #000;
display: inline;
background-image: url(../Styles/Images/Framework/update.png);
width: 20px;
height: 20px;
font-size: 1px;
padding-top: 4px;
margin-left: 4px;
}
.CheckOutOneStep1 .c-CheckOutRemoveButton {
border: none; background: none; color: #000; display: inline; background-image: url(/Styles/Images/Framework/removeProductButton.png); width: 16px; height: 16px; font-size: 1px; padding-top: 8px;
}
.CheckOutOneStep1 .c-CheckOutRemoveButton:hover,
.CheckOutOneStep1 .c-CheckOutUpdateButton:hover { cursor: pointer; }
.CheckOutOneStep1 .Address {
float: left;
width: 350px;
margin-right: 93px;
}
.CheckOutOneStep1 .addressContent { margin-left: 30px; }
.CheckOutOneStep1 .Login{
float: left;
margin-left: 4px;
width: 310px;
}
.CheckOutOneStep1 .loginContent { margin-left: 30px; }
.CheckOutOneStep1 .CheckOutCustomer
{
overflow: hidden;
margin-bottom: 20px;
}
.CheckOutOneStep1 .litCartMainArea {
margin-bottom: 20px;
overflow: hidden;
width: 320px;
margin-left: 30px;
}
.CheckOutOneStep1 .litCartOrderArea {
margin-left: 30px;
}
.CheckOutOneStep1 .litErrorMsg {
margin-bottom: 10px;
}
.CheckOutOneStep1 .c-inputRow span {
font-size: 24px;
max-width: 7px;
overflow: hidden;
}
.sidebar {
float: right;
margin-left: 20px;
width: 190px;
}
/*.CheckOutOneStep1 .c-inputRow
{
margin-bottom: 5px;
}
.CheckOutOneStep1 input.c-CheckOutTextBox
{
width: 140px;
}
.CheckOutOneStep1 .c-inputRow label
{
display: inline-block;
width: 110px;
}
.CheckOutOneStep1 .c_extraInputRow
{
margin-left: 110px;
}*/
/*------------------------------------------------------------------------------
Navbar, product group menu
------------------------------------------------------------------------------*/
.navBarMenu .boxContent a { display: block; padding: 0 0 5px 18px; font-size: 110%; text-decoration: none; line-height: 14px; }
.navBarMenu .boxContent .TopItemExpandable a { background: url(/Styles/Images/ProductGroupMenu/Expand.png) no-repeat left top; color: #000; }
.navBarMenu .boxContent .TopItemExpandableSelected a { background: url(/Styles/Images/ProductGroupMenu/Contract.png) no-repeat left top; color: #e0991b; }
.navBarMenu .boxContent .TopItemExpandableExpanded a { background: url(/Styles/Images/ProductGroupMenu/Contract.png) no-repeat left top; color: #e0991b; }
.navBarMenu .boxContent .ItemSelected1 a,
.navBarMenu .boxContent .TopItemSelected a { color: #e0991b;}
.navBarMenu .boxContent .ItemExpandable1 a { background: url(/Styles/Images/ProductGroupMenu/Expand.png) no-repeat left top; color: #000; margin-left: 20px; }
.navBarMenu .boxContent .ItemExpandableSelected1 a { background: url(/Styles/Images/ProductGroupMenu/Contract.png) no-repeat left top; color: #e0991b; margin-left: 20px; }
.navBarMenu .boxContent .ItemExpandableExpanded1 a { background: url(/Styles/Images/ProductGroupMenu/Contract.png) no-repeat left top; color: #e0991b; margin-left: 20px; }
.navBarMenu .boxContent .Item1, .navBarMenu .boxContent .ItemSelected1 { margin-left: 20px; }
.navBarMenu .boxContent .Item2, .navBarMenu .boxContent .ItemSelected2 { margin-left: 40px; }
.navBarMenu .boxContent .Item3, .navBarMenu .boxContent .ItemSelected3 { margin-left: 60px; }
/*.navBarMenu .boxContent .Item1 a { color: #999; }*/
/*------------------------------------------------------------------------------
Search result list
------------------------------------------------------------------------------*/
.SearchGroups { padding: 10px; background: #eee; margin-bottom: 10px; }
.SearchGroups h4 { margin: 0;}
.SearchGroups ul { list-style: none; margin: 0; padding:0; overflow: hidden; }
.SearchGroups li { float:left; margin-right: 10px; }
.searchnavitem .product { border-bottom: 1px solid #ddd; padding: 10px; }
.searchnavitem .header { font-size: 130%; font-weight: 600; }
/*------------------------------------------------------------------------------
Buttons
------------------------------------------------------------------------------*/
.largeButton {min-width:48px; text-align:center; background: url(Images/Framework/largeButton.png) 50%; display: inline-block; height: 27px; position: relative; margin: 0 10px; z-index: 1; white-space: nowrap; }
.largeButton .left { background: url(Images/Framework/largeButton.png) ; display: inline-block; height: 27px; width: 43px; position: absolute; top: 0; left: -10px; z-index: 0; }
.largeButton .right { background: url(Images/Framework/largeButton.png) bottom right; display: inline-block; height: 27px; width: 43px; position: absolute; top: 0; right: -10px; z-index: 0; }
.largeButton input, .largeButton a, .largeButton div { Background: none !important; border: 0; padding: 4px 10px; color:#fff!important; z-index: 1000; position:relative; font-family: Georgia; }
.largeButton div { display: inline; color: #fff; text-decoration:none; font-family: Georgia; font-size: 14px; line-height: 1.8em; }
.largeButton a { color: #fff; text-decoration:none; font-family: Georgia; font-size: 14px; line-height: 1.8em; }
.largeBtn {color:#fff!important; font-family: Georgia; font-size: 14px;}
.largeButton input:hover, .largeButton a:hover, .largeButton div:hover { cursor: pointer; }
.largeButtonInactivated{min-width:48px; text-align:center; background: url(Images/Framework/largeButton.png) 50%; display: inline-block; height: 27px; position: relative; margin: 0 10px; z-index: 1; }
.largeButtonInactivated .left { background: url(Images/Framework/largeButton.png); display: inline-block; height: 27px; width: 43px; position: absolute; top: 0; left: -10px; z-index: 0; }
.largeButtonInactivated .right { background: url(Images/Framework/largeButton.png) bottom right; display: inline-block; height: 27px; width: 43px; position: absolute; top: 0; right: -10px; z-index: 0; }
.largeButtonInactivated input{ Background: none !important; border: 0; padding: 4px 10px; color:#fff!important; z-index: 1000; position:relative; }
.largeButtonInactivated a {line-height:27px; text-decoration:none;}
.largeBtnInactivated {color:#fff!important; font-family: Georgia; font-size: 14px;}
.row { float: none; overflow: hidden; clear: both; }
.leftColumn { float: left; overflow: hidden; text-align: left; }
.rightColumn { float: right; overflow: hidden; text-align: right; margin: 0; }
.buttonlist { overflow: hidden; clear: both; }
.buttonlist .leftColumn { margin-right: 10px; }
.buttonlist .rightColumn { margin-left: 10px; }
/*------------------------------------------------------------------------------
Tabs
------------------------------------------------------------------------------*/
.tabs {
overflow: hidden;
margin: 0;
padding:0;
}
.tabs li
{
font-family: Calibri, Arial;
font-size: 140%;
display:block;
line-height:32px;
height:32px;
background: url(Images/Framework/tab.png) bottom right;
height: 32px;
float: left;
overflow: hidden;
position: relative;
padding: 0 13px;
margin-right: 6px;
color: #fff;
}
.tabs li .left
{
position: absolute;
left: 0;
top: 0;
width: 9px;
height: 32px;
background: url(Images/Framework/tab.png) no-repeat 0 -32px;
}
.tabs li .right
{
position: absolute;
right: 0;
top: 0;
width: 9px;
height: 32px;
background: url(Images/Framework/tab.png) no-repeat;
}
.tab-content
{
min-height:264px; width:555px; margin-top:-1px; padding:15px; display: block; border:none; background-image:url(Images/Framework/tabcontent-bg-top.png); background-repeat:no-repeat; background-position:left top; font-size: 110%;
border-top: 1px solid #eee;
}
.tab-content-container
{
background-image:url(Images/Framework/tabcontent-bg-bottom.png); background-repeat:no-repeat; background-position:left bottom;
}
.tabs li {
cursor: pointer;
}
.tabs li.selected
{
background: url(Images/Framework/tabselected.png) bottom right;
}
.tabs li.selected .right
{
background: url(Images/Framework/tabselected.png) no-repeat;
}
.tabs li.selected .left
{
background: url(Images/Framework/tabselected.png) no-repeat 0 -32px;
}
/*------------------------------------------------------------------------------
CornerBox
------------------------------------------------------------------------------*/
.cornerbox {
position: relative;
}
.cornerbox .boxcorner {
z-index: 50;
position: absolute;
height: 7px;
width: 7px;
font-size: 0;
}
.cornerbox .boxcorner1 {
left: 0;
top: 0;
background: url(Images/CornerBox/corner-top_left.png) no-repeat;
}
.cornerbox .boxcorner2 {
right: 0;
top: 0;
background: url(Images/CornerBox/corner-top_right.png) no-repeat;
}
.cornerbox .boxcorner3 {
left: 0;
bottom: 0;
background: url(Images/CornerBox/corner-bottom_left.png) no-repeat;
}
.cornerbox .boxcorner4 {
right: 0;
bottom: 0;
background: url(Images/CornerBox/corner-bottom_right.png) no-repeat;
}
/*------------------------------------------------------------------------------
ClearBox
------------------------------------------------------------------------------*/
.clearbox {
display: inline-block;
}
.clearbox:after {
content: '.';
display: block;
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}
html[xmlns] .clearbox {
display: block;
}
* + html .clearbox { /* ie7 */
overflow: visible;
min-height: 1%;
}
* html .clearbox { /* ie6 */
display: inline-block;
overflow: visible;
height: 1%;
}
.clear { clear:both; }
/*------------------------------------------------------------------------------
Tomasz additional code
------------------------------------------------------------------------------*/
.iconH1 {
background-image: url(/Styles/Images/Framework/trolley_icon.png);
background-repeat: no-repeat;
padding-left: 35px;
font-size: 19px;
color: #e8a119;
line-height: 2em;
}
/*------------------------------------------------------------------------------
PageNotFound
------------------------------------------------------------------------------*/
.c-PageNotFoundContainer {
background-color: #fff;
height: auto;
margin: auto;
padding: 10px;
overflow: hidden;
width: 600px;
}