﻿
/* Content Layout for Retailers - - - - - - - - - - - - - - - - - - - - -  

/* if div#nav is NOT PRESENT */

#retailers div#content {
  width: 954px;
	overflow: visible;
	clear: both !important;
}

#retailers div#content div#middlecolumn {
  float:left;
  overflow: visible !important;
  width: 649px;
	padding: 0px 0px 10px 67px;
/*	color: #908774;*/
	color: #595448;
}

#retailers div#content div#contentandsidebar {
  float: right;
  width:954px;
	background: url(../images/templates/div_hor_double_dotted.gif) 745px 50% repeat-y;
	margin-bottom: 10px;
}

#retailers div#content div#nav {
	display: none;
}

/* if div#nav is PRESENT */

#retailers div#contentandnavigation {
  width: 954px;
	overflow: visible;
	clear: both !important;
}

#retailers div#contentandnavigation div#contentandsidebar {
  float: right;
  width:725px;
	background: url(../images/templates/div_hor_double_dotted.gif) 516px 50% repeat-y;
	margin-bottom: 10px;
}

#retailers div#contentandnavigation div#middlecolumn {
  float:left;
  overflow: visible !important;
	width:520px;
	padding: 0px 0px 10px 0px;
	/*color: #908774;*/
	color: #595448;
}

#retailers div#contentandnavigation div#nav {
	display: block;
}

#company div#contentandnavigation div#nav #navcontent {
	min-height: 400px;
}

/* div#content ALL INSTANCES */
#retailers div#middlecolumn h2 {
	color: #A85B00;
	font-size: 19pt;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
}

#retailers div#middlecolumn h3 {
	color: #02112C;
	font-size: 12pt;
	margin: 0px 0px 10px 0px;
}

#retailers div#middlecolumn div.entrytext {
	font-size: 10pt;
}

#retailers div#middlecolumn div.entrytext p {
	margin: 0px 0px 10px 0px;
}

#retailers div#middlecolumn div.entrytext ul 
{
	list-style-type: disc;
	padding-left: 20px;
}

#retailers div#middlecolumn div.entrytext ol 
{
	list-style-type: decimal;
	padding-left: 40px;
}

#retailers div#middlecolumn div.entrytext .hr 
{
	display:block;
	position:relative;
	list-style-image:none;
	list-style-type:none;
	background: url(../images/templates/div_vert_double_dotted.gif) 0 0 repeat-x;
	padding: 5px 0px 5px 0px;
	margin-right: -15px;
}



/* productdetail-1col - - - - - - - - - - - - - - - - - - - - -  */

#retailers div#content div#productdetailimage-1col {
	
}

#retailers div#content div#productdetailinfo-1col {
	width: 625px;
	padding: 0px 20px 0px 0px;
}

#retailers div#contentandnavigation div#productdetailimage-1col {
	
}

#retailers div#contentandnavigation div#productdetailinfo-1col {
	width: 500px;
	padding: 0px 20px 0px 0px;
}


/* productdetail - - - - - - - - - - - - - - - - - - - - -  */

#retailers div#content div#productdetailimage {
	float: left;
	width: 150px;
}

#retailers div#content div#productdetailinfo {
	float: right;
	width: 475px;
	padding: 0px 20px 0px 20px;
}

#retailers div#contentandnavigation div#productdetailimage {
	float: left;
}

#retailers div#contentandnavigation div#productdetailinfo {
	float: right;
	width: 360px;
	padding: 0px 20px 0px 0px;
}

/* list with NO NAVIGATION - - - - - - - - - - - - - - - - - - - - -  */

#retailers #content div#list ul {
	display:block;
	width: 640px;
	padding: 15px 0px 0px 0px;
}

/* list WITH NAVIGATION - - - - - - - - - - - - - - - - - - - - -  */

#retailers #contentandnavigation div#list {
	display:block;
	width: 516px;
	padding: 10px 0px 0px 0px;
}

#retailers #contentandnavigation div#list ul li div#productdetailinfo {
	float: left;
	width: 355px;
	padding: 0px 20px 0px 10px;
}

/* list ALL INSTANCES */

#retailers div#list ul li {
	display:block;
	position:relative;
	list-style-image:none;
	list-style-type:none;
	background: url(../images/templates/div_vert_double_dotted.gif) 0 0 repeat-x;
	min-height: 140px;
	padding: 15px 0px 5px 0px;
}

#retailers div#list ul li:after {
	/* clearfix for mozilla */
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#retailers div#list ul li div#productdetailimage {
	float: left;
	width: 150px;
	text-align: center;
}

#retailers div#list ul li div#productdetailinfo {
	float: left;
	width: 450px;
	padding: 0px 20px 0px 10px;
}

#retailers div#list ul li div#productdetailinfo h2, div#list ul li div#productdetailinfo h2 a {
	color: #A85B00;
	width: 300px;
	font-size: 14pt;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	text-decoration: none;
}

#retailers div#list ul li div#productdetailinfo h3 {
	color: #02112C;
	font-size: 10pt;
	margin: 0px 0px 5px 0px;
}


/* LIST actions */

#retailers div#list ul li ul.actions {
	position: absolute;
	top: 0px;
	right: 0px;
	background: none;
	min-height: none;
	padding: 15px 10px 0px 0px;
}

#retailers div#list ul li ul.actions li {
	background: none;
	min-height: 10px;
	padding: 0px 0px 0px 0px;
}

#retailers div#list ul li ul.actions li a {
	float:right;
	overflow:hidden;
	text-indent:-9999px;
	width:134px;
	padding: 22px 0 0 0;
	height: 0px !important; 
	height /**/:22px; /* for IE5/Win only */
}


/* not used yet */
#retailers div#list ul li ul.actions li a#find {
	background: url("../images/list-find_this_beer.gif") no-repeat 0px 0px;
	cursor: pointer;
}
#retailers div#list ul li ul.actions li a#find:hover {
	background: url("../images/list-find_this_beer.gif") no-repeat 0px -22px;
}




/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
#retailers side menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

/* NAVIGATION - - - - - - - - - - - - - - - - - - - - -  */
#retailers .showMenu
{
	display: block;
}

#retailers .hideMenu
{
	display: none;
}

#retailers div#nav {
    float:left;
    width:220px;
	background: url(../images/buttons/retailers-nav.gif) 0 0 repeat-y;
}

#retailers div#nav a {
	color: #FFFFFF;
	text-decoration: none;
}

#retailers div#nav div#header {
	height: 14px;
	background: url(../images/buttons/retailers-nav_header.gif) #FFFFFF no-repeat;
}

#retailers div#nav div#footer {
	height: 13px;
	background: url(../images/buttons/retailers-nav_footer.gif) #FFFFFF no-repeat;
}

#retailers div#more a
{
	color: #666666;
	padding: 10px 5px 5px 0px;
	display: block;
}

/*------------------------------------------  
  Level 1 Menu Item
------------------------------------------*/

/* Normal 1 */
#retailers div#nav a {
	padding: 5px 5px 5px 25px;
	display: block;
}

#retailers div#nav a.cbtn01, #retailers div#nav a.cbtn01:visited
{
	
}

#retailers div#nav a.cbtn01:hover
{
	background: url(../images/buttons/retailers-nav_level1-hover.gif) 0 0 no-repeat;
	color: #E8C05B;
}

/* Expanded 1 */

#retailers div#nav a.cbtnExp01, #retailers div#nav a.cbtnExp01:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level1-expanded.gif) 0 0 no-repeat;
	padding: 5px 5px 5px 25px;
}

#retailers div#nav a.cbtnExp01:hover
{
	background: url(../images/buttons/retailers-nav_level1-expanded-hover.gif) 0 0 no-repeat;
	color: #C0D250;
}

/* Selected / Active 1 */

#retailers div#nav a.cbtnSelected01, #retailers div#nav a.cbtnSelected01:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level1-selected.gif) 0 0 no-repeat;
	cursor: default;
}


/* Expanded Selected / Active 1 */

#retailers div#nav a.cbtnExpSelected01, #retailers div#nav a.cbtnExpSelected01:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level1_expanded-selected.gif) 0 0 no-repeat;
	cursor: default;
}


/*------------------------------------------  
  Level 2 Menu Items
------------------------------------------*/

/* Normal 1 */

#retailers div#nav a.cbtn02, #retailers div#nav a.cbtn02:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level2.gif) 0 0 no-repeat;
	padding: 5px 5px 5px 38px;
	color: #C0D250;
	
}

#retailers div#nav a.cbtn02:hover
{
	background: url(../images/buttons/retailers-nav_level2-hover.gif) 0 0 no-repeat;
	color: #9D5D00;
}

/* Expanded 1 */

#retailers div#nav a.cbtnExp02, #retailers div#nav a.cbtnExp02:visited
{
	background: url(../images/buttons/retailers-nav_level2-expanded.gif) 0 0 no-repeat;
	padding-left: 38px;
}


#retailers div#nav a.cbtnExp02:hover
{
	background: url(../images/buttons/retailers-nav_level2-expanded-hover.gif) 0 0 no-repeat;
	color: #9D5D00;
}

/* Selected / Active 1 */

#retailers div#nav a.cbtnSelected02, #retailers div#nav a.cbtnSelected02:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level2-selected.gif) 0 0 no-repeat;
	padding: 5px 5px 5px 45px;
	cursor: pointer;
}

#retailers div#nav a.cbtnSelected02:hover
{
  
}

/* Expanded Selected / Active 1 */

#retailers div#nav a.cbtnExpSelected02, #retailers div#nav a.cbtnExpSelected02:visited 
{
  display:block;
  background: url(../images/buttons/retailers-nav_level2_expanded-selected.gif) 0 0 no-repeat;
  padding: 5px 5px 5px 45px;
  cursor: default;
}


#retailers div#nav a.cbtnExpSelected02:hover
{
  display:block;
	
}


/*------------------------------------------  
  Level 3 Menu Items
------------------------------------------*/

/* Normal 1 */

#retailers div#nav a.cbtn03, #retailers div#nav a.cbtn03:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level3.gif) 0 0 no-repeat;
	padding-left: 48px;
	color:#C0D250;
}


#retailers div#nav a.cbtn03:hover
{
	background: url(../images/buttons/retailers-nav_level3-hover.gif) 0 0 no-repeat;
	color: #9D5D00;
}

/* Expanded 1 */

#retailers div#nav a.cbtnExp03, #retailers div#nav a.cbtnExp03:visited
{
	
}


#retailers div#nav a.cbtnExp03:hover
{
  display:block;
	
}

/* Selected / Active 1 */

#retailers div#nav a.cbtnSelected03, #retailers div#nav a.cbtnSelected03:visited
{
	display:block;
	background: url(../images/buttons/retailers-nav_level3-selected.gif) 0 0 no-repeat;
	color: #02112C;
	padding-left: 48px;
	cursor: default;
}


#retailers div#nav a.cbtnSelected03:hover
{
  display:block;
	
}


/* Expanded Selected / Active 1 */

#retailers div#nav a.cbtnExpSelected03, #retailers div#nav a.cbtnExpSelected03:visited
{
	display:block;
  
}

#retailers div#nav a.cbtnExpSelected03:hover
{
  display:block;
}
