/*******************************************************************************************************
*
*	General background and element style
*
********************************************************************************************************/

body{
	
	background-color:gray;

	font:11px verdana;
	color:gray;

	
}

a{margin:0;padding:0;color:gray;}
/* title settings */

h1,h2,h3,h4{

	border-bottom:none 1px silver;

}
ul, li{
	margin:0px;

}

input[type="button"],input[type="submit"] {
	background:#fff;
	color:#bd5530;
	font-weight:bold;
	margin:0 5px;
	margin-top:5px;
	

}
button{
	background:#fff;
	color:#bd5530;
	font-weight:bold;
	margin:0 5px;
	margin-top:5px;

}
input { 
	color: expression(this.type=="button"?'#DC143C':'black'); 
	color: expression(this.type=="submit"?'#DC143C':'black'); 
	background: expression(this.type=="button" || this.type=="submit" || this.type=="password" || this.type=="text"?'#fff':''); 
	font-weight:expression(this.type=="button"?'bold':'normal'); 
	font-weight:expression(this.type=="submit"?'bold':'normal'); 

	
} 
/*******************************************************************************************************
*
*	C o m m o n
*
********************************************************************************************************/

.clear {

	clear:both;
	width:0;
	height:0;
	font-size:0px;
	padding:0;
	margin:0;


}

.clearFix {

	clear:left;

}


.errorText
{
	
	font-weight:bold;
	color:yellow;
	
}


.bgC{
	
	background-color:rgb(199,225,222);
	border:none;
}

.bgC td,.bgC table{
	
	background-color:rgb(199,225,222);
	border:none;

}

.bgB{
	
	background-color:rgb(216,211,181);

}

.bgB td,.bgB table{
	
	background-color:rgb(216,211,181);
	border:none;

}

.bgA{
	
	background-color:rgb(144,131,115);color:silver;
}

.bgA div{
	
	color:silver;
}

.bgA td,.bgA table{
	
	background-color:rgb(144,131,115);
	color:silver;
	border:none;

}

.bgDark{  

	background-color:#000;
	color:#fff;

}
.bgDark td,.bgDark table{
	
	background-color:#000;
	color:#fff;
	border:none;

}

.bgC{ 

	background-color:rgb(199,225,222); 

}

/*******************************************************************************************************
*
*	G e n e r a l  t a b l e  s t y l e
*
********************************************************************************************************/




td{
	padding:3px;
	margin:0;
	vertical-align:top;
	text-align:left;
}
.customerTable table tr{

	background:#fff;
	color:#fff;
}
.customerTable tr:hover{

	background:silver;
	color:#fff;
}
.customerTable td:hover{

	background-color:silver;
	color:#fff;
}
.customerTable th{

	background-color:gray;
	color:#fff;
	text-align:left;
}

.customerTable td{

	background-color:#fff;

}
/*******************************************************************************************************
*
*	P a g e  b l o c k
*
********************************************************************************************************/


#pagewrap{
		
		
		
		
		
	
		
}

.page {

	width : 820px;
	max-width : 820px;
	/*height:auto!important;
	height:600px;
	min-height:600px;*/
        padding : 0;
        background-color : #fff;
        margin : 0 auto 0 auto;
	overflow:hidden;


}

/*******************************************************************************************************
*
*	H e a d
*
********************************************************************************************************/

#head span{

	
	left:200px;
	background-color:black;
	color:red;
	font-size:12px;
	font-weight:bold;
	margin:5px;
}

#head{
	
	color:#000;
	background-color:black;
	top:0px;
	padding-left:20px;
	padding-right:20px;
	display:none;
}

/*******************************************************************************************************
*
*	I n t r o
*
********************************************************************************************************/

#topIntro{
	
	top:0px;
	color:#000;
	background-color:rgb(189,85,48);
	background-repeat: no-repeat;
	background-image:url('../images/misc/intro-morris-loggo.jpg');
	background-repeat: no-repeat;
	height:196px;
	min-height:196px;
	
	
}


/*******************************************************************************************************
*
*	M a i n   n a v i g a t i o n 
*
********************************************************************************************************/

#nav{

	background-color:#000;
	
	padding:0 20px 0 20px;
	margin:0;
	border:solid 1px #000;
}

#nav ul {
	
	padding:0;
	margin:0;
	background-color:#000;

}

#nav ul li{

	

	float:left;
	display:block;
	font-weight:bold;
	color:#fff;
	white-space: nowrap;


	background: #000 url('../images/misc/menu-separator.png');
	background-repeat: no-repeat;


	background-position: center right;

	padding:0px;	margin:0;

	width:auto!important;
	width:1px;
	min-width:1px;

	

}

#nav ul li a{ 
	padding:0px;	margin:0;
	
	display:block;
	color:silver;
	font-weight:bold;
	white-space: nowrap;
	margin:0;
	padding:5px;
	width:auto!important;
	width:1px;
	min-width:1px;

	

}

#nav ul li a:hover
{ 
	color:#fff;
}

#nav ul .active
{ 
	color:#fff;
	padding:5px;
	
}


/*******************************************************************************************************
*
*	C o n t e n t   b l o c k 
*
********************************************************************************************************/

#content{
	
	

	width:auto!important;
	width:780px;
	min-width:780px;

	height:auto!important;
	height:1px;
	min-height:1px;
	margin:0;
	
	padding:20px;

}




/*******************************************************************************************************
*
*	I n n e r Navigation 
*
********************************************************************************************************/

.nav-left{
	
	
	
	margin:10px;
	padding:0;

}


.nav-left li{

	display:block;

	padding:2px;
	font-weight:bold;
	margin:2px;

}
.nav-left li a{
	color:gray;
	text-decoration:none;	

}

/*******************************************************************************************************
*
*	F o o t   b l o c k 
*
********************************************************************************************************/

.foot{
	background:rgb(78,69,60);
}

.innerFoot{
	
	margin:0px 0px 0px 0px;
	background:url('../images/misc/footer-3.jpg');
	background-repeat: no-repeat;
	height:auto!important;
	height:175px;
	min-height:175px;
	
}
#footer-contact-info{

	
	padding-left:50px;
	font-weight: bold;
	color:silver;
	padding:40px;
	

	

}
#footer-contact-info div, #footer-contact-info span, #footer-contact-info a{


	color:gray;

}
#footer-contact-info .text{

	
	padding-right:3px;	

}
#footer-contact-info #email .label{


	display:none;

}
#myform input.text{

	width:200px;
}
/*******************************************************************************************************
*
*   default block
*
********************************************************************************************************/



#default2{
	

	width:auto!important;
	width:780px;
	min-width:780px;

	height:auto!important;
	height:375px;
	min-height:375px;
	
	margin:0;
	padding:0px;



}



#contentDefault{
	
	background-color:#C7E1DE;

	
	width:auto!important;



}
#contentDefault #col1{



	
	float:left;
	width:40%;
	
	
	
}
#contentDefault #col2{
	

	width:40%;
	float:right;
	
	
}


.productD #col2{

	width:160px;
}
.productD #col1{

	padding-left:160px;
}



/*******************************************************************************************************
*
*	f o r m
*
********************************************************************************************************/

form .buttonPannel{
 
	padding:1em;
	margin-bottom:1em;
}

/*******************************************************************************************************
*
*	L o g g i n  f o r m
*
********************************************************************************************************/
#loginForm label{
	display:block;
	width:auto!important;
	width:160px;
	min-width:160px;

}

/*******************************************************************************************************
*
*	S i g n u p  f o r m
*
********************************************************************************************************/




#signup #default #col1{

	
	width:25%;
	
	

}

#signup #default  #col2{

	
	width:65%;
	
	
}



#signupForm .box{
	
	float:left;
	color:gray;
	
	padding:1em;

}

#signupForm .box label{
	display:block;
	width:auto!important;
	width:160px;
	min-width:160px;
	clear:both;

	

}
#signupForm .box,#signupForm .box input{
	
	float:left;
	display:block;
	

}


/*******************************************************************************************************
*
*	C o n t a c t   f o r m
*
********************************************************************************************************/




#contact #default #col1{

	
	
	width:200px;
	

}

#contact #default  #col2{

	width:490px;
		
	
	
	
}


/*******************************************************************************************************
*
*	P r o d u c t - s h o w r o o m
*
********************************************************************************************************/

#contentProduct{
	
	background-color:#C7E1DE;

	

	
	height:auto!important;
	height:100px;
	min-height:100px;

	width:auto!important;
	width:780px;
	min-width:780px;

	

}
#contentProduct #col1{

	float:left;
	text-align:center;
	height:auto!important;
	height:100%;
	min-height:500px;

	width:580px;
	
	
	
	
}

#contentProduct #col1 h3{
	
	display:block;
	margin:0;padding:0;
	text-align:center;

	
}
#contentProduct #col1 .productImageBox{
	
	text-align:center;
	margin-top:40px;
	margin-bottom:40px;

}




#contentProduct #col1 .productImageBox  .productImage{
	
	width:350px;
	max-width:350px;
	margin:0 auto;

}



#contentProduct #col2{
	

	width:160px;
	float:right;
	
	
	
}




#about {

	width:100%;	
}
#about #col1{

	
	padding:20px;			
}
#about #col2{

	
	padding:20px;	
}





.introduction
{

	font-weight:bold;
}


.innerColRight
{

 	width:160px;
 	padding:10px;
 	margin:5px;

}




.td-active-true{
	
	background-color:green;

}

.td-active-false{

	background-color:red;

}

.products{
	
	
	top:0;
	display:block;
	margin:0;
	
	
	border:solid 0px black;
	padding:5px 0px 5px 0px;

	height:auto!important;
	height:400px;
	min-height:400px;
}
.product {
	display: block;
	
	float:left; 
	margin:4px;
	border:solid 1px silver;

	padding:7px;

	
	height:auto !important;
	height:220px;
	min-height:220px;
	/*page-break-after: auto;*/
  	
}
.product a {

	text-decoration:none;
	color:gray;

}
#bag .product {

	height:350px;

}
#all .product{

	width:160px;
	


}


#all .product .productImage img{
	
	
	height:auto !important;
	height:160px;
	max-height:160px;
	
	
}
.product .productImage{
	
	
	border:solid 0px silver;
	width:160px;
	text-align:center;
	background-color:#fff;
	
	
}

.productInfo{

	margin-bottom:0px;
	border:solid 0px gray;
	color:gray;
	
	height:70px;
	width:140px;
}

.productImage img {
	
	border:none 1px gray;
	margin:0px;
	
}
.products .productImage img {
	

	width:160px;
	
}

.price, .name{

	font-weight:bold;
}
.price{

	float:left;

}
.new-price {

	color:green;
	float:left;
	padding-left:3px;

}

.variant{
	
	float:left;
	background-color:yellow;
	border:dotted 1px #ccc;
	margin:2px 2px;
}


.border table{

	
	padding:0;
	margin:0;
	border-right:solid 1px #ccc;
	border-top:solid 1px #ccc;

}

.border th{

	padding:3px;
	margin:0;
	text-align:left;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;

}

.border td{
	
	padding:3px;
	margin:0;
	vertical-align:top;
	text-align:left;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;

}

#order-rules {

	text-align:center;
	color:gray;
	border:solid 1px silver;
	padding:10px;
	
}

/*********************************************************************************
* Default style confg
*
***********************************************************************************/


#col{

	
	margin:0;
	padding:20px 20px;

	
	
	

}
#col1{
	float:left;
	padding:20px 20px;

	
	width:350px;

}
#col2{
	
	float:right;
	padding:20px 20px;
	margin:0;
	
	
}

#default2 #col h2,#default2 #col1 h2,#default2 #col2 h2{
	
	margin:0;
	margin-bottom:1em;
	 
}


/*********************************************************************************
* basket style confg
*
***********************************************************************************/
.basket #col1{
	width:300px;
}

.basket #tblBasket{

	width:380px;
	background:#fff;
}
.basket #tblBasket td{

	width:380px;
	background:#fff;
}

/*********************************************************************************
* welcome style confg
*
***********************************************************************************/

#welcome {

	
	display:block;
	width:780px;
	height:375px;
	background:url('../images/welcom/first_2006.jpg');
	background-repeat: no-repeat;
	
	

}
#welcome #info{

	width:250px;
	padding:20px;
	color:rgb(216,211,181);
	text-decoration:none;

}
#welcome #info  a{

	color:rgb(216,211,181);
	text-decoration:none;

}
#welcome #info p{
	

	color:rgb(216,211,181);

}


#news2006 {

	
	display:block;
	width:780px;
	height:430px;
	color:rgb(216,211,181);
	background-repeat: no-repeat;
	
	

}

#newproducts {

	
	display:block;
	width:780px;
	height:380px;
	background:url('../images/welcom/dummy-w600-v2006.jpg');
	background-repeat: no-repeat;
	

}

#newproducts #info{

	width:250px;
	padding:20px;
	color:rgb(216,211,181);

}
#newproducts #info p{
	

	color:rgb(216,211,181);

}
#showroomNews #col h2{
	text-align:center;
}
#showroomNews .products{

	margin:0 auto;
	width:100%;
}
#showroomNews .product .productInfo{

	
	height:auto !important;
	height:5em;
	min-height:5em;
	

	

}
#showroomNews .product{
	/*width:auto !important;
	width:85px;
	min-width:85px;*/
	height:auto !important;
	height:1px;
	min-height:1px;
}
#showroomNews .product {

	height:auto !important;
	height:1px;
	min-height:1px;

}
#showroomNews .productImage{
	width:160px;
}
#showroomNews .productImage img {

	height:160px;

}

/*********************************************************************************
* Priclist style confg
*
***********************************************************************************/
.pricelistPage {

	border:dotted 1px silver;
	width:776px;height:1600px;
	margin:0;
	top:0;
	left:0;
	background-color:#fff;
	display:block;
	page-break-after: always;
	size:portrait;

}

.pricelistPage #product-container{

	height:1600px;
	border:none 1px #ccc;
	position:relative;
	top:0px;
	left:0;

}
.pricelistPage #order-rules
{
	position:relative;
	margin:0;
	top:250px;	 

}

.pricelistPage .foot{

	font-size:14px;
	text-align:center;
	margin:0;
	height:80px;
	vertical-align:bottom;
}

.pricelistPage .product{
	
	margin:10px 10px 10px 10px;
	border:dotted 1px #fff;
	height:auto;
}

.pricelistPage .products-c1{

	margin:0px 0px 0px 0px;
	border:none 1px #ccc;
	position:absolute;
	left:0;width:49mm;
}

.pricelistPage .products-c2{

	margin:0px 0px 0px 0px;
	border:none 1px #ccc;
	position:absolute;
	left:49mm;
	width:49mm;

}

.pricelistPage .products-c3{

	margin:0px 0px 0px 0px;
	border:none 1px #ccc;
	position:absolute;
	left:99mm;
	width:49mm;

}

.pricelistPage .products-c4{

	margin:0px 0px 0px 0px;
	border:none 1px #ccc;
	position:absolute;
	left:149mm;
	width:49mm;

}

.pricelistPage .product-table{

	margin:10px 10px 0px 10px;
	border:dotted 1px #ccc;
	width:200px;

}

.pricelistPage .price, .name{

	font-weight:bold;

}

.pricelistPage .price{

	float:left;

}

.pricelistPage .new-price {

	color:green;
	float:left;
	padding-left:3px;

}

.pricelistPage .variant{

	float:left;
	background-color:yellow;
	border:dotted 1px #ccc;
	margin:2px 2px;

}


.signUpForm{

	background-color:#fff;
	border:outset 2px #fff;
	margin:40px;
	padding:5px;

}

.signUpForm td{

	background-color:silver;
	border:none;
	margin:0px;
	padding:5px;

}
.signUpForm  .formBlock{
	
	border:groove 2px #fff;
	margin-bottom:10px;

}

.signUpForm .formBlock th{

	background-color:gray;
	color:#fff;
	border:none;
	margin:0px;

}
.signUpForm .formBlock td{

	background-color:silver;
	border:none;
	margin:0px;

}
#login ,#login td,#login table,#login th{

	border:none;
	background-color:rgb(216,211,181);

}


.buy{

	padding-top:3px;
	text-align:right;

}

.termsOfDelivery{
	
	background-color:#F0F8FF;
}


.intro
{
	font-style: italic;
	font-weight:  bold;

}
.info
{
	font-style: italic;
	font-weight:  normal;
	margin:5px;
	border:dotted 1px silver;

}
.contactForm{

	
	padding:40px;
	padding-top:10px;
	padding-bottom:0px;
}
.contactForm .col1{
	
	width:200px;
}


.imgName{ 
	padding:5px;

}
#customerHome #default #col1{

	width:300px;

}

#customerHome #default #col2{

	float:right;
	width:300px;

}

#customerInfoTable{

	border-right:solid 2px silver;
	border-top:solid 2px silver;

}
#customerInfoTable td{

	background:#fff;	
	margin:5px;
}
#customerInfoTable td{

	background:#fff;	
	border-left:solid 1px silver;
	border-bottom:solid 1px silver;

}


.buttonbuy{

	background:red;
	padding-left:5px;
	padding-right:5px;
}


form .name{
	width:200px;

}
form .email{
	width:300px;

}
form .web{
	width:300px;

}
form .subject{
	width:300px;

}
#orderTable table{

	border-right:solid 1px silver;
	border-top:solid 1px silver;


}
#orderTable th{

	background:gray;
	color:white;
	font-weight:bold;
	white-space:nowrap;
	border-left:solid 1px silver;
	border-bottom:solid 1px silver;


}
#orderTable .innerTable {
		width:100px;

}
#orderTable table table th{

	background:silver;
	color:white;

}
#orderTable td{

	background:#fff;
	white-space:nowrap;
	border-left:solid 1px silver;
	border-bottom:solid 1px silver;


}

#logginBox{



}
#logginBox.cornerBox{

	background-color:#778899;

}
#logginBox.cornerBox .innerCornerBox{

	padding:20px 40px;
	background-color:#778899;
	color:#fff;
}
#contactBox{
	margin:1em 0;

}
#contactBox.cornerBox{

	background-color:#778899;
	

}
#contactBox.cornerBox .contactForm{

	padding:0px 40px;
	background-color:#778899;
	color:#fff;
}

.contactForm textarea{

	margin-bottom:1em;
}



#confirmBox{margin-left:15%;}
#confirmBox.confirmTbl {width:480px;}
.confirmTbl {width:340px;}
.confirmTbl th{text-align:left;}
.confirmTbl td{background:#fff;}
.confirmTbl td+td{width:80%;}

input.edit{margin:0 0 5px 0;}
#myform input{border:none;background:#fff;font-size:11px}
#myform .submit{border:outset 2px #ccc;display:none;background:#fff;margin-right:5px;color:gray;}
.autoHeight{
	
	height:auto!important;
	height:600px;
	min-height:600px;
	

}
#importantBox{
	background-color:#F5FFFA;
	border:solid 1px #ccc;
	padding:1em;

	height:auto!important;
	height:1px;
	min-height:1px;

}
#importantBox h5{
	margin:0;

}

#successBox{

	width:500px;
	margin:0 auto 0 auto;background:#F5F5F5;
	top:4em;
	padding:2em;
}
#successBox h2,#sucssesBox .intro{
	text-align:center;
}
body{
/*background:rgb(222,210,182);*/
}

#privetPersonOrder #col1{

	width:300px;
}
#privetPersonOrder #col2{

	width:400px;
	float:right;
}
#privetPersonOrder #col2 #contactBox{

	width:380px;
	background:#89A9A7;
	
}
#privetPersonOrder #contactBox.cornerBox .contactForm{

	background:#89A9A7;
	

}
input.postCode{
	width:100px;
}
#whereToBuy input.name, #whereToBuy input.email, #whereToBuy input.city{

	width:300px;
}

	table.tblinfo {

		border-top:solid 1px;
		border-right:solid 1px;
		margin-left:40px;
	}
	table.tblinfo td{
		text-align:right;
		border-left:solid 1px;
		border-bottom:solid 1px;
		
	}

#whereToBuy .infoBox{
	width:280px;

}
#whereToBuy .infoBox .imBox{
	width:280px;

}
h2 { font-size:16px; }
/************************************************************************************************************************/


@media print{
	
	body{
	
	
		background-color:#fff;

	}

	div,p{

		page-break-before:auto;
		size:portrait;
	}

	a{
		text-decoration:none;
	}
	
	.page {

		width : 700px;
		max-width : 700px;
	
		page-break-after: auto;
		size:portrait;

	}

	#topIntro{
	
		background-image:url('../images/misc/intro-morris-loggo-print.jpg');
		background-repeat: no-repeat;
		height:160px;
		min-height:170px;
	
	
	}

	.foot{
	
		background:url('../images/misc/footer-3.jpg');
		background-repeat: no-repeat;
	}
	#welcome{

		background:url('../images/welcom/dummy-w640.jpg');
		background-repeat: no-repeat;
	

	}
	#default {
		width:700px;
	}
	#default #col1,#default #col2{
		float:none;
	}
	
	#welcome #info{

		width:200px;
	

	}
	#newproducts #info{

		width:200px;
	
	}
	

}