/************************************************************
Title:     Navcontainer
Author:    Emile Blume - Netcreators.com
************************************************************/

/* Main navigation ////////////////////////////////////////////////////////////////////////*/
#nav-main, #nav-portal, #bread {
	left: 140px;
	top: 0;
	position: absolute;
}

#nav-main li, #nav-portal li {
	display: inline;
	float: left;
}

#nav-main li a, #nav-portal a {
	background-color: #C29C5D;
	background-position: top;
	background-repeat: no-repeat;
	color: #FFF;
	display: block;
	height: 90px;
	width: 90px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
}

#nav-main a#m-51 {background-image: url(images/nav/m-01.gif);}
#nav-main a#m-107 {background-image: url(images/nav/m-02.gif);}
#nav-main a#m-7 {background-image: url(images/nav/m-04.gif);}
#nav-main a#m-86 {
	background-image: url(images/nav/m-03.gif);
	margin-left: 300px;
}

#nav-main li a:hover, #nav-portal a:hover,
#header a.active, #header a.current {
	background-color: #E00130;
	background-position: bottom;
}

/* Portal navigation ////////////////////////////////////////////////////////////////////////*/
#nav-portal { left: 240px; top: 100px;}

#nav-portal a#m-6 {background-image: url(images/nav/m-05.gif);}
#nav-portal a#m-4 {background-image: url(images/nav/m-06.gif);}
#nav-portal a#m-3 {background-image: url(images/nav/m-07.gif);}
#nav-portal a#m-5 {background-image: url(images/nav/m-08.gif);}
#nav-portal a#m-105 {background-image: url(images/nav/m-09.gif);}

#nav-portal a#m-516 {
	background-image: url(images/m-10.gif); 
}

/* Breadcrumb navigation ////////////////////////////////////////////////////////////////////////*/
#bread {	
	color: #676767;
	left: 140px;
	top: 222px;
	font-size: 11px;
}

#bread a {
	color: #676767;
	text-decoration: none;
	font-size: 11px;
}

#col-01 #bread {
	left: 0;
	top: 0;
	position: relative;
}

#col-01 #bread a {
	color: #E20030;
	font-size: 11px;
	font-weight: bold;
	line-height: 1em;
}

/* Left navigation ////////////////////////////////////////////////////////////////////////*/
#nav-left { margin: 30px 0 0 -15px; }
#nav-left ul, #nav-left li { list-style:none; }
#nav-left li a {
	display: block;
	color: #333;
	line-height:1.2em;
	height: 1%;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 15px;
	margin-bottom:6px;
}

#nav-left li a:hover, #nav-left li a.active {
	background: url(images/arrow-red.gif) no-repeat 3px 2px;
	color: #E20030;
}

#nav-left li li a { 
	background:url(images/nav-bullit.gif) no-repeat 3px 2px;
	color:#666;
}

#nav-left li li a:hover, #nav-left li li a.active { 
	background:url(images/nav-bullit-on.gif) no-repeat 3px 2px;
	color: #E20030;
}

#nav-left ul ul ul{ margin-left:15px; }

/* Right navigation ////////////////////////////////////////////////////////////////////////*/
#nav-right ul, #nav-right li { list-type:none; margin:0; padding:0; }

#nav-right li a {
	color:#656565;
	font-size:22px;
	font-weight:bold;
	height: 1%;
	line-height:1.1em;
	margin-bottom:0.8em;
	text-decoration:none;
}
#nav-right li a:hover {
	color: #E20030;
}

#nav-right ul ul { margin-top:20px; }
#nav-right li li a {
	background: url(images/square.gif) no-repeat left 3px;
	color: #333;
	display: block;
	font-size:14px;
	font-weight:bold;
	line-height:1.1em;
	margin-bottom:0.8em;
	padding-left:15px;
}

#nav-right li li a:hover, #nav-right li li a.active {
	background: url(images/arrow-red.gif) no-repeat left 3px;
	color: #E20030;
}

/* Footer navigation ////////////////////////////////////////////////////////////////////*/
#nav-footer {
	top: 0;
	left:180px;
	position: absolute;
}
#footer li {
	display: inline;
}

#footer li a {
	border-left: 1px solid #333;
	color: #333;
	margin-right: 0.6em;
	padding-left: 0.6em;
	text-decoration: none;
}
/**footerNew I will delete it after confirmation put footerNew for now*/
#footerNew li {
	display: inline;
}

#footerNew li a {
	border-left: 1px solid #333;
	color: #333;
	margin-right: 0.6em;
	padding-left: 0.6em;
	text-decoration: none;
}

/****************Navigation in shopping cart **********************/
#nav-cart { margin: 30px -10px 0 -15px; }
#nav-cart ul, #nav-cart li { list-style:none;}
#nav-cart li a {
	display: block;
	color: #333;
	line-height:1.2em;
	/*height: 1.8em;*/
	height:20px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	margin:15px;
	/*padding-left:18px;*/
	padding-left:22px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
    background-color:#c49e5f;
	
	/*background: url(images/arrow-red-leftpointing.gif) no-repeat 0 2px;*/
	color:white;

}
#nav-cart li a {
    background:url(images/arrow-gold-leftpointing.gif) no-repeat 0 2px;
    background-color:#c49e5f;
}

#nav-cart li a:hover, #nav-cart li a.active {
	/*background: url(images/arrow-red-leftpointing.gif) no-repeat 3px 2px;*/
	background: url(images/arrow-red-leftpointing.gif) no-repeat 0 2px;
	/*background-color:#FF0000;*/
	background-color:#E00130;
	color:white;
}

#nav-cart li li a { 
	background:url(images/nav-bullit.gif) no-repeat 3px 2px;
	color:white;
}

#nav-cart li li a:hover, #nav-cart li li a.active { 
	background:url(images/nav-bullit-on.gif) no-repeat 3px 2px;
	color: #E20030;
}
/*making anchor as button*/
.anchorButton{
    /*background-color:red;*/
    background-color:#E00130;  
    color:white;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:1.5em;
    line-height:1.2em;  
    padding:4px 2px 0px 10px;
    text-align:left;
    text-decoration:none;
   /* background:red url(images/arrow-red-leftpointing.gif) no-repeat 1px 1px;*/
   
}
.greyedButton{
    background-color:#ACA899;  
    color:white;
    display:block;
    font-size:12px;
    font-weight:bold;
    height:1.5em;
    line-height:1.2em;  
    padding:4px 2px 0px 10px;
    text-align:left;
    text-decoration:none;
    min-width:12px;
   
}

.anchorButtonPagination {
    /*background-color:red;*/
    background-color:#E00130;     
    color:white;
    padding-left: 5px;
	margin-left: 5px;
	font-size:12px;
	text-decoration:none;
}

.greyOutButtonPagination {
    background-color:gray;   
    color:white;
    color:white;
    padding-left: 5px;
	margin-left: 5px;
	font-size:12px;
	text-decoration:none;
}

#nav-cart ul ul ul{ margin-left:15px; }
/*****************************************************************/