/*#####################
### MAIN NAVIGATION ###
#####################*/ 

/* MAIN NAV */
ul#navMain
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	position				: absolute;
	bottom					: 0;
	left                    : 0;
	display 				: block;
	list-style 				: none;
	height					: 40px;
}
ul#navMain li
{
	display 				: inline;
}

	ul#navMain li a {
		margin: 0px 1px 0px 0px;
		padding: 13px 0px 0px 0px;
		font-size: 15px;
		text-align: center;
		text-transform: uppercase;
		color: #FFF;
		display: block;
		float: left;
		text-decoration: none;
		height: 27px;
		background: #565656 url('') top left repeat-x;
		transition: all .2s ease-in-out;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
	}
ul#navMain li a:hover
{
	filter					: alpha(opacity=80);
	-khtml-opacity			: 0.8;
	-moz-opacity			: 0.8;
	opacity					: 0.8;
}
#navMain li a.selected {
	background: #7C7C7C url('') bottom left repeat-x;
	filter: alpha(opacity=100) !important;
	-khtml-opacity: 1.0 !important;
	-moz-opacity: 1.0 !important;
	opacity: 1.0 !important;
}


ul#navMain li a.index
{
	border-top-left-radius			  : 6px;
	border-bottom-left-radius		  : 6px;
	-webkit-border-top-left-radius	  : 6px;
	-webkit-border-bottom-left-radius : 6px;
	-moz-border-radius-topleft		  : 6px;
	-moz-border-radius-bottomleft	  : 6px;
	width                   : 90px;
}
ul#navMain li a.about
{
	width                   : 110px;
}
ul#navMain li a.faqs
{
	width                   : 80px;
}
ul#navMain li a.contact
{
	width                   : 130px;
}
ul#navMain li a.account
{
	width                   : 150px;
}
ul#navMain li a.basket
{
	width                   : 130px;
}

ul#navMain li a.customer-account
{
	width                   : 150px;
}

ul#navMain li a.customer-account-login
{
	width                   : 150px;
}

ul#navMain li a.shop-basket
{
	width                   : 130px;
}

ul#navMain li.search {
	width: 264px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;
	float: left;
	text-decoration: none;
	height: 40px;
	background: #565656 url('') top left repeat-x;
}






/*#####################
### SIDE NAVIGATION ###
#####################*/ 

/* SIDE NAV */
ul#navSide
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
}
ul#navSide li
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

ul#navSide li a
{
	margin					: 0px 0px 1px 0px;
	padding					: 12px 0px 0px 10px;
	font-size				: 14px;
	color					: #333;
	background-color        : #dddcda;
	display 				: block;
	text-decoration 		: none;
	height 					: 23px;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
ul#navSide li a:hover
{
	background-color        : #EEE;
}

ul#navSide li a.selected {
	background-color: #7C7C7C;
	color: #FFF;
}


#navSide a.last
{ 
    border-bottom-left-radius			: 6px;
	border-bottom-right-radius			: 6px;
	-webkit-border-bottom-left-radius	: 6px;
	-webkit-border-bottom-right-radius	: 6px;
	-moz-border-radius-bottomleft		: 6px;
	-moz-border-radius-bottomright		: 6px;
}







/*###########
### OTHER ###
###########*/ 

.bookend.top
{
	margin                  : 15px 0px 0px 0px;
	padding                 : 8px 0px 8px 25px;
	font-size               : 16px;
	display                 : block;
	background-color        : #CCC;
	color                   : #666;
	border-bottom           : 1px solid #FFF;
	border-top-left-radius			: 8px;
	border-top-right-radius			: 8px;
	-webkit-border-top-left-radius	: 8px;
	-webkit-border-top-right-radius	: 8px;
	-moz-border-radius-topleft		: 8px;
	-moz-border-radius-topright		: 8px;
}
.bookend.bottom
{
	margin                  : 0px 0px 15px 0px;
	padding                 : 0px 0px 0px 0px;
	display                 : block;
	background-color        : #CCC;
	border-bottom-left-radius			: 8px;
	border-bottom-right-radius			: 8px;
	-webkit-border-bottom-left-radius	: 8px;
	-webkit-border-bottom-right-radius	: 8px;
	-moz-border-radius-bottomleft		: 8px;
	-moz-border-radius-bottomright		: 8px;
}



#arrowlistmenu
{
	margin 					: 0px 0px 0px 0px;
	padding					: 0px;
	height					: auto;
	list-style 				: none;
	width                   : 210px;

}
#arrowlistmenu ul
{
    list-style              : none !important;
    margin                  : 0 !important;
    padding                 : 0 !important;
}

#arrowlistmenu ul li
{
    margin                  : 0 !important;
    padding                 : 0 !important; 
}
#arrowlistmenu .menuheader
{
	margin					: 0px 0px 1px 0px;
	padding					: 8px 10px 8px 24px;
	position                : relative;
	display 				: block;
	color					: #EEE;
	background-color        : #7C7C7C; 
	text-decoration 		: none;
	line-height             : 1.2em;
	font-size 				: 15px;
	text-align              : left;
	font-weight             : normal;
	transition				: all .2s ease-in-out;
	-webkit-transition		: all .2s ease-in-out;
	-moz-transition			: all .2s ease-in-out;
	-o-transition			: all .2s ease-in-out;
}
#arrowlistmenu .menuheader.expandable
{
    background              : #7C7C7C url('/content/plugins/sidemenu/images/bkgrnd-nav-expand.png') 6px 11px no-repeat;
}
#arrowlistmenu .menuheader:hover,
#arrowlistmenu .menuheader.selected
{
    background-color        : #666;
    text-decoration 		: none;
    color                   : #FFF;
}
#arrowlistmenu .menuheader.expandable:hover,
#arrowlistmenu .menuheader.expandable.selected
{
    background              : #666 url('/content/plugins/sidemenu/images/bkgrnd-nav-expand.png') 6px 11px no-repeat;
    text-decoration 		: none;
    color                   : #FFF;
}
#arrowlistmenu .menuheader.selected
{
     background-color       : #565656;
}
#arrowlistmenu .menuheader.expandable.selected
{
     background          : #565656 url('/content/plugins/sidemenu/images/bkgrnd-nav-contract.png') 6px 11px no-repeat;
}

/*
#arrowlistmenu a:first-child 
{ 
    border-top-left-radius			: 8px;
	border-top-right-radius			: 8px;
	-webkit-border-top-left-radius	: 8px;
	-webkit-border-top-right-radius	: 8px;
	-moz-border-radius-topleft		: 8px;
	-moz-border-radius-topright		: 8px;
}

#arrowlistmenu a:last-child 
{ 
    border-bottom-left-radius			: 8px;
	border-bottom-right-radius			: 8px;
	-webkit-border-bottom-left-radius	: 8px;
	-webkit-border-bottom-right-radius	: 8px;
	-moz-border-radius-bottomleft		: 8px;
	-moz-border-radius-bottomright		: 8px;
}
*/


#arrowlistmenu ul li a
{
    color               : #DFDFDF !important;
    background          : #333333;
    display             : block;
    margin              : 0px 0px 0px 0px;
    padding             : 10px 0px 10px 5px;
    height              : auto;
    text-decoration     : none;
    border-bottom       : 1px solid #FFF;
    font-size           : 12px;
    border-radius			: 0px !important;
	-webkit-border-radius	: 0px !important;
	-moz-border-radius		: 0px !important;
}
#arrowlistmenu ul li a:visited
{
    color               : #A70303;
}

#arrowlistmenu ul li a:hover,
#arrowlistmenu ul li a.selected
{
    color               : #FFF !important;
    background-color    : #444;
    text-decoration     : none !important;
}