﻿body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
    text-align: center;
    margin: 0px;
    background-image: url(images/backgroundsolid.jpg);
    background-repeat: repeat;
    padding: 0; /* lubo */
    height: 100%; /* lubo */
}

/* original 
#wrapper
{
    width: 806px; 
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    height: auto;
    text-align: left;
    border: 1px solid #DDDDDD;
    background-image: url(images/workspacesolid.jpg);
    background-repeat: repeat; 
    padding-right: 15px;
    padding-left: 15px;
    height: auto; 
}
*/

#wrapper
{
    width: 785px; /* 810px */ 
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    border: 1px solid #DDDDDD;
    background-image: url(images/workspacesolid.jpg);
    padding-right: 15px;
    padding-left: 15px;
    height: auto; /* lubo */
    text-align: center;
    
    /*
    position: relative;
    top: -5px;
    left: -26px;
    */
}


#wrapperquicktime
{
    width: 841px; /* original value 785px */
    border: 1px solid #DDDDDD;
    margin-top: 25px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    background-image: url(images/workspacesolid.jpg);
    background-repeat: repeat; /* lubo */
    padding-right: 0;
    padding-left: 0;
    height: auto; /* lubo */
    
    /*
    position: relative;
    top: -5px;
    left: -26px;
    */
}
#header {
	margin: 0px;
	padding: 0px;
	height: 100px;
	position:relative;
	}
	
#header p.tel {
	color:#FFFFFF;
font-size:16px;
position:absolute;
right:50px;
top:22px;
z-index:1000;
	}

#header img {
    border: 0;
}
    
#container
{
    margin-top: 10px;
    margin-right: 13px;
    margin-bottom: 10px;
    margin-left: 13px;
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-position: 0px 0px;
    /* height: 1%; */
    background-color: #FFFFFF;
    height: auto; /* lubo */
    padding-top: 7px;
    padding-bottom: 7px;
	position: relative;
}

#gallerycontainer
{
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    background-attachment: scroll;
    background-repeat: repeat-y;
    background-position: 0px 0px;
    /* height: 1%; */
    background-color: #FFFFFF;
    height: auto; /* lubo */
    padding-top: 7px;
    padding-bottom: 7px;
}

#quicktime /* lubo */
{
    width: auto;
    height: auto;
    text-align: center;
}
#contentwrapper /* lubo*/
{
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
}
#left
{
    padding: 5px 0px 5px 5px;
    margin: 0px;
    width: 210;/* 250px; */
    float: left;
}
#nav {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#nav li {
	margin: 0px;
	padding: 0px;
	display: block;
	background-attachment: scroll;
	background-image: url(bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 50%;
}
#nav li a:link, #nav li a:visited, #nav li a:active {
	color: #666666;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	width: 130px;
}
#nav li a:hover {
	color: #999999;
	text-decoration: none;
}
#center {
	height: auto;
	width: 300px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
	line-height: 1.8em;
}
h1 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
#right {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	height: auto;
	width: 220px;
	float: left
}


#copy
{
    height: 20px;
    color: #000000;
    font-family: Helvetica;
    text-align: left;
}

#itemDescription
{
    /*height:174px;*/
    color: #B09E91;
    text-align: left;
    height: 82px;
}

#rightButtons
{
    height:15px;
    padding-bottom:5px;
}

#purchaseButton
{
    background-color: #B09E91;
    color: #FFFFFF;
    font-family: Helvetica;
    padding-right: 5px;
    padding-bottom: 0px;
    width: 43px;
    height: 15px;
    text-align: center;
    vertical-align: middle;
    padding-left: 2px;
    font-size: 11px;
}


#ImageZoomDescription
{
    background-color: #aedfe4;
    color: #7E695A;
    font-family: Helvetica;
    height: 17px;
    padding-top: 3px;
    text-align: center;
    vertical-align: middle;
    font-size: 11px;
}


#purchaseButton a:link, #footer a:visited, #footer a:active 
{
    
    color: #FFFFFF;
	text-decoration: none;
}
.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}
#footer {
	text-align: center;
	/* margin-top: 40px;  lubo */
	margin-bottom: 5px; /* lubo */ 
	height: auto; /* lubo */
}
#footer p {
	color: #999999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
#footer a:link, #footer a:visited, #footer a:active {
	color: #999999;
	text-decoration: none;
}
#footer a:hover {
	color: #CCCCCC;
	text-decoration: none;
}




 ul { margin: 0; padding: 0; }
 
li.thumbnails
{
    display: inline;
    float: left;
    background: transparent url(frame.gif) no-repeat top left;
    width: 50px;
    height: 75px;
    padding-right: 5px;
    padding-bottom: 5px;
}

      a.NoOpacity 
      {
          display: block; 
          width: 50px; height: 75px; 
          background-position: center; 
          background-repeat: no-repeat; 
          text-decoration: none; 
          filter:alpha(opacity=100);
          opacity:1;
        }
        
       a.Opacity  
      {
          display: block; 
          width: 50px; height: 75px; 
          background-position: center; 
          background-repeat: no-repeat; 
          text-decoration: none; 
          filter:alpha(opacity=80);
          opacity:0.8;
        }
        
        
      li a span  
      {
          font-size: 9px; 
          position: relative; 
          top: 82px; 
          color: #666;  
          text-transform: uppercase; 
          display: block; 
          text-align: center; 
          width: 75px; 
          overflow: hidden; 
    }
      li a:hover span { color: red; }



/*
classes for the caption overlay on the detailed/zoom image


*/
	#leftzoom .caption p {
		margin-bottom:0.5em;
		margin-left:0.25em;
	}
	
	#leftzoom .caption {
		position:absolute
		width:280px; 
		bottom:0;
		left:0;
		
		margin:5px;
		
		padding-left:5px;
		padding-right:5px;

		color:#FFFFFF;
		background:#5f5b4f;
		
		opacity: 0.7;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		z-index:1000;
	}



/* menu items */

#navigation, #navigation ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
     background-color: #97948F;
     text-align: left;
 }
 
  #navigation a:link, #navigation a:active, #navigation a:visited{
    display:block;
    padding:0px 4px;
    /* border:1px solid #333; */
    color: White;
 }
 
#navigation a {
    color: White;
    text-decoration: none;
}

#navigation a:hover{
    background-color:#413E39;
    color: White;
}

#navigation li{
    float:left;
    position:relative;
}

#navigation ul {
    position:absolute;
    /* width:12em; */
    width: auto;
    top: 80px; /*1.5em;*/
    display:none;
    z-index: 2000;
}

#navigation li ul {
    
    z-index: 3000;

}

#navigation li ul a{
    width:12em;
    float:left;
}

#navigation ul ul{
	top:auto;
	}	

#navigation li ul ul {
    left:12em;
    margin:0px 0 0 10px;
    }

#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul{
    display:none;
    }
#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul{
    display:block;
    }

/* shadow */

.shadow {

    /*
        border-color: Red;
        border-style: solid;
        border-width: 2px;
    */
    
    width: 806px; /* original value 785px */
    margin-top: 60px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    height: auto;
    text-align: left;
    
    padding-right: 15px;
    padding-left: 15px;
    height: auto; /* lubo */
    
    background-color: #222
}

#leftColumn {
    display: inline;
    text-align: left;
    float: left;
}

#rightColumn {
    text-align: justify;
    display: inline;
    float: right;
    width: 29%;
}

/*
.bottomRight {
    float: right;
    display: inline;
    text-align: right;
    padding-top: 420px;
    padding-right: 20px;
}

#bottomRight a {
    text-decoration: none; 
    text-align: right;
} 
*/

.bottomRight {
    text-align: right;
    position: relative;
    top: -27px;
    left: -11px;
    height: 0px;
}

.bottomRightHome {
position:absolute;
right:4px;
text-align:right;
top:34px;
}

#collectionContainer {
    text-align: left;
}

#hr {
    text-align:left;
    padding-right: 4px;
}

hr, .hr {border: none 0;
border-top: 1px dashed #000;/*the border*/
width: 100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
} 

/* paypal */

#payPal {
    width: 0px;
    height: 0px;
    position: relative;
    top: -340px;
    left: 500px;
}

#blanket{
    margin-top: 120px;
}

#viewCard{
    position: relative;
    width: 0px;
    height: 0px;
    top: -420px;
    left: 140px;
}

.addToCart{
    margin-top: 10px;
}

/* mailto */


#contact {
    position: relative;
    top: 120px;
    left: 520px;
    height: 0px;
}

#sales {
    width: 199px;
    height: 0px;
}

#sales a {
    color: #333333;
}

#press{
    margin-top: 138px;
    height: 0px;
    width: 200px;
    position: relative;
    left: 6px;
    top: 6px;
}

#press a {
    color: #333333;
}

#paypalshop {
    margin-left: 7px;
    margin-right: 7px;
}

#pyjamamain {
}

#pyjamaimage {
    display: inline;
}

#pyjamadetails {
    display: inline;
    float: right;
    width: 60%;
    text-align: left;
}

#pyjamadescription{
}

#pyjamacolors{
    margin-left: 15px;
}

#blanketmain {
}

#blanketimage {
    display: inline;
}

#blanketdetails {
    display: inline;
    float: right;
    width: 60%;
    text-align: left;
}

#blanketcolors{
    text-align: left;
    margin-left: 15px;
}

.paypalcontrols{
    margin-left: 13px;
}

.paypalcontrols input{
    margin-top: 10px;
    margin-left: 4px;
}

#viewcarddiv {
    position: relative;
    width: 0px;
    height: 0px;
    left: 670px;
}