* {font-family: Georgia, Serif;}

body {font-size: 10px;
      background-color: #ffffff;
      
      letter-spacing: 5 px;
      color: #333333;
      
      }

td,span,div,input,select,option,textarea {font-size: 10px;}
legend {color: Black;}

.bodyTop 
{
	margin-left:0px;
	margin-top:0px;
}

.cartText {color: Black;}

.blankBackgroundLeft 
{
    background-image: url(../images/custom/hd-bg.gif);
    background-position: top right;
    background-repeat: repeat-x;
    background-color:#ffffff;
}
.blankBackgroundRight 
{ 
    background-image: url(../images/custom/hd-bg.gif);
    background-position: top left;
    background-repeat: repeat-x;
    background-color:#ffffff;
}

.vat 
{
     background-color:#ffffff;
     background-image: url(../images/custom/moms.gif);
     padding-left:5px;
     margin: 0px; 
  
}

.cart
{
	margin-left: 0px;
	margin-top: 3px;
	padding:0px;
	background-image: url(../images/custom/varu.gif);
    
    background-color:#ffffff; 

}
 
.left
{
  background-color:#ffffff;  
}

.subMenu
{
    background-image: url(../images/custom/topmeny.gif);
    background-color:#f2f2f2;
    color:#FF4196;
    letter-spacing: 2px;
    height: 53px;
    padding-left: 55px;
}

.subMenu2
{
    background-color:#f2f2f2;
}

 
a {COLOR: #FF4196; TEXT-DECORATION: none;}
a:link {COLOR: #FF4196;}
a:visited {COLOR: #FF4196;}
a:hover {COLOR: #333333;}

.categoryTreeTopLine {PADDING-BOTTOM: 3px;}
.categoryTreeText {font-weight:lighter; margin-left: 10px;}

.categoryTreeBottomLine {BORDER-BOTTOM: white 0px solid;}

.newsOfferBox
{
    margin-bottom: 10px;
    width: 192px; 
}

.newsOfferContainer {padding: 5px 3px 3px 3px;}
.loContentMain {padding: 1px 3px 3px 3px;}
.newsOfferDiv {position: absolute; left: 595px; top: 10px; width: 192px}

.newsOfferHeader 
{
    padding: 3px;
    border-bottom: gray 0.5px solid;*/
    border-left:gray 0.5px solid;  
    color:#333333;
    font-size: 14 px; 
    font-weight: bold;  
}

.PageLink {margin-right: 20px; letter-spacing: 1px; font-size: 15px;}
/*.PageLinkArrow {background-image: url('../../img/blue/linkarrowSmall.gif'); background-repeat: repeat-x;} */
/*.PageLinkArrow {background-image: url('../images/linkarrowSmall.gif'); background-repeat: repeat-x;}*/

a.PageLink:link {color: #FF4196;}
a.PageLink:visited {color: #FF4196;}
a.PageLink:hover {color: #333333; text-decoration:none;}

a.SubCatLvl1 {color: #333333;
              letter-spacing: 1px;
              font-weight: lighter;
              
              }
a.SubCatLvl1:visited {color: #333333;}
a.SubCatLvl1:hover {color: #333333;}
a.SubCatLvl2 {color: #333333;}
a.SubCatLvl2:visited {color: #333333;}
a.SubCatLvl2:hover {color: #333333;}
a.SubCatLvl3 {color: #333333;}
a.SubCatLvl3:visited {color: #333333;}
a.SubCatLvl3:hover {color: #333333;}
a.SubCatLvl4 {color: #333333;}
a.SubCatLvl4:visited {color: #333333;}
a.SubCatLvl4:hover {color: #333333;}

.SubCatLvl1 { font-weight: bold; text-transform: uppercase;  width: 113px; display: block;}
.SubCatLvl2 { font-weight: normal; width: 104px; display: block;}
.SubCatLvl3 { font-weight: normal; width: 95px; display: block;}
.SubCatLvl4 { font-weight: normal; width: 86px; display: block;}

div.SubCatLvl1 {width: 155px; background: none;}
div.SubCatLvl2 {width: 155px; background: none;}
div.SubCatLvl3 {width: 155px; background: none;}
div.SubCatLvl4 {width: 155px; background: none;}

.menuTd1Lvl1 {padding-left: 10px;}
.menuTd1Lvl2 {padding-left: 10px;}
.menuTd1Lvl3 {padding-left: 10px;}
.menuTd1Lvl4 {padding-left: 10px;}

.cartFooterItem {color: white; background-color: #522f91;}
.cartHeaderItem {font-weight: bold; color: white; background-color: #522f91; border-bottom: 1px solid Black}

.header {color: white; font-weight: bold; height: 20px; background-color: #522f91;}

.topCategory {PADDING-BOTTOM: 10px; PADDING-TOP: 10px;}
.bottomCategory {PADDING-BOTTOM: 10px; PADDING-TOP: 10px;}


/* ---------------------------------------- UNSORTED ---------------------------------------- */

.addOrderInfo {margin: 10px 0px 30px 0px;}
.aoShipCommentBox {font-weight: normal; width: 200px; height: 100px;}
.aoShipOptionItem {margin-top: 5px; margin-bottom: 5px;}
.aoShipOptionsDrop {width: 200px;}
.bigTextClassic {margin-top: 10px;}
.bigTextExtra {margin-top: 10px;}
.bodyCategory {padding-left: 0px; width: 155px;}
.ciExtraInfo {display: none;}
.commentBox {font-weight: normal; width: 650px; height: 100px;}
.commentInfo {border: solid 1px Black; margin: 10px 0px 10px 0px;}
.commentRes {border: 1px solid Black; padding: 10px;}
.confirmUserInfoBox {border: solid 1px Black; padding: 10px;}
.confirmUserInfoCheck {color: Navy; font-style: italic;}
.coValidation {color: Red; font-style: italic}
.customerInfo {border: solid 1px Black;}
.dashedBorderBottom {border-bottom: 0px dashed #CCCCCC;}
.dashedBorderRight {border-right: 0px dashed #CCCCCC;}
.ddListBig {width: 150px; margin-bottom: 1px}
.ddListSmall {width: 70px; margin-bottom: 1px}
.discount {border: solid 0px Black;}
.discountCode {color: #008000;}
.discountInfo {border: solid 1px Black; margin: 10px 0px 20px 0px;}
.discountItem {font-style: italic;}
.discountItemAmount {font-style: italic; color: Red; font-weight: bold;}
.displayDiscountHeader {width: 500px; background-color: #efefef; padding: 5px 5px 35px 5px; border: solid 1px Black; margin: 10px 0px 10px 0px;}
.displayDiscountItem {font-style: italic;}
.displayDiscountSubItem {font-style: italic;}
.errorText {color: Red; font-weight: bold}
.idLarge {WIDTH: 232px;}
.idList {WIDTH: 232px;}
.idText {margin-top: 5px; margin-bottom: 5px;}
.imageFrame {padding: 5px; margin-top: 5px;}
.imageFrameSearch {BORDER: #522f91 1px solid; PADDING: 2px; MARGIN-TOP: 5px;}
.itemBox1 {border: solid 1px Black; width: 40px;}
.itemBox2 {border: solid 1px Black; width: 250px;}
.itemBox3 {border: solid 1px Black; width: 125px;}
.itemBox4 {border: solid 1px Black; width: 175px;}
.itemBox5 {border: solid 1px Black; width: 75px;}
.leftSearchMainBox {padding-top: 2px; width: 155px;}
.leftSearchText {padding-left: 15px; font-weight:lighter;}
.listPagingBottom {MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px;}
.listPagingTop {MARGIN-TOP: 5px; MARGIN-BOTTOM: 5px;}
.ListProducts {color: #ff9900; font-weight: bold; background-color: #336633;}
.lpExt1 {width: 570px;}
.lpExt12 {width: 570px;}
.lpImage {width: 570px;}
.lpImage1 {background-image: url(../images/active_on.gif); background-repeat: no-repeat; width: 16px; height: 14px;}
.lpImage2 {background-image: url(../images/active_on2.gif); background-repeat: no-repeat; width: 16px; height: 14px;}
.lpwiPadding {padding-top: 3px; padding-bottom: 3px;}
.lpwiPagingStyleTop {margin-bottom: 5px; margin-top: 5px; border-bottom: solid 1px #a4a4a4;}
.lpwiSeparator {width: 100%; height: 1px; border-bottom: 1px dotted #808080;}
.margBot10 {margin-bottom: 10px;}
.margBot5 {margin-bottom: 5px;}
.margLeft10 {margin-left: 10px;}
.margLeft5 {margin-left: 5px;}
.margRight10 {margin-right: 10px;}
.margRight5 {margin-right: 5px;}
.margTop10 {margin-top: 10px;}
.margTop5 {margin-top: 5px;}
.MC {overflow-x: hidden;}
.ocItem {padding-left: 3px;}
.ocItemTitle {font-weight: bold; padding-left: 3px;}
.ocMain {width: 685px;}
.odItem {text-align: right; padding-top: 2px; padding-bottom: 2px;}
.orderBorder {border-width: 0px 1px 1px 1px; border-color: #95ACE0; border-style: solid}
.pad10 {padding: 10px;}
.pad5 {padding: 5px;}
.pagingContainer {margin-top: 5px; margin-bottom: 5px;}
.pagingSeparator {padding-left: 5px; padding-right: 5px;}
.paymentText {padding: 5px; font-weight: bold;display: block;}
.pcSeparator {padding: 1px;}
.pcSeparatorSelected {padding: 1px; font-weight: bold;}

.priceExtra {font-weight: normal;}
.pricePrevious {color:red; font-size:7pt; margin-left:5px; text-decoration:line-through;}
.priceStandard {font-weight: normal;}

.prodDescriptionExtra {height: 62px; overflow: hidden; padding:1px; margin:1px;}
.prodDescriptionExtraEmpty {height: 10px;}

.ProdHead {font-weight: bold;
           background-color: #000000;
           color:White; 
           padding: 3px; 
           }
.prodHeadClassic {font-size: 12px; font-weight: bold; margin: 3px 0px 5px 0px;}
.prodHeadExtra {font-size: 12px;
                margin: 3px 0px 5px 0px;
                background-color: #000000;
                color: White;
                padding-left: 5px;
                }

.prodPrice {height: 15px;
            background-color: #000000;
            color: #ffffff;
            padding-right: 5px;
            text-align:right;
            }
.prodSubHead {font-weight: normal; margin: 3px 0px 5px 0px; font-style: italic; height: 15px;}
.productSpacer {width: 1px; /* background-image: url('../images/dotts.gif')*/; background-color: #f2f2f2}
.productSpacerWide {width: 1px; /* background-image: url('../images/dotts_wide.gif')*/; background-color: #f2f2f2}
.registerInfo {border: solid 1px Black; width: 700px;}
.registerInfoContainer {width: 100%; padding-left: 5px; padding-right: 5px; padding-top: 5px; height: 85px;}
.registerInfoTitle {padding-top: 3px; padding-bottom: 3px;}
.relAlterListItem {height: 50px;}
.relatedTable {border: dotted 1px black;}
.relatedHeadline {font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
.relListItem {height: 50px;}
.scLogin {width: 100%;}
.searchBox {border: solid 1px black; width: 90px;}
.sendTipErrorText {color: Red; font-weight: bold;}
.sendTipHeader {width: 100%; background-color: #E3E3E3;}
.sendTipHyperLink {color: Blue; font-weight: bold;}
.sendTipMain {POSITION: absolute; left: 70px; top: 100px; background-color: White; border: solid 2px black; padding: 10; filter: shadow(color: #808080,strength: 10, direction: 135); width: 340px;}
.sendTipMessage {width: 300px;}
.sendTipSubject {width: 300px;}
.sendTipTable {width: 300px; height: 260px; font-size: 10pt;}
.sendTipTextbox {width: 170px;}
.separator {border-top: 1px solid #cccccc; border-bottom: 1px solid white; margin: 10px 0px 10px 0px;}
.snMain {width: 570px;}
.solidBorderBottom {border-bottom: 1px solid #CCCCCC;}
.spImage {MARGIN-TOP: 10px; WIDTH: 255px;}
.spProdBottom {WIDTH: 580px;}
.validation {color: Red; font-style: italic}
.validationSummary {margin: 15px 5px 10px 5px; border: dotted 1px; padding: 5px; background-color: White; padding: 10px;}
.validationSummaryContainer {margin: 5px 5px 5px 5px;}
.vatMain {PADDING-LEFT:5px; padding-top:0px;}
.vatValue {PADDING: 5px;}
fieldset {border: 1px solid #CCCCCC; padding: 3px; max-width:686px;}
img {border: 0px;}
input.discountCode {width: 175px;}
P.confirmUserInfo {font-weight: normal; text-justify: distribute-all-lines; font-size: 12px; line-height: 1.4em; vertical-align: baseline;}
table.discountItem {border-bottom: solid 1px Black;}
td.confirmUserInfoCheck {background-color: White;}

/* ---------------------------------------- FONTSTORLEK ---------------------------------------- */
.cartHeaderItem, .bigTextClassic, .relatedHeadline, .bigTextExtra, .confirmUserInfoCheck, .displayDiscountItem, .displayDiscountItemTitle
{font-size: 12px}

.rub, .discountFooter, .discountHeader
{font-size: 14px;}

/* ---------------------------------------- BG FÄRGER ---------------------------------------- */

.confirmUserBox, .alterListItem, .bgForm, .commentInfo, .confirmUserInfoBox, .customerInfo, .discountInfo, .PageContent, .relAlterListItem
{background-color: #f4f4f4;}

/* ---------------------------------------- BOLD ---------------------------------------- */

.rub, .cartSumText, .cartText, .discountHeader, .displayDiscountItemTitle, .discountFooter, .sendTipHeaderText, .aoShipOptionTitle, .spQuantityText, .spStatusText, .spUnitText, .spPriceText, .spArtNrText, .spDescText, .confirmUserInfo, .displayDiscountSubItemTitle, .itemTitle, .scLoginLink, .scLoginLink, span.discountCode
{font-weight: bold;}




/* ---------------------------------------- Klasser inlagda av Cpn ------------ */

.spProductTemplateMain
{
	
}

.templateContainer
{
    width: 100%;
    border:1px dotted #000000;
}

.templateRow
{
    padding: 5px;
    height: 15px;
    background-color: #efefef;
}

.templateAlternateRow
{
    padding: 5px;
    height: 15px;
    background-color: #ffffff;
}

.templateItemTitle
{
    display: inline-block;
    width: 150px;
    font-weight: bold;
    color: #404040;
    font-family:Verdana;
    font-size: 10px;
}

.templateItemData
{
    display: inline;
    width:150px;
    color:#000000;
    font-family:Verdana;
    font-size: 10px;
}

/* --- BOLD --- */
.spProductTemplate, .attributeNameText
{font-weight: bold;}

.spPrevPriceText
{
	font-weight:bold;
	padding-left:10px;
}

.prodHeadExtra a, .prodHeadExtra a:hover, .prodHeadExtra a:visited
 {
color:white;
text-decoration:none;
}

/*----------------------------------------------------------------------
Custom - Jethsop overrides & Top navigation
By: Erik, Monator
----------------------------------------------------------------------*/
/*
--------------------------------------
COLORS:
--------------------------------------

light gray:     #eaeaea
dark gray:      #333333
pink:           #f6a4c7
*/

/*------- Jetshop overrides -------*/

.bodyTop {
    background: #f2f2f2 url(../images/custom/hd-bg.gif) 0 0 repeat-x;
}

.bodyTop form {
    margin-bottom: 0;
}

.subMenu {
    height: 23px;
    padding-left: 190px;
}

a.PageLink {
    color: #777;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

a.PageLink:link {color: #777;}
a.PageLink:visited {color: #777;}
a.PageLink:hover {color: #f6a4c7; text-decoration:none;}

/*------- Common classes -------*/

.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}.clearfix{display:block}

/*------- Logo -------*/

.logo {
    background: #f2f2f2;
    border-bottom: 1px solid #333;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}

.logo a {
    background:transparent url(../images/custom/reflective-circle-logo.png) no-repeat left center;
    display:block;
    font-size:0;
    height:105px;
    margin:0 auto;
    text-indent:-9999em;
    width:434px;
}

/*------- Main navigation -------*/

.main-nav-wrap {
    background: #f2f2f2;
    margin: 0 auto;
    padding: 10px 0 0 0;
    position: relative;
}

ul.main-nav-list {
    margin: 0;
    text-align: center;
}

ul.main-nav-list li {
    display: inline;
    line-height: 12px;
    list-style-type: none;
    margin: 0 10px;
    padding: 0;
}

ul.main-nav-list li a {
    color: #777;
    font-family: Georgia, Times, serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

ul.main-nav-list li a span {
    font-size: 13px;
}

ul.main-nav-list li.selected a {
    color: #f6a4c7;
}

ul.main-nav-list li a:hover {
    color: #f6a4c7;
    text-decoration: none;
}
