/*----- Shop general header and footer template styles -----*/
body {
margin:0;
color:#000000;
background:url('images/bg-body.png') #ffffff repeat-x top;
font:12px Arial, Verdana, Helvetica, sans-serif;
}

a { color:#666666; }

a:hover { text-decoration:underline }

a img { border:none }

table { color:#000000; }

div, h1, h2, h3, h4, h5, p, form, fieldset, ul {
margin:0; padding:0;
border:none;
}

input.text {
margin:4px 0 0; padding:3px 3px 0;
height:16px;
background:url('images/bg-input.gif') repeat-x;
border:1px solid #b8bec7;
font:11px Arial, Helvetica, sans-serif;
}

input.button {
margin:4px 0 0; padding:0 10px;
width:auto; height:21px;
background:url('images/bg-button.gif') repeat-x;
border:none;
color:#ff9d0a;
font:bold 11px/21px Arial, Verdana, Helvetica, sans-serif;
text-align:center;
text-transform:uppercase;
}

select {
margin:4px 0 0; padding:1px 0 1px 4px;
height:19px;
background:url('images/bg-input.gif') repeat-x;
border:1px solid #b8bec7;
font:11px/19px Arial, Helvetica, sans-serif;
}

input.checkbox { border:none; }
/* Page layout */

#container {
width:976px;
margin:0 auto;
padding:0;
text-align:left;
}

#pageheader {
display:block;
width:976px; height:111px;
}

#header-content-top {
display:block;
width:976px; height:43px;
}

#top-block-left {
float:left;
width:287px; height:43px;
}

#top-block-left p {
font:normal 12px/43px Arial, Verdana, Helvetica, sans-serif;
}

#top-block-left p strong {
color:#666768;
}

#top-block-right {
float:right;
padding-top:6px;
width:689px; height:37px;
color:#6c7484;
text-align:right;
}

#header-content-bot {
display:block;
width:976px; height:68px;
}

#header-content-bot .bg-left {
float:left;
width:5px; height:68px;
background:url('images/bg-header-bottom-left.png') no-repeat;
}

#header-content-bot .bg-center {
float:left;
width:967px; height:68px;
position:relative;
background:url('images/bg-header-bottom-center.png') repeat-x;
}

#header-content-bot .bg-right {
float:left;
width:4px; height:68px;
background:url('images/bg-header-bottom-right.png') no-repeat;
}

#logo {
float:left;
margin:14px 0 0 12px;
position:relative;
width:241px; height:36px;
}

#slogan {
position:absolute;
top:25px; left:0;
color:#ffffff;
font-size:11px;
font-weight:normal;
}

#shopping-bag {
float:right;
display:block;
position:relative;
height:13px;
margin:9px 17px 0 0;
padding-left:29px;
background:url('images/bg-header-shoppingcart.gif') no-repeat left top;
}

#shopping-bag a {
float:left;
text-decoration:none;
}

#link-basket{
color:#ffffff;
font:normal 12px/13px Arial, Verdana, Helvetica, sans-serif;
}

#link-checkout {
padding-left:10px;
color:#ff9900;
text-decoration:none;
font:bold 12px/13px Arial, Verdana, Helvetica, sans-serif;
}

#shopping-bag span { color:#ff9900}

#shopping-bag-products {
position:absolute;
display:block;
width:425px; height:auto;
padding:5px;
top:22px; right:17px;
background:#fdba49;
color:#545454;
border:2px solid #a2a2a2;
z-index:999;
}

#shopping-bag-products p {
padding:3px 0;
}

/* -----------------  Top menu  -------------------- */
#top-menu {
clear:right;
float:right;
margin:0 17px 0 0;
padding:0;
width:571px;
height:38px;
background:url('images/bg-topmenu-ul.gif') repeat-x 0 31px;
color:#FFFFFF;
list-style:none;
}

#top-menu li {
position:relative;
float:left;
width:auto;
height:38px;
z-index:900;
}

#top-menu li a {
display:block;
float:left;
height:38px;
color:#FFFFFF;
width:auto;
padding:0 24px;
font:bold 12px/38px Arial, Helvetica, sans-serif;
text-decoration:none;
z-index:900;
}

#top-menu li.no-drop { background-image:none;}
#top-menu li:hover, #top-menu li.sfHover { background:url('images/bg-topmenu-ul-li.gif') no-repeat bottom center;}
#top-menu li:hover a, #top-menu li.sfHover a {}
#top-menu li a:hover, #top-menu li:hover a, #top-menu li.sfHover a {}

#top-menu li ul {
list-style:none;
float:left;
width:151px;
position:absolute;
left:0px;
top:-9999px;
background:url('images/bg-topmenu-ul-li-ul.png') no-repeat left top;
}

#top-menu li:hover ul, #top-menu li.sfHover ul { top:38px }

#top-menu li:hover ul li, #top-menu li.sfHover ul li {
background:none;
position:static;
margin:0; padding:0;
}

#top-menu li:hover ul li, #top-menu li:hover ul li a, #top-menu li.sfHover ul li, #top-menu li.sfHover ul li a {
height: 22px;
/*width: auto;*/
width:127px;
padding:0 12px;
font:normal 12px/22px Arial, Helvetica, sans-serif;
text-transform:none;
text-align:left;
}

#top-menu li:hover ul li a, #top-menu li.sfHover ul li a {
padding:0 12px;
color:#ffffff;
font:normal 12px/22px Arial, Helvetica, sans-serif;
}

#top-menu li:hover ul li a:hover, #top-menu li.sfHover ul li a:hover {
color:#ff9900;
}

#top-menu li:hover ul li.bottom, #top-menu li.sfHover ul li.bottom {
height:4px;
line-height:4px;
width:151px;
background:url('images/bg-topmenu-li-ul-bottom.png') no-repeat;
}

/* -----------------  /Top menu  -------------------- */

#columns {
clear:both; float:left;
width:976px;
}

#column-left {
width:161px;
float:left;
}

#column-left h3 {
float:left;
padding:0 0 0 8px;
width:153px; height:27px;
background:url('images/bg-header-column-left.png') no-repeat;
color:#464646;
font:bold 12px/27px Arial, Verdana, Helvetica, sans-serif;
text-align:left;
text-transform:uppercase;
}

#column-left ul, #column-right ul {
clear:both; float:left;
margin:0; padding:0;
width:161px;
text-align:left;
}

#column-left ul li, #column-right ul li  {
list-style:none;
margin:1px 0 0; padding:0;
background:url('images/bg-categorytree-ul-li.png');
color:#2c2d2d;
font:bold 12px/27px Arial, Verdana, Helvetica, sans-serif;
}

#column-left ul li a, #column-right ul li a{
padding:0 0 0 18px;
color:#2c2d2d;
font:bold 12px/27px Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}

#column-left ul li a:hover, #column-right ul li a:hover {}

#column-left select { width:159px;  }

#column-left .block{
float:left;
margin-top:10px; padding:0;
width:161px;
}

#column-left .content{
float:left;
padding:6px;
width:147px;
border:1px solid #dfdfdf;
border-top:none;
}

#column-left .product {
position:relative;
float:left;
margin:5px 0;
height:177px;
}

#column-left .product span.name{
float:left;
margin-bottom:7px;
height:42px;
overflow:hidden;
text-align:center;
}

#column-left .product span.name a{
color:#000000;
font:bold 12px/14px Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}

#column-left .product .image{
float:left;
width:112px; height:73px;
}

#column-left .product .price {
position:absolute;
left:4px; bottom:22px;
padding-top:13px;
width:62px; height:20px;
background:url('images/bg-price-box.png') no-repeat;
text-align:center;
}

#column-left .product .price span{
color:#ffffff;
font:bold 12px/20px Arial, Verdana, Helvetica, sans-serif;
}

#column-left .add_to_cart {
position:absolute;
left:4px; bottom:0;
padding:0 0 2px 20px;
height:13px;
border:0;
background:url('images/bg-button-add2cart.gif') no-repeat left center;
color:#333333;
font-size:11px;
}

#column-left .separator{
clear:both; float:left;
width:149px; height:19px;
background:url('images/bg-separator.gif') repeat-x left center;
text-align:center;
}

#search input {
float:left;
width:119px;
}

#search input.button {
float:right;
width:28px; height:21px;
background:url('images/bg-button.gif') repeat-x;
border:none;
color:#ff9d0a;
font:bold 11px/21px Arial, Verdana, Helvetica, sans-serif;
text-align:center;
text-transform:uppercase;
}

#column-center {
float:left;
margin-left:15px; padding-top:10px;
width:800px;
}

#column-center .left50 { float:left; width:395px; }
#column-center .right50 { float:right; width:395px; }

#column-right {
float:right;
width:206px;
}

#column-right h3 {
float:left;
padding:0 0 0 8px;
width:198px; height:27px;
background:url('images/bg-header-column-right.png') no-repeat;
color:#464646;
font:bold 12px/27px Arial, Verdana, Helvetica, sans-serif;
text-align:left;
text-transform:uppercase;
}

#column-right h4 {
float:left;
margin:0 0 8px;
width:184px;
border-bottom:1px solid #f88601;
background:url('images/bg-header-4-column-right.png') repeat;
color:#ffffff;
font:12px/26px Arial, Verdana, Helvetica, sans-serif;
text-align:center;
}

#column-right .block{
float:left;
margin-top:10px; padding:0;
width:206px;
}

#column-right .content{
float:left;
padding:6px;
width:192px;
background-color:#f3f4f4;
border:1px solid #dfdfdf;
border-top:none;
}

#column-right .product {
position:relative;
float:left;
margin:5px 0;
height:162px;
}

#column-right .product span.name{
float:left;
margin-bottom:7px;
height:28px;
overflow:hidden;
}

#column-right .product span.name a{
color:#000000;
font:bold 12px/14px Arial, Verdana, Helvetica, sans-serif;
text-decoration:none;
}

#column-right .product .image{
float:left;
width:112px; height:73px;
border:2px solid #dfdfdf;
background-color:#ffffff;
text-align:center;
}

#column-right .product .info{
clear:both;
float:left;
width:162px;
font:bold 11px/13px Arial, Verdana, Helvetica, sans-serif;
height:26px;
}

#column-right .product .info strong{
color:#fb8e00;
}

#column-right .product .price {
position:absolute;
left:2px; bottom:0;
padding-top:13px;
width:62px; height:20px;
background:url('images/bg-price-box.png') no-repeat;
text-align:center;
}

#column-right .product .price span{
color:#ffffff;
font:bold 12px/20px Arial, Verdana, Helvetica, sans-serif;
}

#column-right .separator{
clear:both; float:left;
width:192px; height:19px;
background:url('images/bg-separator.gif') repeat-x left center;
text-align:center;
}

#column-right #information .content{
padding:10px;
width:184px;
}

#column-right #information .black-block {
float:left;
margin-top:11px; padding:10px 5px 9px;
width:174px; height:54px;
background:url('images/bg-column-right-block-black.png') no-repeat;
color:#ffffff;
font-weight:bold;
text-align:center;
}

#column-right #information .orange-block {
float:left;
margin-top:11px; padding:10px 5px 9px;
width:174px; height:54px;
background:url('images/bg-column-right-block-orange.png') no-repeat;
color:#ffffff;
font-weight:bold;
text-align:center;
}

#column-right #package{
color:#666666;
font-weight:bold;
}

#column-right #package .product {
height:175px;
}

#column-right #package .product .info{
height:39px;
}


#column-right #package .you-save {
color:#ff0000;
font-weight:bold;
}

#column-right #package .price-box {
float:left;
width:192px;
}

#column-right #package .price-box span {
float:left;
}

#column-right #package .price-box .price {
float:right;
display:block;
color:#ff9d0a;
font:normal 30px Arial, Verdana, Helvetica, sans-serif;
line-height:30px;
}

#column-right #package .price-box .price sup{
font-size:18px;
}

#column-right .add_to_cart {
position:absolute;
right:10px; bottom:0;
padding:0 0 2px 20px;
height:13px;
border:0;
background:url('images/bg-button-add2cart.gif') no-repeat left center;
color:#333333;
font-size:11px;
}

#column-right .add_package {
float:left;
padding:0 0 2px 37px;
width:185px; height:31px;
border:0;
background:url('images/bg-button-addpackage.gif') no-repeat left center;
color:#333333;
font-size:11px;
font-weight:bold;
text-align:left;
}


#pagefooter {
clear:both; float:left;	
width:976px;	
}

#copyright {
display:block;
width:976px; height:38px;
}

#copyright p {
float:right;
width:auto;
padding:0 10px;
background:url('images/bg-footer-copyright-hr.png') repeat-x 0 18px; 
color:#ffffff;
font:normal 11px/38px Arial, Verdana, Helvetica, sans-serif;
text-align:right;
}

#copyright img {
float:left; margin-left:25px;
}

#copyright .bg-left {
float:left;
width:4px; height:38px;
background:url('images/bg-copyright-left.png') no-repeat;
}

#copyright .bg-center {
float:left;
width:968px; height:38px;
background:url('images/bg-copyright-center.png') repeat-x;
}

#copyright .bg-center-content {
display:block;
margin:0 5px;
width:958px; height:38px;
background:url('images/bg-topmenu-ul.gif') repeat-x 0 18px;
}

#copyright .bg-right {
float:left;
width:4px; height:38px;
background:url('images/bg-copyright-right.png') no-repeat;
}

#footer-content {
display:block;
width:976px; height:56px;
}

#footer-content p{
float:left;
padding:10px;
width:635px;
color:#5c5c5c;
font:normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
text-align:left;
}

#footer-content img{
float:right;
margin:5px 5px 0 0;
}

#footer-content .bg-left {
float:left;
width:6px; height:56px;
background:url('images/bg-footer-content-left.png') no-repeat;
}

#footer-content .bg-center {
float:left;
width:965px; height:56px;
background:url('images/bg-footer-content-center.png') repeat-x;
}

#footer-content .bg-right {
float:left;
width:5px; height:56px;
background:url('images/bg-footer-content-right.png') no-repeat;
}

#botmenu {
clear:both; float:left;
padding:10px;
width:956px;
text-align:center;
color:#464646;
}

#botmenu a {
font:normal 12px/18px Arial, Verdana, Helvetica, sans-serif;
color:#464646;
text-decoration:none;
}

#botmenu a:hover { text-decoration:underline; }

/*
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }
*/


.left { float:left }
.right { float:right }
.fix { 
clear: both;
height: 8px;
line-height: 8px
}
.clear { 
clear: both;
height: 1px;
line-height: 1px
}
