/*----------------------------------------------------------------------
=Body and containers
----------------------------------------------------------------------*/
html {}

body {
    background: url(../images/common/top-bg.gif) repeat-x 0 0;    
}

/*----------------------------------------------------------------------
=Main blocks
----------------------------------------------------------------------*/

.hd 
{
	display:none;
}

.bd {
    padding: 0px 0 0px 0;
    margin-bottom: 20px;
}

.ft {
    display:none;
    
    border-top: 1px solid #deecf4;
    padding: 5px;
}

/*----------------------------------------------------------------------
=Common classes
----------------------------------------------------------------------*/

.clear {clear: both}

.align-right {
    text-align: right;
}

.accentcol {
    color: #d43249;
}

.no-display {
    display: none;    
}

.no-background
{
    background: none;
}

.pt-content label
{    
    margin-left: 5px;
}

/*----------------------------------------------------------------------
=Header
----------------------------------------------------------------------*/

.logo, .sigin-wrap {
    height: 166px;
}

/*-------
=Logo -------*/

.logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 29%;
}

.logo a {
    background: url(../images/common/logo.png) no-repeat left center;
    display: block;
    font-size: 0;
    height: 110px;
    padding: 37px 0 0 0;
    text-indent: -9999em;
    width: 250px;
}

/*-------
=Signin -------*/

.signin-wrap {
    display:none;
}

/*-------
=Signin form when not signed in -------*/

.signin-form {
    display:none;
}

.signin-form legend {
    background: url(../images/common/signin-icon.png) no-repeat left center;
    color: #FFF;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 2px 0;
    padding: 0 0 0 24px;
}

ul.signin-list {
    margin: 4px 0;
    text-align: right;
}

ul.signin-list li {
    display: inline;
    list-style-type: none;
    margin: 0 5px;
    padding: 0;
}

ul.signin-list li a {
    color: #FFF;
    text-decoration: none;
}

ul.signin-list li a:hover {
    text-decoration: underline;
}

/*-------
=Topcart form when signed in -------*/

.topcart-form {
    display:none;
}

.topcart-form fieldset {
    margin-bottom: 0;  
    width: 400px;  
}

.topcart-form legend {
    background: url(../images/icons/cart.gif) no-repeat left center;
    color: #FFF;
    font-size: 14px;
    height: 16px;
    line-height: 16px;
    margin: 2px 0;
    padding: 0 0 0 20px;
}

.topcart-form .cart-select-wrap {
    float: left;
    padding: 6px 0 0 0;
    position: relative;
}

.topcart-form .cart-button-wrap {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
}

.topcart-form select {
    font-size: 11px;
    margin: 0 10px 0 0;
    width: 250px;
}

.topcart-form a {
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
}

.topcart-form a:hover {
    text-decoration: underline;
}


.cart-sum {
    background: url(../images/common/white-dots.gif) bottom left repeat-x;
    margin: 5px 0 5px 0;
    padding: 0 0 5px 0;
}

.cart-sum .cart-amount {
    color: #FFF;
    float: left;
    position: relative;
}

.cart-sum .cart-change {
    float: right;
    position: relative;
}

.cart-sum .cart-change,
ul.cartlinks-list {
    padding-right: 30px;
}

/* Section: Clearing */
.cart-sum:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cart-sum {zoom:1;}


ul.cartlinks-list {
    margin: 0;
    /*width: 150px;*/
}

ul.cartlinks-list li {
    list-style-type: none;
    margin: 3px 0;
}

ul.cartlinks1 { float: left; }

ul.cartlinks2 { float: right; }

ul.cartlinks1 li {
    padding: 0 0 0 18px;
}

ul.cartlinks1 li.orderlist { background: url(../images/icons/orderlist.gif) center left no-repeat; }
ul.cartlinks1 li.articlelist { background: url(../images/icons/articlelist.gif) center left no-repeat; }
ul.cartlinks1 li.orderstatus { background: url(../images/icons/orderstatus.gif) center left no-repeat; }

/* Section: Clearing */
.topcart-form fieldset:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.topcart-form fieldset {zoom:1;}



/*----------------------------------------------------------------------
=Footer
----------------------------------------------------------------------*/

.ft h3 {
    margin:0.5em 0;    
}

/*-------
=Locations -------*/

.locations-wrap {
    width: 250px;
    float: left;
}


ul.locations-list {
    margin: 0;
    padding: 0;
}

ul.locations-list li {
    list-style-type: none;
    background: url(../images/bullets/right-guillemet-lightblue-whitebg.gif) no-repeat center left;
    padding-left: 10px;
}

ul.locations-list li a {
    color: #0089c4;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

ul.locations-list li a:hover {
    text-decoration: underline;        
}

/*-------
=Contact info -------*/

.contactinfo-wrap {
    width: 375px;
    float: right;
}

.contact-info-left {
    float: left;
    width: 49%;
}

.contact-info-right {
    float: right;
    width: 49%;
}

.contactinfo-wrap p span.name {
    color: #008ac9;
    font-weight: bold;
}

.contactinfo-wrap p {
    line-height: 110%;
    margin: 3px 0;
    padding: 0;
}

/*----------------------------------------------------------------------
=Navigation
----------------------------------------------------------------------*/

/*-------
=Main navigation -------*/

.top-nav-wrap {
    display:none;
}

ul.top-nav-list {
    margin: 0;
}

ul.top-nav-list li {
    background-image: url(../images/navigation/sprite-navlist.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    display: block;
    float: left;
    height: 36px;
    list-style-type: none;
    margin: 0 1px 0 0;
    padding: 0 1px;
}

ul.top-nav-list li a {
    background-image: url(../images/navigation/sprite-navlink.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    color: #0089c4;
    display: block;
    float: left;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    text-decoration: none;
}

ul.top-nav-list li a:hover {
    background-position: 0 -72px;    
}

ul.top-nav-list li.selected {
    background-position: 0 -36px;
}

ul.top-nav-list li.selected a,
ul.top-nav-list li.selected a:hover {
    background-position: 0 -36px;
    color: #000;
}

/*-------
=Breadcrumbs & print -------*/

.toolbar-wrap {}

.crumbs-wrap {
   display:none;

}

.icons-wrap {
    float: right;
    width: 20%;
    padding: 0;
    text-align: right;
}

a.printlink {
    background: url(../images/icons/print.gif) right center no-repeat;
    display: block;
    padding: 10px 27px 10px 0;
    text-decoration: none;
}

@media print {
  .no-print { display: none; }
  .print {display: block; }
}

a.printlink:hover {
    text-decoration: underline;
}

.crumbs-wrap .breadcrumbs {
	display: inline;
	margin: 0 10px;
}

.crumbs-wrap a {
	color: #008ac9;
	font-size: 12px;
	text-decoration: underline;
}

.crumbs-wrap a:link, .crumbs-wrap a:visited {}

.crumbs-wrap a:hover {
	color: #00345d;
}

.crumbs-wrap .separator {
	margin: 0 0.3em;
}

.crumbs-wrap .selected {
	color: #d2152f;
}

/*-------
=Subnav container -------*/

.subnav-sidebar {
    display: none;
}

.search-wrap {
    background: url(../images/navigation/subnav-top.gif) repeat-x top left;
}

.search-form {
    height: 72px; /* 97-15-10-10 <-- last 10 is adjustment */
    margin: 0;
    padding: 15px 10px 10px 10px;
}

.search-form legend{
    font-size: 14px;
    color: #FFF;
}

.search-form .search-input-wrap {
    float: left;
    margin: 0 5px 0 0;
    padding: 1px 0 0 0;
    position: relative;
}

.search-form .search-button-wrap {
    float: left;
    width: 50px;
    overflow: hidden;
    position: relative;
}

.subnav-content {
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
}

.subnav-content a {
    display: block;
    padding: 5px 0;
}

/*-------
=Subnav tabs -------*/

.subnav-tabs {
    height: 50px;
    margin: 0;
    padding: 0;
}

ul.tabs-list {
    background: url(../images/navigation/subnav-tabs-bg.gif) 0 0 repeat-x;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.tabs-list li {
    display: block;
    float: left;
    height: 50px;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

ul.tabs-list li a {
    background-image: url(../images/navigation/sprite-subnav-tabs.gif);
    background-repeat: no-repeat;
    color: #FFF;
    display: block;
    height: 50px;
    margin: 0;
    padding: 0;
    position: relative;
    text-indent: -9999em;
}

ul.tabs-list li a:hover {}

/* "Beslag" is active */

ul.tabs-list li.selected a.beslag {
    width: 119px;
    background-position: 0 0;
}

ul.tabs-list li a.maskin {
    background-position: -119px 0;
    width: 108px;
}

/* "Maskin" is active */

ul.tabs-list li a.beslag {
    background-position: 0 -50px;
    width: 108px;
}

ul.tabs-list li.selected a.maskin {
    background-position: -108px -50px;
    width: 119px;
}

/*-------
=Subnav navigation -------*/

.subnav-wrap {
    padding: 15px;
}

ul.subnav-list {
    margin: 0;
    padding: 0;
}

/* Level 1 and commons */
ul.subnav-list li {
    list-style-type:none;
    margin-bottom: 5px;
}

ul.subnav-list li a {
    color: #00345d;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

ul.subnav-list li a:hover {
    text-decoration: underline;
}


ul.subnav-list li a span {
    font-size: 16px;
    font-weight: normal;
}

/* Level 2 */
ul.subnav-list ul {
    margin-top: 5px;
    padding: 0;
}

ul.subnav-list ul li {
    padding: 0 0 0 10px;
    margin-bottom: 5px;
}

ul.subnav-list ul li a {
    color: #008ac9;
    font-weight: normal;
}

ul.subnav-list ul li a:hover {}

ul.subnav-list ul li a.selected {
    color: #d2152f;
}

/*-------
=Category navigation -------*/

.catnav-wrap {}

ul.catnav-list {
    margin: 0;
    padding: 0;
}

ul.catnav-list li {
    display: inline;
    margin: 0;
    list-style-type: none;
    padding: 0;
    text-transform:capitalize;
}

p.list-caption {
    margin: 0;
    padding: 0;
}


/*----------------------------------------------------------------------
=Sidebar
----------------------------------------------------------------------*/

.sidebar {
    display:none;
}

.sidebar-item {
    margin: 5px 0;
}

/*
=News
*/

.news-item {
    margin: 10px 0;    
}

.news-item p {
    margin: 0;    
}


.news-item p.news-date {
    font-weight: bold;    
}

/*----------------------------------------------------------------------
=Boxes
----------------------------------------------------------------------*/

/*-------
=Rounded Corner Mask for images -------*/

.img-wrap {
    margin: 0;
    overflow: hidden;
    padding: 1px;
}

.img-rc-image {
    display: block;
}

.img-rc {
    display: block;
    font-size: 1px;
}

.img-rc a.image, .img-rc a.image img {
    border: 0;
    padding: 0;
    margin: 0;
}

.img-rc img {
    display: block;
}

.img-rc-top {
	display: block;
	height: 0;
	position: relative;
}

.img-rc-bottom {
    display: block;
    height: 0;
    position: relative;
}

.img-rc-tl,
.img-rc-tr,
.img-rc-bl,
.img-rc-br {
    background-repeat: no-repeat;
    display: block;
    height: 10px;
    position: absolute;
    width: 10px;
    z-index: 200;
}

.img-rc-tl {
    background-position: 0 0;
    left: -1px;
    top: -1px;
}

.img-rc-tr {
    background-position: 0 -10px;
    right: -1px;
    top: -1px;
}

.img-rc-bl {
    background-position: 0 -20px;
    left: -1px;
    bottom: -1px;
}

.img-rc-br {
    background-position: 0 -30px;
    right: -1px;
    bottom: -1px;
}

/*
Default skin - used for product thumb display - with border and fixed height
*/

.img-wrap {
    background: #d3d3d3;
    height: 148px;
    width: 148px;
}

.img-wrap .img-rc-image {
    background: #FFF;
    height: 148px;
    width: 148px;
}

.img-wrap .img-rc-image img{
    max-width: 148px;
    max-height: 148px;
}

.img-rc-tl,
.img-rc-tr,
.img-rc-bl,
.img-rc-br {
    background-image: url(../images/boxes/sprite-img-frame-corners.gif);
}

/*
Alt 2 - used for sidebar - with no border, flexible height, blue bg
*/

.img-wrap-alt2 {
    margin: 5px 0;    
}

.img-wrap-alt2 .img-rc-tl,
.img-wrap-alt2 .img-rc-tr,
.img-wrap-alt2 .img-rc-bl,
.img-wrap-alt2 .img-rc-br {
    background-image: url(../images/boxes/sprite-img-frame-corners-alt2.gif);
}

/*
Alt 3 - used for main content - with no border, flexible height, gray bg (darker gray on top images)
*/

.img-wrap-alt3 {
    margin: 5px 0;
}

.img-wrap-alt3 .img-rc-tl,
.img-wrap-alt3 .img-rc-tr,
.img-wrap-alt3 .img-rc-bl,
.img-wrap-alt3 .img-rc-br {
    background-image: url(../images/boxes/sprite-img-frame-corners-alt3.gif);
}

/*
Alt 4 - used for product thumb display - with border and fixed height
*/

.img-wrap-alt4 {
    background: #d3d3d3;
    height: 240px;
    width: 250px;
}

.img-wrap-alt4 .img-rc-image {
    background: #FFF;
    height: 240px;
    width: 250px;
}

.img-wrap-alt4 .img-rc-tl,
.img-wrap-alt4 .img-rc-tr,
.img-wrap-alt4 .img-rc-bl,
.img-wrap-alt4 .img-rc-br {
    background-image: url(../images/boxes/sprite-img-frame-corners.gif);
}

/*-------
=Content panel -------*/

.content-panel-l,
.content-panel-r,
.content-panel-c {
    height: 100%;    
}

.content-panel-l { background:  url(../images/boxes/content-bg-l.gif) left top no-repeat; }
.content-panel-r { background:  url(../images/boxes/content-bg-r.gif) right top no-repeat; }
.content-panel-c {
    background:  url(../images/boxes/content-bg-c.gif) left top repeat-x;
    margin: 0 17px;
}

/*-------
=Roundbox -------*/

.roundBoxWrap {
	width: 100%;
	background: transparent;
}

.flatBottom {
    border-bottom: 1px solid #d7d5cd;
}

.roundbox-tl, .roundbox-tr, .roundbox-tc {height: 11px;}
.roundbox-cl, .roundbox-cr, .roundbox-cc {height: 100%;}
.roundbox-bl, .roundbox-br, .roundbox-bc {height: 11px;}

.roundbox-tc {margin: 0 11px;}
.roundbox-cc {margin: 0 2px;}
.roundbox-bc {margin: 0 11px;}

.roundbox-tl {background-position: left bottom;}
.roundbox-tr {background-position: right bottom;}
.roundbox-tc {background-position: left bottom;}
.roundbox-bl {background-position: left top;}
.roundbox-br {background-position: right top;}
.roundbox-bc {background-position: left top;}
.roundbox-cl {background-position: left top;}
.roundbox-cr {background-position: right top;}
.roundbox-cc {background-position: left top;}

.roundbox-tl,
.roundbox-bl,
.roundbox-tr,
.roundbox-br {
    background-repeat: no-repeat;
}

.roundbox-cl,
.roundbox-cr {
    background-repeat: repeat-y;
}

.roundbox-tc,
.roundbox-bc,
.roundbox-cc {
    background-repeat: repeat-x;
}

/* Default skin, White fill gray border (blended against #f2efe5)*/
.roundbox-tl {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-tl.gif);}
.roundbox-tr {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-tr.gif);}
.roundbox-tc {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-tc.gif);}
.roundbox-cl {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-cl.gif);}
.roundbox-cc {background-color: #FFF;}
.roundbox-cr {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-cr.gif);}
.roundbox-bl {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-bl.gif);}
.roundbox-br {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-br.gif);}
.roundbox-bc {background-image: url(../images/boxes/roundbox/graymatte/roundbox-grayborder-whitefill-bc.gif);}

.roundbox-content {
    height: 100%;
    margin: 0;
    padding: 0;
}

/*
=sidebarBox
*/

.sidebarBox {
    margin: 3px 0 5px 0;
}

/* Sidebar skin, White fill gray border (blended against #deecf4)*/
.sidebarBox .roundbox-tl {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-tl.gif);}
.sidebarBox .roundbox-tr {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-tr.gif);}
.sidebarBox .roundbox-tc {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-tc.gif);}
.sidebarBox .roundbox-cl {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-cl.gif);}
.sidebarBox .roundbox-cc {background-color: #FFF;}
.sidebarBox .roundbox-cr {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-cr.gif);}
.sidebarBox .roundbox-bl {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-bl.gif);}
.sidebarBox .roundbox-br {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-br.gif);}
.sidebarBox .roundbox-bc {background-image: url(../images/boxes/roundbox/bluematte/roundbox-grayborder-whitefill-bc.gif);}

.sidebarBox .roundbox-content {
    margin: 0;
    padding: 5px 8px;
}

.sidebarBox p.price {
    font-size: 11px;
}

span.offer {
    color: #d2152f;
    font-weight: bold;
    font-size: 12px;
}

/* =Png mask */
.mask-wrap {
    margin: 0 auto 15px;
    overflow: hidden;
    position: relative;
}

.mask-wrap .mask-frame {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
}

/* Alt 1 */

.mask-wrap-alt1 {
    background: #FFF;
    height: 250px;
    width: 240px;
}

.mask-wrap-alt1 .mask-frame {
    background: url(../images/boxes/mask/mask-w240-h250.png) no-repeat;
    height: 250px;
    width: 240px;
}

/*----------------------------------------------------------------------
=Spots
----------------------------------------------------------------------*/

/*-------
=Product spot -------*/

.mainspots-wrap {
    
}

.spot-row {
    clear: both;
    display: block;
}

.spot-item {
    width: 33%;
    float: left;
    margin: 10px auto;
}

.spot-item .img-wrap,
.spot-item .spot-item-text {
    width: 148px;
}

.spot-item .img-wrap {
    background: #d3d3d3;
    height: 148px;
}

.spot-item .img-rc-image {
    background: #FFF;
    height: 148px;
    width: 148px;
}

.spot-item .spot-item-text {
    padding: 10px 0 0 0;    
}

.spot-item h4 {}

.spot-item h4 a {
    color: #0c597d;
    text-decoration: underline;
}

/*----------------------------------------------------------------------
=Main content panel
----------------------------------------------------------------------*/

.main-content {
    padding: 10px 5px;
}

.main-content h2 {
    color: #008ac9;
    margin: 10px 0 5px 0;
}

.main-content h1 {
    color: #303030;
    font-size: 24px;
    margin: 5px 0;
}

.main-content-cols {
    width: 100%;
}

.main-content-left {
    float: left;
    width: 100%;
}

.main-content-right {
    float: right;
    position: relative;
}

.main-content-left-content {
    float: none;
    position: static;
    width: auto;
}

.main-content-right-content {
    text-align: center;
    margin: 0 auto;
}

/* Alt 1 with right column 172px wide */
.main-content-cols-alt1 .main-content-left { margin-right: -200px; }
.main-content-cols-alt1 .main-content-right {width: 172px; }
.main-content-cols-alt1 .main-content-left-content { margin-right: 200px; }

/* Alt 2 with right column 242px wide */
.main-content-cols-alt2 .main-content-left { margin-right: -255px; }
.main-content-cols-alt2 .main-content-right {width: 242px; }
.main-content-cols-alt2 .main-content-left-content { margin-right: 255px; }


/* Section: Clearing */
.main-content-cols:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main-content-cols {zoom:1;}


/*----------------------------------------------------------------------
=Forms
----------------------------------------------------------------------*/

/*-------
=Input -------*/


.input-wrap {
    background:  url(../images/form/bluebg/input-l.gif) left 2px no-repeat;
    display: inline;
	float: left;
    height: 27px;
    margin: 0 3px 0 3px;
    padding: 0px 0 0 0px;
}

.input-wrap input.wrappedInput {
    background:  url(../images/form/bluebg/input-r.gif) right top no-repeat;
    border: 0;
    display: inline;
    height: 24px;
    margin: 2px 0px 0px 2px;
    padding: 3px 0 0 0;
    position: relative;
    width: 140px;
    float:left;
}

.nowrappedMultiInput {
    display: inline-block;
    position: relative;
}

.input-wrap input.empty {
    color: #707070;
    font-style:italic;
}

/*-------
=Button -------*/

/* Used with <button> or <a> */

.styled-btn {
    background: none;
    border: 0;
    cursor: pointer;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

a.styled-btn { text-decoration: none; }
a.styled-btn:hover { text-decoration: none; }

.btn-l,
.btn-r,
.btn-c {
    color: #3b3b3b;
    display: block;
    float: left;
    font:11px arial,helvetica,clean,sans-serif;
    height: 22px;
    line-height: 22px;
    position: relative;
}

.btn-l,
.btn-r {
    background-image: url(../images/buttons/button-sprite.gif);
    background-repeat: no-repeat;
}

.btn-l {
    background-position: left 0;
    padding: 0 0 0 10px;
}
.btn-r {
    background-position: right -22px;
    padding: 0 10px 0 0;
}
.btn-c {}


/*
=Button alt 2 (against blue bg - same height as default skin)
*/

.styled-btn-alt2 .btn-l,
.styled-btn-alt2 .btn-r,
.styled-btn-alt2 .btn-c {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.styled-btn-alt2 .btn-l {
    background-position: left -66px;
    padding: 0 0 0 10px;
}

.styled-btn-alt2 .btn-r {
    background-position: right -88px;
    padding: 0 10px 0 0;
}

/*
=Button alt 3 (against blue bg - same heigher than default skin)
*/

.styled-btn-alt3 .btn-l,
.styled-btn-alt3 .btn-r,
.styled-btn-alt3 .btn-c {
    color: #000;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    text-transform: uppercase;
}

.styled-btn-alt3 .btn-l {
    background-position: left -110px;
    padding: 0 0 0 10px;
}

.styled-btn-alt3 .btn-r {
    background-position: right -138px;
    padding: 0 10px 0 0;
}

.styled-btn-alt3 .btn-c span {
    font-size: 14px;
}


/*
=Icon button
*/

.btn-icon .btn-l {
    background-position: left -44px;
    padding: 0 0 0 33px;
}

.btn-icon .btn-c {
    background-image: url(../images/buttons/button-icons-sprite.gif);
    background-repeat: no-repeat;
    height: 18px;
    line-height: 18px;
    padding-left: 25px;
    margin: 2px 0 0 -31px;
}

.btn-icon-num1 .btn-c { background-position: 0 0; }
.btn-icon-num2 .btn-c { background-position: 0 -18px; }
.btn-icon-num3 .btn-c { background-position: 0 -36px; }
.btn-icon-num4 .btn-c { background-position: 0 -54px; }
.btn-icon-num5 .btn-c { background-position: 0 -72px; }
.btn-icon-cart .btn-c { background-position: 0 -90px; }
.btn-icon-cartdel .btn-c { background-position: 0 -108px; }
.btn-icon-orderform .btn-c { background-position: 0 -126px; }
.btn-icon-delete .btn-c { background-position: 0 -144px; }
.btn-icon-mail .btn-c { background-position: 0 -162px; }
.btn-icon-mailsend .btn-c { background-position: 0 -180px; }
.btn-icon-ok .btn-c { background-position: 0 -198px; }
.btn-icon-cartcontinue .btn-c { background-position: 0 -216px; }
.btn-icon-cartok .btn-c { background-position: 0 -234px; }
.btn-icon-ok2 .btn-c { background-position: 0 -252px; }

.btn-icon-oldcart-keep, .btn-icon-oldcart-empty, .btn-icon-oldcart-close
{
    display: inline;
    clear: none;
    float: right;
    margin-left: 10px;
}
.btn-icon-oldcart-keep .btn-c { background-position: 0 -90px; }
.btn-icon-oldcart-empty .btn-c { background-position: 0 -108px; }
.btn-icon-oldcart-close .btn-c { background-position: 0 -126px; }

/*
Section: Clearing
*/

.btn-left:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.btn-left {zoom:1;}


/*-------
=Content form -------*/

.content-form {
    font-size: 11px;    
}

.content-form fieldset {}

.content-form fieldset h1 {
    background: #deecf4;
    color: #2c597b;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    padding: 0 5px;
}

.content-form .form-element {
    margin: 5px 0;
    position: relative;
}

.content-form .form-element p {
	padding-left: 5px;
}

.content-form .form-element .label-wrap {
    display: block;
    float: left;
    padding-left: 5px;
    width: 160px;
}

.content-form .form-element label {
    font-weight: bold;
    line-height: 24px;
}

.content-form .form-element span {
    font-weight: bold;
    line-height: 24px;
}

.required {
    background: url(../images/form/required.gif) center right no-repeat;
    padding-right: 8px;
}

/*span.required {
    padding: 0 3px;        
}
*/
.content-form .form-element .input-noedit {
    color: #00345d;
    display: block;
    float: left;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding-left: 5px;
    width: 230px;
}

.content-form .form-element .radio-group-wrap {
    display: block;
    float: left;
    width: 230px;
}

.content-form .radio-el-wrap {
    margin: 0 0 5px 0;
}

.content-form .wrappedRadio {
    display: inline;
}

.content-form .radio-el-wrap .label-wrap {
    float: left;
}

.content-form .radio-el-wrap label {
    display: inline;
    float: none;
    font-weight: normal;
}

.content-form .form-element .input-wrap-outer {
    float: left;
    position: relative;
    width: 290px;
}

.content-form .form-element .input-wrap {
    background:  url(../images/form/graybg/input-l.gif) no-repeat left 2px;
    display: inline;
    float: left;
    width: 245px;
}

.form-element .input-wrap.mini { width: 10px; }
.form-element .input-wrap.xshort { width: 55px; }
.form-element .input-wrap.short { width: 95px; }
.form-element .input-wrap.long { width: 235px; }

.content-form .form-element .input-wrap input {
    background:  url(../images/form/graybg/input-r.gif) right top no-repeat;
    color: #00345d;
    display: inline;
    float: left;
    font-weight: bold;
    height: 24px;
    padding: 3px 3px;
    margin: 2px 0 0 2px;
    position: relative;
}

.form-element .input-wrap input.xshort { width: 50px; }
.form-element .input-wrap input.short { width: 90px; }
.form-element .input-wrap input.long { width: 230px; }

.form-element .input-wrap input.number {
    padding-right: 7px;
    text-align: right;
}

/*----------------------------------------------------------------------
=Listings
----------------------------------------------------------------------*/

.list-wrap {
	margin: 0;
	padding: 0;
}

.list-item-wrap {
    padding: 5px 0;    
}

.list-item-image {
    margin-left: 5px;
    float: left;
    overflow: hidden;
    width: 15%;    
}

.list-item-desc {
    float: left;
    margin: 0 0 0 2%;
    width: 82%;    
}

.list-item-desc-small {
    float: left;
    margin: 0 0 0 2%;
    width: 30%;
}

.listSeparator {
    background: url(../images/common/separator.gif) top left repeat-x;
    clear: both;
    height: 1px;
    margin: 0 13px;
}

.list-item-image img {}

.list-item-desc h3 {
    background: url(../images/bullets/right-guillemet-lightblue-whitebg.gif) center left no-repeat;
    font-weight: normal;
    margin: 0;
    padding: 0 0 0 10px;
}

.list-item-desc-small h3 {
    margin: 0;
    padding-top: 0;
}
.list-item-desc h3 a {}
.list-item-desc h3 a:hover {}

.list-item-desc h3 p {}

/*----------------------------------------------------------------------
=Misc
----------------------------------------------------------------------*/

/*-------
=Misk links -------*/


a span.arrow-lightblue {
    color: #00b2fe;
}

a.textLink {
    background: url(../images/bullets/right-guillemet-blue-transp.gif) left center no-repeat;
    padding: 0 0 0 10px;
}

a.PDFLink {
    background: url(../images/fileicons/pdf.gif) left center no-repeat;
    padding: 0 0 0 20px;
}

/*-------
=Zoom control -------*/

div.zoom-wrap {
    margin: 0 auto;
    text-align: center;
}

div.zoom-wrap a {
    display: block;
    text-decoration: none;
}

div.zoom-wrap a:hover {
    font-weight: bold;
}

div.zoom-wrap a span {
    background: url(../images/icons/zoom.gif) no-repeat center left;
    display: inline;
    line-height: 16px;
    padding-left: 20px;
}

/*----------------------------------------------------------------------
=Product tables
----------------------------------------------------------------------*/

table.product {
    width: 100%;    
}

tr.thead-primary,
tr.thead-secondary {
    background: #0189c4;
    margin: 0;
    padding: 0;
}

tr.tbody-primary,
tr.tbody-secondary {
    background: #EEE;
    margin: 0;
    padding: 0;
}

tr.thead-primary th,
tr.thead-secondary th {
    border: 1px solid #FFF;
    color: #FFF;
    height: 15px;
    margin: 0;
    padding: 0;
}

tr.tbody-primary th,
tr.tbody-secondary th {
    border: 0;
    color: #333;
    margin: 0;
    padding: 0;
}

tr.thead-primary th.cell-l,
tr.tbody-primary td.cell-l,
tr.thead-primary th.cell-r,
tr.tbody-primary td.cell-r
tr.thead-secondary th.cell-l,
tr.tbody-secondary td.cell-l,
tr.thead-secondary th.cell-c,
tr.tbody-secondary td.cell-c,
tr.thead-secondary th.cell-r,
tr.tbody-secondary td.cell-r { 
    width: 25%;
}

tr.thead-primary th.cell-c,
tr.tbody-primary td.cell-c {
    width: 50%;
}

table.product td {
    border: 0;
    margin: 0;
    padding: 0;
}


/*-------
=Div table -------*/

.pt-wrap {
    font-size: 11px;
    margin: 10px 0;
    clear: none;
}

/** =Layout */
.pt-c {
	float: left;
    padding: 0 0px;
}

.pt-c12 { width: 12.5%; }
.pt-c25 { width: 24.95%; }
.pt-c50 { width: 49.95%; }
.pt-c75 { width: 74.95%; }
.pt-c100 { width: 99.95%; }

.pt-r {}
.pt-r:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.pt-r {zoom:1;}


/** =Head */
.pt-h {
    background: #FFF;
    color: #FFF;
}

.pt-h .pt-c  .pt-content {
    background: #0089c4;
    margin: 1px;
    padding: 2px 5px;
}

/** =Body */
.pt-b {
    background: #EEE;
}

.pt-alt1 {
    font-weight: bold;
}

.pt-alt2 {
    font-weight: normal;
}

.pt-alt3 {
    background: #e3e3e3;
}

.pt-b .pt-c  .pt-content {
    padding: 2px 5px;    
}

.pt-separator {
	border-top: 2px solid white;	
}

/** =List for pricing */

dl.pt-pricing {
	width: 200px;
	margin: 5px 10px;
	padding: 0;
}

.pt-pricing dt {
	float: left;
	margin: 0 0 0 0;
	padding: 2px;
	width: 80px;	
}

/* commented backslash hack for mac-ie5 \*/
.pt-pricing dt { clear: both; }
/* end hack */

.pt-pricing dd {
	float: left;
	margin: 0 0 0 0;
	padding: 2px;
	width: 80px;
	text-align: right;
}

/* Amount and buttons */

.product-form {
    float: right;
    position: relative;
    width: 300px;
}

.pt-amount {
    float: left;
    position: relative;
    width: 120px;
}

.pt-btns {
    background: url(../images/buttons/btn-connectors.gif) 0 13px no-repeat;
    float: left;
    padding: 0 0 5px 27px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 150px;    
}

.product-form .form-element .label-wrap {
    float: left;
    text-align: right;
    padding-right: 5px;
    width: 35px;    
}

.product-form .form-element .input-wrap {
    float: left;
    width: 60px;
}

/*----------------------------------------------------------------------
=Popup layers
----------------------------------------------------------------------*/

/*-------
=Old cart -------*/

.popup {}

.popup-oldcart {
    left: 45%;
    position: absolute;
    top: 60px;
    width: 382px;
    z-index: 3500;
}

.popup-oldcart-t {
    background: url(../images/popup/bubble/bubble-t.gif) top left no-repeat;
    height: 38px;
}

.popup-oldcart-b {
    background: url(../images/popup/bubble/bubble-b.gif) bottom left no-repeat;
    height: 16px;
}

.popup-oldcart-c {
    background: url(../images/popup/bubble/bubble-c.gif) bottom left repeat-y;
    height: 100%;
    margin: 0;
    padding: 0;
}

.popup-oldcart-c .popup-oldcart-content{
    margin: 0;
    padding: 0 12px;
}

.popup-oldcart-content h3 {
    background: url(../images/common/blue-dots.gif) left bottom repeat-x;
    color: #333;
    font-weight: bold;
    margin: 0 0 2px 0;
    padding: 0 0 2px 0;
    text-transform: uppercase;
}

table.cart-table {
    font-size: 11px;
    margin: 5px 0;
    width: 100%;
}

table.cart-table thead {
    background: #0089c4;
    color: #FFF;
    text-align: left;
}

table.cart-table tbody {
    background: #e3e3e3;
}

table.cart-table th,
table.cart-table td {
    border: 0;
    font-weight: bold;
    margin: 0;
    padding: 2px 3px;
    text-align: left;
}

.btn-panel {
    float: right;
    margin: 10px 0 0 0;
    text-align: right;
    /*position: relative;*/
}

ul.btn-list {
    margin: 0 auto;
    padding: 0;
}

ul.btn-list li {
    display: inline;
    list-style-type: none;
}


.button-wrap {
    display: block;
    float: right;
    margin: 2px;
    overflow: hidden;
    padding: 0;
    width: 140px;
}

.login-button-wrap
{
	width: 50px;
	float:left;
	margin-top:0;
}

.popup-oldcart-content .button-wrap {
    display: table;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0;
    width: 100%;
    position: relative;  
}

/* Section: Clearing */

.popup-oldcart .button-wrap:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.popup-oldcart .button-wrap {zoom:1;}

.popup-oldcart .btn-panel:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.popup-oldcart .btn-panel {zoom:1;}


.float-L {    
    float: left;
}

.error {
	font-size: 12px;
	font-weight: bold;
	color: Red;
}

.defaultFont {
	font-size: 12px;
	font-weight: normal;	
}

.floatLWithMargin {
	float: left;
	margin-right: 20px;
}

input.artNo{
	width: 55px;
}