/*
CSS - Mallabones | Luggage and Leather
*/
* {
	padding: 0;
	margin: 0;}/* this will reset all elements to margin/padding = 0 */
body {
	margin: 0 auto;
	padding: 40px;
	background: #804a3c;}



/* layout styles */
#container {
	width:800px;
	margin: 0 auto;
	padding: 0;
	background:#FFF;
	border:0px solid #fff;}
#banner{
	width: 800px;
	height: 166px;
	background:#FFF url(../images/header_banner.jpg) right top no-repeat;}


/* --- n a v i g a t i o n ---*/
div#navigation{
	width:800px;
	height:39px;
	background:#e6dbd8 url(../images/nav/bg.gif) repeat-x;
	padding: 0 0 0 0;}

ul#nav {list-style:none;}
ul#nav li {float:left;text-indent:-9999px;overflow:hidden;}
ul#nav li a {display:block;height:39px;}
ul#nav li a:hover {background-position:0 -39px!important;}

ul#nav li#home a {background:url(../images/nav/home.gif) no-repeat 0 0;width:80px;} 
ul#nav li#business a {background:url(../images/nav/business.gif) no-repeat 0 0;width:90px;} 
ul#nav li#luggage a {background:url(../images/nav/luggage.gif) no-repeat 0 0;width:81px;} 
ul#nav li#backpacks a {background:url(../images/nav/backpacks.gif) no-repeat 0 0;width:100px;} 
ul#nav li#travel a {background:url(../images/nav/travelaccessories.gif) no-repeat 0 0;width:152px;} 
ul#nav li#personalleathergoods a {background:url(../images/nav/personalleathergoods.gif) no-repeat 0 0;width:191px;} 
ul#nav li#contact a {background:url(../images/nav/contact.gif) no-repeat 0 0;width:106px;} 
/* --- n a v i g a t i o n ---*/

	
#info-container{
	background:#f5f1d8; 
	width:800px;}
	
#info-container img{border:none;}

/*--- l e f t ---*/
#left{
	width:538px;
	background:#FFF url(../images/bg-main.gif) bottom repeat-x;
	float: left;
	padding: 0 15px 0 15px;}
div#left p{
	font:12px Verdana, Arial, Helvetica, sans-serif; 
	color:#666;
	padding: 0 0 15px 0;
	line-height:18px;
	text-align:justify;}
div#left ul {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding: 5px 15px 0px 15px;
	margin: 0px 0 0px 15px;}
div#left li {
	padding: 0px 0px 5px 0px;
	margin: 0 0 0px 0px;}
	
div#left a{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#2a5941;
	text-decoration:none;
	font-weight: bold;}
div#left a:hover{
	color:#2a5941;
	text-decoration:none;
	font-weight: bold;
	border-bottom: 1px dashed #804a3c;}
	
div#indexnav a:hover{border-bottom:none;}
	
.images-left{margin:0 15px 15px 0;}
.images-right{margin: 0 0 15px 15px;}
.images-bottom{padding: 30px 0 30px 0;}
/*--- l e f t ---*/

/*--- r i g h t ---*/
#right{
	width:232px;
	background:#f5f1d8;
	float: left;}
div#right p{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding: 30px 15px 30px 15px;}
div#right a{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#2a5941;
	text-decoration:none;
	font-weight: bold;}
div#right a:hover{
	color:#2a5941;
	text-decoration:none;
	border-bottom: 1px dashed #804a3c;
	font-weight: bold;}
div#callus a:hover{border-bottom: none;}
/*--- r i g h t ---*/


/* --- f o o t e r ---*/
#spacer{height:7px; width:800px; background:#492c24;}

#footer{
	margin: 0 auto;
	width:800px ;height:30px; padding: 5px 0 0 0;
	background: #804a3c;
	float:left;
	background:#804a3c; }
div#footer p{text-align:left; color:#e6dbd8; 	font:11px Verdana, Arial, Helvetica, sans-serif;}
div#footer a{
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#caa89e;
	text-decoration:none;}
div#footer a:hover{	
	color:#caa89e;
	text-decoration:none;
	border-bottom: 1px dashed #caa89e;}

#webbasic{text-align:right;}
div#webbasic a:hover{border-bottom:none;}
/* --- f o o t e r ---*/

h1{
	font:18px "Century Gothic";
	color:#2a5941;
	padding: 15px 0 10px 0;
	font-weight: bold;}
h2{
	font:14px "Century Gothic";
	color:#2a5941;
	font-weight:bold;
	padding: 5px 0 5px 0;}
h3{
	font:13px "Century Gothic";
	color:#000;
	font-weight:bold;
	padding: 5px 0 5px 0;}
h4{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#2a5941;
	font-style:italic;
	padding: 10px 30px 10px 30px;}
h5{
	font:13px Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:bold;
	padding: 5px 0 5px 0;}


.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;}
	 
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*---------------------------------------------   
    forms
----------------------------------------------*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#666;}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; vertical-align:top; }

form.form label {
	display: inline-block;
	width: 80px;
	 float:left;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}