/* @override http://dev.collectlondon.com/skin/frontend/default/collect/css/leftmenu.css */

/* CSS for left menu */
#vertnav li .vertnav-cat {
	display:block;
	border-bottom:1px dotted gray;
	padding:3px;
	width:189px;
}

#vertnav li a {
}

#vertnav .inactive .vertnav-cat {
	background-color:#C0C0C0;
}

#vertnav .next .vertnav-cat {
	background-color:#DEDEDE;
}

#vertnav .prev .vertnav-cat {
	background-color:#DEDEDE;
}

#vertnav .first .vertnav-cat {
}

#vertnav .last .vertnav-cat {
}

#vertnav .only .vertnav-cat {
}

#vertnav li.parent .vertnav-cat {
	background-color:#E0E0E0;
	font-weight:bold;
}

#vertnav li.active .vertnav-cat {
	background-color:#FFFFFF;
	font-weight:bold;
}

#vertnav li.inactive .vertnav-cat {
	font-weight:normal;
}

#vertnav .level0 .vertnav-cat {
}

#vertnav .level1 .vertnav-cat {
	padding-left:10px;
	width:182px;
}

#vertnav .level2 .vertnav-cat {
	padding-left:20px;
	width:172px;
}

#vertnav .level3 .vertnav-cat {
	padding-left:30px;
	width:162px;
}


.leftmenu{
	margin-top:10px;
}
/* For Default */
.leftmenudefault #nav { padding:0 20px; font-size:1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
.leftmenudefault #nav li { position:relative; text-align:left; }
.leftmenudefault #nav li.over { z-index:999; }
.leftmenudefault #nav a,
.leftmenudefault #nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
.leftmenudefault #nav span { display:block; cursor:pointer; white-space:nowrap; }
.leftmenudefault #nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
.leftmenudefault #nav li { float:none; }
.leftmenudefault #nav li.active a { color:#d96708; }
.leftmenudefault #nav a { float:none; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
.leftmenudefault #nav li.over a,
.leftmenudefault #nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
.leftmenudefault #nav ul li,
.leftmenudefault #nav ul li.active { float:none; margin:0; padding-bottom:1px; background:#ecf3f6 url(../images/nav_divider.gif) repeat-x 0 100%; }
/*.leftmenudefault #nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
.leftmenudefault #nav ul li.last { background:#ecf3f6; padding-bottom:0; }

.leftmenudefault #nav ul a,
.leftmenudefault #nav ul a:hover { float:none; padding:0; background:none; }
.leftmenudefault #nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
.leftmenudefault #nav ul { position:absolute; width:15em; top:5px; left:-10000px; border:1px solid #899ba5; }

/* Show menu */
.leftmenudefault #nav li.over > ul { left:100px; }
.leftmenudefault #nav li.over > ul li.over > ul { left:100px; }
.leftmenudefault #nav li.over ul ul { left:-10000px; }

.leftmenudefault #nav ul li a { background:#ecf3f6; }
.leftmenudefault #nav ul li a:hover { background:#d5e4eb; }
.leftmenudefault #nav ul li a,
.leftmenudefault #nav ul li a:hover { color:#2f2f2f !important; }
.leftmenudefault #nav ul span, .leftmenudefault #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
.leftmenudefault #nav ul ul { top:5px; }

/* end leftmenudefault */

/* For Plain */

.leftmenuplain #nav { padding:0 20px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
.leftmenuplain #nav li { position:relative; text-align:left; float:none;}
.leftmenuplain #nav li.over { z-index:999; }
.leftmenuplain #nav a,
.leftmenuplain #nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
.leftmenuplain #nav span { display:block; cursor:pointer; white-space:nowrap; }
.leftmenuplain #nav li ul span {white-space:normal; }
.leftmenuplain #nav li ul span.parent{ font-weight:bold;}

/************ 0 LEVEL  ***************/
.leftmenuplain #nav li {  }
.leftmenuplain #nav li.active a { color:#d96708; }

.leftmenuplain #nav a { float:none; padding:5px 12px 6px 8px; color:#a7c6dd; font-weight:bold; }
.leftmenuplain #nav li.over a,
.leftmenuplain #nav a:hover { color:#d96708; }

/************ 1ST LEVEL ************/
 
.leftmenuplain #nav ul li,
.leftmenuplain #nav ul li.active { float:none; margin:0px; padding-bottom:1px; background:none;color:#d96708; }

/*.leftmenuplain #nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
.leftmenuplain #nav ul li.last { background:none; padding-bottom:; }

.leftmenuplain #nav ul a,
.leftmenuplain #nav ul a:hover { float:none; padding:0; background:none;  color:#d96708; }

.leftmenuplain #nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
.leftmenuplain #nav ul { position:relative; width:auto; top:5px; left:10px; border:0px}

/* Show menu */
.leftmenuplain #nav li.over > ul { left:10px; }
.leftmenuplain #nav li.over > ul li.over > ul { left:10px; }
.leftmenuplain #nav li.over ul ul { left:10px; }

.leftmenuplain #nav ul li a { background:none; }
.leftmenuplain #nav ul li a:hover { background:#d5e4eb;color:#d96708; }
.leftmenuplain #nav ul li a,
.leftmenuplain #nav ul li a:hover { color:#2f2f2f !important; }

.leftmenuplain #nav ul span, .leftmenuplain #nav ul li.last li span { padding:3px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
.leftmenuplain #nav ul ul { top:5px; }
/* end leftmenuplain */

/* For Folding */
.leftmenufolding #nav { padding: 0 15px 0 0; font-size:11px; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
.leftmenufolding #nav li { position:relative; text-align:left; float:none;}
.leftmenufolding #nav li.over { z-index:999; }
.leftmenufolding #nav a,
.leftmenufolding #nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
.leftmenufolding #nav span { display:block; cursor:pointer; white-space:nowrap; font-weight: 100; }
.leftmenufolding #nav li ul span {white-space:normal; }
.leftmenufolding #nav li ul span.parent{ font-weight:normal;}

/************ 0 LEVEL  ***************/
.leftmenufolding #nav { width: 200px;  }

.leftmenufolding #nav a { float:none; padding:3px 0px 3px 0px;font-weight:100;width: 190px;}
.leftmenufolding #nav ul li a {width: 180px;}
.leftmenufolding #nav li.over a,
.leftmenufolding #nav a:hover { text-decoration:none !important;}

/************ 1ST LEVEL ************/
 
.leftmenufolding #nav ul li,
.leftmenufolding #nav ul li.active { float:none; margin:0px; padding-bottom:1px; background:none;color:#d96708;  }
.leftmenufolding #nav li.parent a {background: url(/skin/frontend/default/collect/images/bg/left-nav-parent-closed.gif) no-repeat right 0 !important;}
.leftmenufolding #nav li.parent.inactive a {background: url(/skin/frontend/default/collect/images/bg/left-nav-parent-closed.gif) no-repeat right 0 !important;}
.leftmenufolding #nav li.active a {background: url(/skin/frontend/default/collect/images/bg/left-nav-parent-open.gif) no-repeat right 0 !important;}
.leftmenufolding #nav li.inactive a {background: none !important;}

/*.leftmenufolding #nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
.leftmenufolding #nav ul li.last { background:none; padding-bottom:; }

.leftmenufolding #nav ul a,
.leftmenufolding #nav ul a:hover { float:none; padding:0; background:none;  color:#d96708; }
.leftmenufolding #nav ul li a { font-weight:100; }

/************ 2ND LEVEL ************/
.leftmenufolding #nav ul { position:relative; width:auto; top:5px; left:10px; border:0px;margin-bottom: 5px;}

/* Show menu */
.leftmenufolding #nav li.over > ul { left:10px; }
.leftmenufolding #nav li.over > ul li.over > ul { left:10px; }
.leftmenufolding #nav li.over ul ul { left:10px; }

.leftmenufolding #nav ul li a { background:none; }
.leftmenufolding #nav ul li a:hover { background: #ff0;color:#d96708; }
.leftmenufolding #nav ul li a,
.leftmenufolding #nav ul li a:hover { color:#2f2f2f !important; }
.leftmenufolding #nav ul span, .leftmenufolding #nav ul li.last li span { padding:3px 0px 3px 3px;}

/************ 3RD+ LEVEL ************/
.leftmenufolding #nav ul ul { top:5px; }
/* end leftmenufolding */

.level0 {
margin-bottom: 10px;
}

.level0 a, .level1 a, .level2 a {
background: #fff!important;
}

.active a, .level0 .active a, .level1 .active a, .level2 .active a {
/*background: #ff0!important;*/
font-weight:700 !important;
text-decoration:underline !important;
}

.level0 .inactive a, .level1 .inactive a, .level2 .inactive a {
background: #fff!important;
text-decoration:none !important;
}



.leftmenufolding #nav li { 
margin: 0; padding: 0;
  }

.leftmenufolding #nav span { 
color: black;
text-transform: uppercase;
font-style:italic;
  }
  
  
.col-left #social-row #tweets, .col-left #social-row #delivery, .col-left #social-row #sign-up, .col-left #social-row {
width:200px;
}

.col-left #social-row {
margin-top:30px;
}

.col-left #social-row #sign-up .content {
margin-top:0;
}

.col-left #social-row #sign-up input {
width:120px;
}

.col-left #social-row #sign-up button {
left:125px;
}