/* ADMIN LOGIN FORM */

#login_form {
	padding:15px;
	background:#f6f5f1;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

#login_form input{
	border:1px solid #999;
	padding:4px 4px 4px 4px;
}

input.password{
	background:url(../images/padlock-icon.jpg) no-repeat center left white;
	padding:6px 4px 5px 25px!important;
}

input.email{
	background:url(../images/email-icon.jpg) no-repeat center left white;
	padding:6px 4px 5px 25px!important;
}

#login_form label{
	display:block;
	font-size:1.2em;
	line-height:1.1em;
	margin:6px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body.wysiwyg {
	background: none!important;
	background-color: transparent!important;
}

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-weight: normal; font-style: normal; }
ul,ol {list-style: none;}
fieldset,img { border: none; }
caption,th { text-align: left; vertical-align:top;}
table { border-collapse: collapse; border-spacing: 0; }
a{outline:none;}

body{
	margin:0px auto;
	font-family:'Lucida Grande',Tahoma, Arial, sans-serif;
	font-size:62.5%;
	color:#333333;
	background:#000000;
}


/* LAYOUT */

#wrapper{
	position: relative;
	margin:0px auto;
	width:893px;
}

#header{	
	margin:0px auto;
	width:893px;
	height:99px;
	background:url(../images/layout/header.jpg) no-repeat;
}

#main-image{	
	margin:5px auto;
}

#content{
	position:relative;
	margin:0px auto;
	width:893px;
	background:white;
	overflow:hidden;
	padding:0px 0px 20px 0px;
}

#main-col{
	position:relative;
	width:600px;
	float:left;
	z-index:150;
	padding:20px 20px 10000px 30px;
	margin:0px 0px -10000px 0px;
}

#sub-col{
	position:relative;
	margin:0px 20px 0px 0px;
	padding:20px;
	width:182px;
	float:left;
	background:white url(../images/layout/shadow-border.jpg) top left no-repeat;
	padding:20px 0px 10000px 40px;
	margin:0px 0px -10000px 0px;
}

#breadcrumbs{
	margin:10px auto;
	width:853px;
	height:5px;
}

#footer {
	height:	25px;
	padding: 10px 10px 10px 10px;
}

/* MAIN NAV */

ul#main-nav{
	position:relative;
	margin:0px auto;
	padding:0px 0px 0px 10px;
	width:883px;
	height:49px;
	background:url(../images/layout/main-nav-bg.jpg) repeat-x;
	z-index:214;
}

ul#main-nav li{
	position:relative;
	float:left;
	display:block;
	display: inline;
}

ul#main-nav li ul{
	position: absolute;
	width:130px;
	top:38px;
	left: 0px;
	margin-left:20px;
	padding-top:11px;
	margin-bottom: -10px!important;
	z-index:210;
	display:none;
	opacity:.95;
}

ul#main-nav li ul li{
	position:relative;
	margin:0px;
	display:inline;
	border-bottom: 1px solid #666;
}

ul#main-nav li ul li a{
	margin:0px;
	display:block;
	width:130px;
	padding: 4px 5px 0px 6px;
	color:#FFF;
	background:#333;
}

ul#main-nav li ul li a:hover{
	background:#666;
}

ul#main-nav ul ul li a{
	margin:0px;
	display:block;
	width:140px;
	padding: 4px 5px 0px 6px;
	color:#FFF;
	background:#545454;
}

ul#main-nav ul ul li a:hover{
	background:#666;
}

ul#main-nav li:hover ul, ul#main-nav li.over ul{
	display:block;
}

ul#main-nav ul ul{
	position:absolute;
	width:140px;
	top: -11px;
	left: 121px;
	z-index:210;
	display:none!important;
}

ul#main-nav ul li:hover ul, ul#main-nav ul li.over ul{
	display:block!important;
}

ul#main-nav a{
	position:relative;
	margin:12px 10px 0px 10px;
	font-size:1.2em;
	text-decoration:none;
	display:block;
	height:20px;
	padding:4px 15px 12px 14px;
	float:left;
	color:white;
}

ul#main-nav a:hover{
	color:#f4931f;
}

ul#main-nav a.nav-selected{
	font-size:1.2em;
	color:#fff!important;
	height:10px;
	background:url(../images/layout/main-nav-link-left.png) no-repeat left top #f4931f;
}

ul#main-nav a.nav-selected span{
	position:absolute;
	top:0px;
	right:0px;
	margin:0px 0px 0px 15px;
	display:block;
	height:26px;
	width:12px;
	background:url(../images/layout/main-nav-link-right.png) no-repeat right top;
}


/* PRODUCT STYLES */

.featured-products a,.categories a, .brand-categories a{
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	margin:5px 0px 5px 0px;
	display:block;
	text-decoration:none;
}

.featured-products a:hover,.categories a:hover, .brand-categories a:hover{
	border:1px solid #f4931f;
}

.featured-products p {
	display: block;
	background:#58595b url(../images/layout/arrow-right.jpg) right 16px no-repeat;
	color:#FFFFFF;
	padding:10px 0px 10px 10px;
	margin:0px!important;
	margin-top:5px!important;
}

.categories p, .brand-categories p{
	display: block;
	background:#58595b url(../images/layout/arrow-right.jpg) right 8px no-repeat;
	color:#FFFFFF;
	padding:10px 0px 10px 10px;
	margin:0px!important;
	margin-top:5px!important;
}


ul.categories{
	overflow:auto;
	list-style:none;
}

.categories li{
	float:left;
	width:230px;
	margin:20px 20px 20px 20px;
}

ul.brand-categories{
	list-style:none;
	overflow:auto;
}

.brand-categories li{
	position:relative;
	float:left;
	width:132px;
	margin:0 20px 20px 20px;
	list-style:none!important;
}


.product-list{
	overflow:auto;
}

.product-list a{
	color:#333;
	display:block;
	text-decoration:none;
	border:1px solid white;
	border-bottom:1px dotted #333;
	overflow:auto;
	padding:20px 10px 20px 12px;
}

.product-list a:hover{
	color:#333;
	display:block;
	text-decoration:none;
	border:1px solid #f4931f;
}

.product-image{
	float:left;
	width:197px;
}

.product-image img{
	margin:0px 0px 0px 0px;
}

.product-details-part{
	margin:0px 0px 0px 197px;
}

.product-details-full{
	margin:20px 0px 0px 220px;
}

.product-details-full ul li:before {
	content: "\2022 \0020";
}


div.enquiry-product {
	border:1px solid #CCCCCC;
	padding:5px 5px 5px 5px;
	margin:5px 10px 5px 0px;
	display:block;
	text-decoration:none;
	overflow: auto;
	width: 170px;
	float: left;
}

div.enquiry-product p {
	display: block;
	background:#58595b;
	color:#FFFFFF;
	padding:8px 0px 5px 10px;
	margin:0px!important;
	margin-top:5px!important;
}



/* TABLES STYLE */

table{
	width:100%;
	margin:5px 0px 0px 0px;
}

th{
	background:#f4931f;
	padding:2px 0px 2px 10px;
	color:white;
	font-size:1.2em;
	cursor: hand;
}

td{
	padding:5px 0px 5px 10px;
}

tr.alt-row{
	background:#f2f2ec;
}

/* ADMIN */

ul.add-images{
	overflow:auto;
}

ul.add-images li{
	float:left;
	width:220px;
	margin:10px 10px 0px 0px;
	padding:5px;
	border:1px solid #333;
	background:white;
}

a.delete-image{
	display:block;
	padding:5px 0px 0px 30px;
	height:20px;
	color:white;
	background:url(../images/icon-delete-image.png) left no-repeat #58595b;
}

a.delete-image:hover{
	display:block;
	padding:5px 0px 0px 30px;
	height:20px;
	color:white;
	background:url(../images/icon-delete-image.png) left no-repeat #fcb040;
}

a.delete-product{
	background:url(../images/icon-delete.png) left no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px 5px 0px 5px;
	font-size:1.1em;
	height:15px;
	display:block;
	float:left;
}
a.edit-product{
	background:url(../images/icon-edit.png) left no-repeat;
	padding:0px 0px 0px 20px;
	margin:0px 5px 0px 5px;
	height:15px;
	display:block;
	float:left;
	font-size:1.1em;
}



/* FORM */

form.contact-form{
	float:right;
	width:380px;
	overflow:auto;
}

form.admin-form{
	background:#f6f6f2;
	padding:20px;
}

label{
	display:block;
	width:100px;
	float:left;
}

.text{
	display:block;
	width: 200px;
	float:left;
	border:1px solid #666;
	padding:3px;
}

.short-text{
	display:block;
	width:30px;
	float:left;
	border:1px solid #666;
	padding:3px;
	margin:0px 10px 0px 0px;
}

th input{
	background:#f5b51d;
	border:1px solid #f5b51d!important;
}

table.add-product-table input{
	width:100%;
}

table.add-product-table {
	table-layout:fixed;
}

.add-product-table th, .add-product-table td{
	padding:5px;
}

textarea{
	display:block;
	width:200px;
	height:120px;
	padding:3px;
	float:left;
	border:1px solid #666;
}


fieldset{
	margin:0px 0px 10px 0px;
}


/* BUTTONS */

a.enquire-btn{
	display:block;
	background:url(../images/layout/enquire-btn.png) no-repeat;
	margin:20px 0px 0px 0px;
	height:0px;
	width:88px;
	padding:30px 0px 0px 0px;
	overflow:hidden;
	font-size:1.1em;
	border:none!important;
	cursor:pointer;
}

.update{
	width: 89px!important;
	height: 26px;
	margin: 20px 10px 0 15px;
	padding: 0;
	border: 0;
	background:url(../images/update-btn.png) no-repeat;
	text-indent: -100em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.add{
	width: 89px!important;
	height: 26px;
	margin: 20px 10px 0 15px;
	padding: 0;
	border: 0;
	background:url(../images/add-btn.png) no-repeat;
	text-indent: -100em;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
}

.enquire-btn:active{
	background:url(../images/layout/enquire-btn-active.png) no-repeat;
}

.enquire-btn:hover{
	background:url(../images/layout/enquire-btn-active.png) no-repeat;
}


a.add-field{
	background:url(../images/icon-add.png) no-repeat center left;
	height:15px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 25px;
	display:block;
}

a.delete-field{
	background:url(../images/icon-delete.png) no-repeat center left;
	width:15px;
	height:0px;
	padding:15px 0px 0px 0px;
	overflow:hidden;
	display:block;
	float:left;
}

/* FORMATTING */

hr{
	border:none;
	border-bottom:dotted 1px #333;
	margin: 20px 0 30px 0;
}

p{
	font-size:1.2em;
	line-height:1.6em;
	margin:0px 0px 10px 0px;
}

.evoke{
	float:right;
}

strong{
	font-weight:bold;
}

a{
	color:#f4931f;
}

span{
	cursor: pointer;
}

a:hover{
	color:#f4931f;
	text-decoration:none;
}

h1{
	font-size:2.4em;
	line-height:1.5em;
	margin:0px 0px 10px 0px;
	color:#f4931f;
}

h2.featured-title span{
	position:absolute;
	top:0px;
	right:0px;
	margin:0px 0px 0px 15px;
	display:block;
	height:26px;
	width:12px;
	background:url(../images/layout/main-nav-link-right-white.png) no-repeat right top #f4931f;
}


h2.featured-title{
	position:relative;
	margin:0px 0px 5px 0px;
	font-size:1.4em;
	text-decoration:none;
	display:block;
	height:10px;
	padding:4px 15px 12px 14px;
	color:white;
	border:none;
	background:url(../images/layout/main-nav-link-left-white.png) no-repeat left top #f4931f;
}

h2.outlets{
	color:#333333;
	font-size:1.6em;
	line-height:1.8em;
}

h2{
	margin:0px 0px 15px 0px;
}

h3{
	font-size:1.6em;
	line-height:1.5em;
	color:#333;
	text-transform:uppercase;
}

h4{
	font-size:1.4em;
	line-height:1.5em;
	color:#333;
	margin:0px 0px 5px 0px;
}

a.products{
	display: block;
	font-size:1.5em;
	line-height:1.1em;
	padding:4px 0 4px 10px;
	color:#F4931F;
	text-decoration:none;
}

a.products:hover{
	text-decoration:none;
	color:#FFF;
	background: #58595B;
}

ul{
	font-szie:1.1em;
	line-height:1.5em;
	margin-bottom:10px;
}

li{
	margin:0px 0px 5px 0px;
}

p.outlet-name{
	font-weight:bold;
	color:#333333;
	font-size:1.2em;
}

.pottinger-only{
	color:#00CC00;
}


/* PRODUCT ADMIN */

.create-spec-table{
	color: #F4931F;
	text-decoration:underline;
}

.create-spec-table:hover{
	color: #333333;
	text-decoration:none;
}

.remove-column{
	background:url(../images/icon-delete-table_02.gif) left no-repeat;
	color: #FFFFFF;
	padding: 0 0 0 10000px;
	margin: 5px 0 0 3px;
	overflow:hidden;
	height: 14px;
	float:left;
}

.add-column{
	background:url(../images/icon-add-table_02.gif) left no-repeat;
	color: #FFFFFF;
	text-decoration:underline;
	font-size: .9em;
	padding: 0 0 0 16px;
	margin: 4px 0 0 3px;
	display:block;
}


.remove-column:hover, .add-column:hover{
	color: #FFFFFF;
	text-decoration:none;
}

.validation-error{
	color: #FF0000;
}

.remove-row{
	background:url(../images/icon-delete-table.png) left no-repeat;
	padding: 15px 0 0 0;
	margin: 0 0 0 3px;
	overflow:hidden;
	height: 0;
	float:left;
}

.remove-image{
	background:url(../images/icon-delete-table.png) left no-repeat;
	color: #F4931F;
	text-decoration:underline;
	padding: 0 0 0 18px;
}

.add-row{
	background:url(../images/icon-add-table.png) left no-repeat;
	color: #F4931F;
	text-decoration:underline;
	padding: 0 0 0 18px;
	margin: 0 0 0 3px;
}

.add-row:hover, .remove-row:hover, .remove-image:hover{
	color: #F4931F;
	text-decoration:none;
}


#product_brand{
	width: 200px;
	float:left;
}

#product_category{
	width: 200px;
	float:left;
}

#enquireProduct{
	margin: 120px 0 0 0;
}

#enquireProduct img{
	float:left!important;
	margin: 0 10px 0 0!important;
}

.wysiwyg ol, .wysiwyg ul, #main-col ol, #main-col ul {
	font-size:1.1em;
	line-height:1.6em;
	margin:0px 0px 10px 0px;
	list-style: none;
	margin-left: 8px;
	padding-left: 1em;
	/*text-indent: -1em;*/
}

.wysiwyg blockquote, #main-col blockquote {
	padding: 9px;
	border: 1px solid #000000;
	width: 600px;
}

body.wysiwyg {
	background: none!important;
	background-color: transparent!important;
}

.wysiwyg img, #main-col img {
	/*padding:5px;*/
	background:white;
}

.wysiwyg ol, .wysiwyg ul, #main-col ol, #main-col ul {
	font-size:1.1em;
	line-height:1.6em;
	margin:0px 0px 10px 0px;
	list-style: none;
	margin-left: 8px;
	padding-left: 1em;
	/*text-indent: -1em;*/
}



/* OUTLETS MAP */

div#outlets-map {
    position: absolute;
    right: 0px;
    top: 60px;
}

div.outlets-map-region {
    overflow: hidden;
    width: 297px;
    height: 380px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(../images/outlets/sprites.png);
    display: none;
    background-repeat: no-repeat;
}

#outlets-list{
	width:300px;
}

#outlets-list div{
	cursor:pointer;
	cursor:hand;
	padding:4px;
	font-size:1.1em;
	margin:2px 0;
}

#outlets-list div:hover{
	background:#F4931F;
	color:#FFF;
}

.ui-state-active, .ui-state-active{
	background:#59595c;
	color:#FFF;
	outline:none;
	margin-bottom:10px!important;
}

.ui-accordion-content{
	background:url(../images/outlets/category-bg.jpg) bottom left repeat-x #fae2b6;
	padding-top:15px;
	width:270px;
	border:1px solid #FFF;
	-moz-border-radius:14px;
	display:block;
}

.ui-accordion-content a:hover{
	color:#983d00;
}