/* ================================
    CSS STYLES FOR Mako
   ================================ */
/* Elements */

BODY, H1, H2, H3, H4, H5, H6, P, TD, TH, TR, DIV, SPAN, LI, OPTION, SELECT, INPUT, TEXTAREA{
	font-family: Arial, Helvetica, sans-serif;
}
H1, H2, H3, H4, H5, H6{
	font-weight:    bold;
	 margin: 15px 0px 2px 0px;
}
H1  {
    font-size:  22px;
}
H2  {
    font-size:  20px;
}
H3  {
    font-size:  18px;
}
H4  {
    font-size:  14px;
}
H5 {
    font-size:  12px;
}
H6  {
    font-size:  11px;
}
TH, {
	font-size:  12px;
	font-weight: bold;
}
TD, TR, P, LI, BODY, OPTION, INPUT, TEXTAREA, SELECT{
	font-size:  12px;
}
FIELDSET{
	margin-top: 10px;
	margin-bottom: 10px;
}
SMALL{
	line-height: 11px;
}
OPTION, INPUT, TEXTAREA, SELECT{
	font-family: Tahoma;
}
HR {
    height:1px;
    text-align:left
}
A:Hover{
	text-decoration: none;
}

/* Classes */   
/* button effects for module context menus */
.pcolTitle{
	position: relative;
}
.colTitle{
	position: absolute;
	background-color: #CCCCFF;
	color: #000000;
	border: 1px solid;
	font-size: 9px;
	line-height: 9px;
	width: 100px;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ;;
	cursor: default;
	font-family: Tahoma;
}
.leftpane .colTitle{
	left: 0px;
	top: -5px;
}
.contentpane .colTitle{
	left: expression((parentNode.parentNode.clientWidth / 2) - 50);
	top: -5px;
}
.rightpane .colTitle{
	left: expression(parentNode.parentNode.clientWidth-102);
	top: -5px;
}
.Drop{
	position: absolute;
	left: -70px;
	width:100px; 
	z-index:1; 
	background-color: #E8EAEB; 
	border: 1px solid #CCCCCC;
}
.Emenu{
	border : 1px Solid #CCCCCC;
}
BUTTON.ContextMenuButton, BUTTON.ContextMenuButtonOver{
	padding : 0px;
	width : 100%;
	text-align : left;
	font-size : 10px;
	border-width : 0px;
	border-style : none;
}
BUTTON.ContextMenuButton{
	background: #EDEDED;
}
BUTTON.ContextMenuButtonOver{
	background: #CCCCFF;
}

/* Controls the DIV around the edit content in a module */
.EditModule TH{
	text-align: right;
	background: #809DB9;
	color: #FFFFFF;
	
}
.EditModule TH HR{color: #FFFFFF;}

/* Controls the modules title table and cells */
.ModuleTitleHelp{
	padding: 5px;
}

/* other styles */
.help{
	cursor: help;
}
.CommandButton {
    height: 20px;
    border: 1px outset;
    text-align: center;
    padding:1px 20px 1px 20px; 
}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active, A.CommandButton:hover{
    text-decoration:    none;
	 color: #333333;
	 background: #ededed;
}
A.CommandButton:active{
    border: 1px inset;
}
A.CommandButton:hover{
    color: #000000;
    background: #cccccc;
}
.field{
	margin: 0px 3px;
	padding: 2px;
	border: 1px none; 
	width: 150px; 
 	float:left;
}
.field LABEL{
	font: 10px arial;
	line-height: 10px;
}
.field .textbox, .field SELECT{
	display:block;
	width: 100%;
}
.field SELECT, .field input.checkbox{
	margin: 1px;
}
.field a.button{
	display: block;
	width: 100%;
	text-decoration: none;
	text-align: center;
	border: 1px solid;
	padding: 2px 0px;
}
.system .field a.button{
	 color: #333333;
	 background: #ededed;
	 border: 1px outset;
}
.system .field a.button:hover{
    color: #000000;
    background: #DEDEDE;
}
.system .field a.button:active{
    border: 1px inset;
	 color: #FFFFFF;
    background: #CCCCCC;
}
.field .checkbox{
	font-size: smaller;
}
.reqchk input{
	width:11px; 
	height:11px;
	position:relative;
	top:-2;
	margin: 0px 2px;
}
.fauxurl{
	text-decoration: underline;
	color: Blue;
}
.muted, .muted A{
	color: #999999;
}

.EditModule .TableHead TD{
	background-color: #FFFFFF;
	font-weight: bold;
}
.ItemTemplate{
	background: #CCCCCC;
}
.AlternatingItemTemplate{
	background: #EDEDED;
}
.error{
	color: #FF0000;
}
.arrows{
	font-size: 130%;
	font-weight: bolder;
}
/* Graphs */
.bargraph{
	background: Red;
}


/* Calendar Control */
.selector{
	border-right: 1px solid #000000;
	font-family: Webdings;
}
.selector A{
	text-decoration: none;
}
.smallTextObj, .smallTextObj TD, .smallTextObj TH{
	font-size: 10px;
}

/* Collapsing Control */
.ColControl
{
	width: 100%;
	
}
.ColControl .t{
	padding: 2px;
}
.ColControl .h{
	font-weight:bold;
}
.ColControl .p, .ColControl .h{
	width: 100%;
	border: 1px solid #809DB9;
}
.ColControl .c{
	border: 1px solid #809DB9;
	border-width: 0px 1px 1px;
	position: relative;
	width: 90%;
	left: 10%;
	margin-bottom: 2px;
}
.ColControl .i{
	vertical-align:baseline;
}
.ColControl .sl{
	background-color: #809DB9;
	color: #FFFFFF;
}
.hg{
	background: #E3E3E3;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#E3E3E3,endColorStr=#FFFFFF); 
}
.vg{
	background: #E3E3E3;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E3E3E3,endColorStr=#FFFFFF); 
}

/* IDs */
#admintoolbar{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 37px;
	background-color: #EDEDE5;
	width: 100%;
	border-top: 2px groove;
	border-bottom: 2px outset;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#EDEDE5,endColorStr=#EDEAD4);
	}

#adminBody{
	position: absolute;
	top: 39px;
	width: 100%;
	height: expression(body.clientHeight-39);
	border: 1px inset;
	overflow: auto;
}

/* Behaviors */
.Collapsing{
	behavior:url(http://hmwholesale.com/global/css/global/jscripts/collapse.htc);
	cursor: hand;
}
.ButtonDisable{
	behavior:url(http://hmwholesale.com/global/jscripts/enable.htc);
}
DIV.scrollgrid{
	height: 300px;
	border: 2px inset;
	behavior: url(http://hmwholesale.com/global/css/global/jscripts/scrollgrid.htc);
}
.cornermark{
	background-image: url(../images/cornermark.gif);
	background-repeat: no-repeat;
}
.cornermark-grd{
	background-image: url(../images/cornermark-grd.gif);
	background-repeat: no-repeat;
}
DIV.smallscroll{
	height: 63px;
	overflow: auto;
	border: 1px inset;
	zoom: 80%;
}

/* Menu */
.MainMenu_MenuContainer {
	border: 1px none; 
	background-color: Transparent;
}
.MainMenu_MenuBar {
	height:22px;
}
.MainMenu_MenuBar, .MainMenu_MenuItem, .MainMenu_MenuIcon, .MainMenu_SubMenu, .MainMenu_MenuItemSel, .MainMenu_MenuArrow, .MainMenu_RootMenuArrow {
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_MenuIcon, .MainMenu_SubMenu, .MainMenu_MenuBreak, .MainMenu_MenuArrow{
	border-style: solid;
}
.MainMenu_MenuItem {
	font-style: normal; 
}
.MainMenu_MenuIcon {
	border-width: 1px 0px 1px 1px;
	text-align: center; 
	width: 20; 
	height: 21;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 
	border-width: 1px;
}
.MainMenu_MenuBreak {
	border-width: 1px 0px 1px 0px;
	height: 1px;
}
.MainMenu_MenuItemSel {
	font-style: normal;
}
.MainMenu_MenuArrow{
	border-width: 1px 1px 1px 0px;
	vertical-align: top;
}
.MainMenu_RootMenuArrow, .MainMenu_MenuArrow{
	font-family: webdings; 
	font-size: 11px; 
	font-weight: normal;
}


/* Module Classes */

/* Announcements */
.announcements .item{
	padding-bottom: 10px;
}

/* Classifieds */
.classifieds .whatsnewtitle{
	font-weight: bold;
}
.classifieds .categorybody A{
	font-weight: bold;
}
.controls A{
	margin: 0px 2px;
}

/* Events */
.events .item{
	padding-bottom: 10px;
}


/*Groups*/

.Groups_ToolbarLink
{
	font-size: 10pt;
	color: #696969;
}
.Groups_AdminHeader
{
	padding-left: 10px;
	font-weight: bold;
	font-size: 12pt;
	border-bottom: #000000 1px solid;
	font-family: Verdana, Arial;
	width: 95%;
}
.Groups_Grid
{
	border-right: #d3d3d3 1px solid;
	border-top: #d3d3d3 1px solid;
	font-size: 12px;
	border-left: #d3d3d3 1px solid;
	width: 100%;
	border-bottom: #d3d3d3 1px solid;
	font-family: Tahoma, Verdana, Arial;
	background-color: #dcdcdc;
}
.Groups_Grid_Header
{
	font-family: Verdana, Arial;
	font-size: 10pt;
	font-weight: bold;
	color: White;
	height:18px;
	padding-left:5px;
	background-color: #666666;
}
.Groups_Cell1
{
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	background-color: #d3d3d3;
}
.Groups_Cell2
{
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
	background-color: #dcdcdc;
}
.Groups_Cell2 INPUT
{
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_GroupRow
{
	padding-left: 2px;
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	font-family: Tahoma, Verdana, Arial;
	background-color: #666666;
}
.Groups_GroupRow A
{
	font-size: 13px;
	color: #ffffff;
}
.Groups_GroupRow A:link
{
	font-size: 13px;
	color: #ffffff;
}
.Groups_GroupRow A:visited
{
	font-size: 13px;
	color: #ffffff;
}
.Groups_GroupRow A:hover
{
	text-decoration:underline;
}
.Groups_ForumRow
{
	font-size: 12px;
	color: black;
	font-family: Tahoma, Verdana, Arial;
	background-color: #f5f5f5;
}
.Groups_ForumRow A:link
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow A:visited
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow A:active
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow A:hover
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow2
{
	font-size: 12px;
	color: black;
	font-family: Tahoma, Verdana, Arial;
	background-color: #fff5ee;
}

.Groups_ForumRow2 A:link
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow2 A:visited
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow2 A:active
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRow2 A:hover
{
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}


.Groups_ForumSubRow
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 10px;
	margin-left: 2px;
	color: black;
	margin-right: 2px;
	border-bottom: #000000 1px solid;
	font-family: Tahoma, Verdana, Arial;

}
.Groups_ForumSubRow A
{
	font-size: 10px;
	color: black;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow A:link
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow A:hover
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow A:active
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow A:visited
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow2
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 10px;
	margin-left: 2px;
	color: black;
	margin-right: 2px;
	border-bottom: #000000 1px solid;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumSubRow2 A
{
	font-size: 10px;
	color: black;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow2 A:link
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow2 A:hover
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow2 A:active
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumSubRow2 A:visited
{
	font-size: 10px;
	margin-right: 2px;
	font-family: Tahoma, Verdana, Arial;
	font-weight:normal;
}
.Groups_ForumRowNew
{
	font-size: 12px;
	color: black;
	font-family: Tahoma, Verdana, Arial;
	background-color: #ffff99;
}
.Groups_ForumRowNew A:link
{
	font-weight: bold;
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRowNew A:visited
{
	font-weight: bold;
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRowNew A:active
{
	font-weight: bold;
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumRowNew A:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #000080;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_ForumHeader
{
	font-weight: bold;
	font-size: 11px;
	color: #696969;
	font-family: Tahoma, Verdana, Arial;
	background-color: #ededed;
}
.Groups_Crumb
{
	font-size: 12px;
	color: black;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_Subject
{
	font-weight: bold;
	font-size: 12px;
	padding-bottom: 5px;
	margin-left: 10px;
	color: black;
	padding-top: 5px;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_Pager
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	font-size: 11px;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_Pager A
{
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial;
}
.Groups_Button
{
	cursor:hand;
	border-right: #000000 1px solid;
	padding-right: 2px;
	border-top: #000000 1px solid;
	display: block;
	padding-left: 2px;
	font-weight: bold;
	font-size: 9pt;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ededed, EndColorStr=#666666);
	padding-bottom: 5px;
	border-left: #000000 1px solid;
	width: 100px;
	color: #ffffff;
	padding-top: 5px;
	border-bottom: #000000 1px solid;
	font-family: Tahoma, Verdana, Arial;
	background-color: #666666;
	text-align: center;
	text-decoration: none;
}
.Groups_Button A
{
	color: White;
	text-decoration:none;
}
.Groups_Button A:link
{
	color: White;
}
.Groups_Button A:visited
{
	color: White;
}
.Groups_Button A:hover
{
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#336699, EndColorStr=#7DA1C4);
	text-decoration: underline;
}
.Groups_Image
{
	border-right: gray 1px solid;
	padding-right: 5px;
	border-top: gray 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	margin: 5px;
	border-left: gray 1px solid;
	padding-top: 5px;
	border-bottom: gray 1px solid;
	position: static;
	background-color: #f5f5f5;
}
.Groups_Quote
{
	border-right: #a9a9a9 1px solid;
	padding-right: 5px;
	border-top: #a9a9a9 1px solid;
	display: block;
	padding-left: 5px;
	font-size: 8pt;
	padding-bottom: 5px;
	margin: 10px;
	border-left: #a9a9a9 1px solid;
	padding-top: 5px;
	border-bottom: #a9a9a9 1px solid;
	background-color: #f5f5f5;
}
.Groups_Editor
{
	font-size:10pt;
	color:#000000;
	padding-left:5px;
}
.Groups_SmallButton
{
	font-size: 8pt;
	font-family:Tahoma, Verdana, Arial;

}
.emot
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	padding-top: 0px;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
.af_pagernumber
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	width: 15px;
	color: black;
	padding-top: 2px;
	font-family: Tahoma, Verdana, Arial;
	background-color: #dcdcdc;
}

.af_currentpage
{
	padding-right: 2px;
	padding-left: 2px;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 2px;
	border-left: black 1px solid;
	width: 15px;
	color: black;
	padding-top: 2px;
	font-family: Tahoma, Verdana, Arial;
	background-color: #ffffcc;
}
.af_pager
{
	padding-right: 2px;
	padding-left: 2px;
	font-size: 11px;
	padding-bottom: 2px;
	color: black;
	padding-top: 2px;
	font-family: Tahoma, Verdana, Arial;
}

/* ================================
    CSS STYLES FOR Mako
   ================================ */
/* Elements */
BODY{
}
BODY, H1, H2, H3, H4, H5, H6, P, TD, TH, TR, DIV, SPAN, LI, OPTION, SELECT, INPUT, TEXTAREA{
	font-family: Arial, Helvetica, sans-serif;
}
H1, H2, H3, H4, H5, H6{
	font-weight:    bold;
	 margin: 15px 0px 2px 0px;
}
H1  {
    font-size:  22px;
}
H2  {
    font-size:  20px;
}
H3  {
    font-size:  18px;
}
H4  {
    font-size:  14px;
}
H5 {
    font-size:  12px;
}
H6  {
    font-size:  11px;
}
TH, {
	font-size:  12px;
	font-weight: bold;
}
TD, TR, P, LI, BODY, OPTION, INPUT, TEXTAREA, SELECT{
	font-size:  12px;
}
FIELDSET{
	margin-top: 10px;
	margin-bottom: 10px;
}
SMALL{
	line-height: 11px;
}
OPTION, INPUT, TEXTAREA, SELECT{
	font-family: Tahoma;
}
HR {
    height:1px;
    text-align:left
}
A:Hover{
	text-decoration: none;
}

/* Classes */   
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton {
    height: 20px;
    border: 1px outset;
    text-align: center;
    padding:1px 20px 1px 20px; 
}
A.CommandButton:link, A.CommandButton:visited, A.CommandButton:active, A.CommandButton:hover{
    text-decoration:    none;
	 color: #333333;
	 background: #ededed;
}
A.CommandButton:active{
    border: 1px inset;
}
A.CommandButton:hover{
    color: #000000;
    background: #cccccc;
}
/* button effects for module context menus */
.pcolTitle{
	position: relative;
}
.colTitle{
	position: absolute;
	background-color: #CCCCFF;
	color: #000000;
	border: 1px solid;
	font-size: 9px;
	line-height: 9px;
	width: 100px;
	text-align: center;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60) progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ;;
	cursor: default;
	font-family: Tahoma;
}
.leftpane .colTitle{
	left: 0px;
	top: -5px;
}
.contentpane .colTitle{
	left: expression((parentNode.parentNode.clientWidth / 2) - 50);
	top: -5px;
}
.rightpane .colTitle{
	left: expression(parentNode.parentNode.clientWidth-102);
	top: -5px;
}
.Drop{
	position: absolute;
	left: -70px;
	width:100px; 
	z-index:1; 
	background-color: #E8EAEB; 
	border: 1px solid #CCCCCC;
}
.Emenu{
	border : 1px Solid #CCCCCC;
}
BUTTON.ContextMenuButton, BUTTON.ContextMenuButtonOver{
	padding : 0px;
	width : 100%;
	text-align : left;
	font-size : 10px;
	border-width : 0px;
	border-style : none;
}
BUTTON.ContextMenuButton{
	background: #EDEDED;
}
BUTTON.ContextMenuButtonOver{
	background: #CCCCFF;
}



/* Controls the DIV around the edit content in a module */
.EditModule TH{
	text-align: right;
	background: #809DB9;
	color: #FFFFFF;
	
}
.EditModule TH HR{color: #FFFFFF;}

/* Controls the modules title table and cells */
.ModuleTitleHelp{
	padding: 5px;
}

.ModuleTitleText{
	font-weight: bold;
	border-bottom: solid 1px black;
font-size : 13px;
}

/* other styles */
.field{
	margin: 2px 5px 2px 5px;
	float:left;
	padding: 2px 2px 2px 2px;
}
.field LABEL{
	font: 10px arial;
}
 .field .textbox, .field SELECT{
	display:block;
}
.field .textbox, .field SELECT{
	margin: 1px;
}
.fauxurl{
	text-decoration: underline;
	color: Blue;
}
.muted{
	color: #999999;
}

.EditModule .TableHead TD{
	background-color: #FFFFFF;
	font-weight: bold;
}
.ItemTemplate{
	background: #CCCCCC;
}
.AlternatingItemTemplate{
	background: #EDEDED;
}
.error{
	color: #FF0000;
}
.arrows{
	font-size: 130%;
	font-weight: bolder;
}
/* Graphs */
.bargraph{
	background: Red;
}


/* Calendar Control */
.selector{
	border-right: 1px solid #000000;
	font-family: Webdings;
}
.selector A{
	text-decoration: none;
}
.smallTextObj, .smallTextObj TD, .smallTextObj TH{
	font-size: 10px;
}

/* Collapsing Control */
.ColControl
{
	width: 100%;
	
}
.ColControl .t{
	padding: 2px;
}
.ColControl .h{
	font-weight:bold;
}
.ColControl .p, .ColControl .h{
	width: 100%;
	border: 1px solid #809DB9;
}
.ColControl .c{
	border: 1px solid #809DB9;
	border-width: 0px 1px 1px;
	position: relative;
	width: 90%;
	left: 10%;
	margin-bottom: 2px;
}
.ColControl .i{
	vertical-align:baseline;
}
.ColControl .sl{
	background-color: #809DB9;
	color: #FFFFFF;
}
.hg{
	background: #E3E3E3;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#E3E3E3,endColorStr=#FFFFFF); 
}
.vg{
	background: #E3E3E3;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#E3E3E3,endColorStr=#FFFFFF); 
}

/* IDs */
#admintoolbar{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 37px;
	background-color: #EDEDE5;
	width: 100%;
	border-top: 2px groove;
	border-bottom: 2px outset;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#EDEDE5,endColorStr=#EDEAD4);
	}

#adminBody{
	position: absolute;
	top: 39px;
	width: 100%;
	height: expression(body.clientHeight-39);
	border: 1px inset;
	overflow: auto;
}

/* Behaviors */
.Collapsing{
	behavior:url(http://hmwholesale.com/global/css/global/jscripts/collapse.htc);
	cursor: hand;
}
.ButtonDisable{
	behavior:url(http://hmwholesale.com/global/jscripts/enable.htc);
}
DIV.scrollgrid{
	height: 300px;
	border: 2px inset;
	behavior: url(http://hmwholesale.com/global/css/global/jscripts/scrollgrid.htc);
}
.cornermark{
	background-image: url(../images/cornermark.gif);
	background-repeat: no-repeat;
}
.cornermark-grd{
	background-image: url(../images/cornermark-grd.gif);
	background-repeat: no-repeat;
}
DIV.smallscroll{
	height: 63px;
	overflow: auto;
	border: 1px inset;
	zoom: 80%;
}

/* Menu */
.MainMenu_MenuContainer {
	border: 1px none; 
	background-color: Transparent;
}
.MainMenu_MenuBar {
	height:22px;
}
.MainMenu_MenuBar, .MainMenu_MenuItem, .MainMenu_MenuIcon, .MainMenu_SubMenu, .MainMenu_MenuItemSel, .MainMenu_MenuArrow, .MainMenu_RootMenuArrow {
	cursor: pointer; 
	cursor: hand; 
}
.MainMenu_MenuIcon, .MainMenu_SubMenu, .MainMenu_MenuBreak, .MainMenu_MenuArrow{
	border-style: solid;
}
.MainMenu_MenuItem {
	font-style: normal; 
}
.MainMenu_MenuIcon {
	border-width: 1px 0px 1px 1px;
	text-align: center; 
	width: 20; 
	height: 21;
}
.MainMenu_SubMenu {
	z-index: 1000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 
	border-width: 1px;
}
.MainMenu_MenuBreak {
	border-width: 1px 0px 1px 0px;
	height: 1px;
}
.MainMenu_MenuItemSel {
	font-style: normal;
}
.MainMenu_MenuArrow{
	border-width: 1px 1px 1px 0px;
	vertical-align: top;
}
.MainMenu_RootMenuArrow, .MainMenu_MenuArrow{
	font-family: webdings; 
	font-size: 11px; 
	font-weight: normal;
}


/* Module Classes */

/* Announcements */
.announcements .item{
	padding-bottom: 10px;
}

/* Classifieds */
.classifieds .whatsnewtitle{
	font-weight: bold;
}
.classifieds .categorybody A{
	font-weight: bold;
}
.classifieds .controls A{
	padding-left: 5px;
}

/* Events */
.events .item{
	padding-bottom: 10px;
}


/* Stuff added by Ben Jirka */

A{color: #666666;text-decoration: underline;}
A:link{color: #666666;text-decoration: underline;}
A:visited{color: #666666;text-decoration: underline;}
A:active{color: #666666;text-decoration: underline;}
A:hover{color: #666666;text-decoration: none;}


.ItemTitle{
 font-weight: bold;
}


.dropdownlist_dropdown
{
	background-color : White;
	border: solid 1px gray;
	visibility: hidden;
	position: absolute;
}

A.dropdownlist_link_normal
{
	background-color: white;
	color: black;
	text-decoration: none;
	font-size: x-small;
}

A.dropdownlist_link_normal:hover, A.dropdownlist_link_current:link, A.dropdownlist_link_current:active, A.dropdownlist_link_current:visited
{
	background-color: navy;
	color: white;
	text-decoration: none;
	font-size: x-small;
}


.ShowHeader
{
	font-size: 16px;
	font-weight: bold
}

.ShowHeaderDetails
{
	font-size: 14px;
	font-weight: bold
}
.ShowDetails
{
}
.dgTour
{
}
.dgTourFooter
{
}
.dgTourSelected
{
}
.dgTourAlternating
{
}
.dgTourItem
{
}
.dgTourHeader
{
	background-color: black;
	color: White;
	font-weight: bold;
}

.dgTourHeader td a
{
	background-color: black;
	color: White;
	font-weight: bold;
}

.dgTourHeader td a:visited,.dgTourHeader td a:hover,.dgTourHeader td a:active
{
	color:White;
	font-weight: bold;
}

.dgTourHighlight
{
	background-color: #dcdcdc;
}

.dgTourUnHighlight
{
}


.FAQQuestion
{
	color: Blue;
}

.FAQAnswer
{
	font-weight:bold
}


/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control : the primary class of the control
 */
.gsc-control {
  width: 300px;
}

.gsc-control div {
  position: static;
}

/* control inputs
 * .gsc-search-box : the container that hosts the text input area
 * .gsc-input : the text input area
 * .gsc-keeper : the save link below savable results
 */
form.gsc-search-box {
  font-size: 13px;
  margin-top : 0px;
  margin-right : 0px;
  margin-bottom : 4px;
  margin-left : 0px;
  width: 100%;
}

/*
 * This table contains the input element as well as the search button
 * Note that the search button column is fixed width, designed to hold the
 * button div's background image
 */
table.gsc-search-box {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
  margin-bottom : 2px;
}

table.gsc-search-box td {
  vertical-align : middle;
}

td.gsc-search-button {
  width : 1%;
}

td.gsc-clear-button {
  width : 14px;
}

table.gsc-branding {
  border-style : none;
  border-width : 0px;
  border-spacing : 0px 0px;
  width : 100%;
}

td.gsc-branding-text {
  vertical-align : top;
}

td.gsc-branding-text div.gsc-branding-text {
  padding-bottom : 2px;
  text-align : right;
  color : #676767;
  font-size : 11px;
  margin-right : 2px;
}

td.gsc-branding-img-noclear {
  width : 51px;
  vertical-align : bottom;
}

td.gsc-branding-img {
  width : 65px;
  vertical-align : bottom;
}

table.gsc-branding-vertical td.gsc-branding-text div.gsc-branding-text {
  margin-right : 0px;
  text-align : center;
}

table.gsc-branding-vertical td.gsc-branding-img-noclear {
  text-align : center;
}

div.gsc-branding-img,
div.gsc-branding-img-noclear,
img.gsc-branding-img,
img.gsc-branding-img-noclear {
  padding-top : 1px;
}

img.gsc-branding-img,
img.gsc-branding-img-noclear {
  margin : 0 0 0 0;
  padding-right : 0;
  padding-left : 0;
  padding-bottom : 0;
  border : none;
}

input.gsc-search-button {
  margin-left : 4px;
}

div.gsc-clear-button {
  display : inline;
  text-align : right;
  margin-left : 4px;
  margin-right : 4px;
  padding-left : 10px;
  background-repeat: no-repeat;
  background-position:  center;
  background-image: url('http://hmwholesale.com/global/css/clear.gif');
  cursor : pointer
}

/*
 * Given that this is sitting in a variable width tabel cell, the idea is
 * for it to consume the entire cell. The adjacent cell contains the search
 * button and that is a fixed width cell.
 */
input.gsc-input {
  padding-left : 2px;
  border-style : solid;
  border-width : 1px;
  border-color : #BCCDF0;
  width : 99%;
}

.gsc-keeper {
  color: #3366cc;
  text-decoration: underline;
  font-size: 13px;
  cursor: pointer;
  font-weight: normal;

  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  background-image: url('http://hmwholesale.com/global/css/blue_check.gif');
}
.gsc-imageResult .gsc-keeper {
  text-decoration: none;
}

/* each section of results has a results header table
 * .gsc-resultsHeader : the header itseld
 * td.twiddleRegionCell : the section that controls twiddleing of the section to expand/collapse
 * td.configLabelCell : the twiddler that controls active configuration of a searcher (used in GlocalSearch)
 * .gsc-twiddle : the twiddle image, note, this is a div that wraps gsc-title so that standard image replacement is feasible
 * .gsc-twiddle-closed : class added to gsc-twiddle when the twiddler is in the closed state
 * .gsc-twiddle-opened : class added to gsc-twiddle when the twiddler is in the opened state
 * .gsc-title : the section's title (e.g., Web Results, etc.)
 * .gsc-stats : contains the result counts
 * .gsc-stats
 */
.gsc-resultsHeader {
  clear: both;
  width: 100%;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom : 4px;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell{
  width: 75%;
}

.gsc-resultsHeader td.gsc-configLabelCell{
  text-align: right;
  width: 75%;
}

/*
 * note that the next three classes are all joined together
 * to implement the twiddle image. apps can substitute in their
 * own images but will need to account for the image size here
 * as well as in the left padding of the title element
 *
 * Note: uds provides the following images that work with the geometry/padding defined below
 *  to use these images simply over-ride the.gsc-twiddle-opened/-closed class and specify an alternate image
 *  or use an image of your own design
 */
.gsc-resultsHeader .gsc-twiddle{
  margin-top: 4px;
  display: inline;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.gsc-resultsHeader td.gsc-twiddle-closed div.gsc-twiddle{
  background-image: url('http://hmwholesale.com/global/css/arrow_close.gif');
}
.gsc-resultsHeader td.gsc-twiddle-opened div.gsc-twiddle{
  background-image: url('http://hmwholesale.com/global/css/arrow_open.gif');
}

.gsc-resultsHeader .gsc-title{
  color: #676767;
  margin-right: 10px;
  padding-left: 14px;
  display: inline;
}

.gsc-resultsHeader .gsc-stats {
  color: #676767;
  font-size: 11px;
  font-weight: normal;
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-opened .gsc-stats {
  display : none;
}

/*
 * .gsc-results-selector : box surrounding individual selectors for 1, more, or all results
 * .gsc-result-selector : an individual selector
 * .gsc-one-result : single result selector
 * .gsc-more-results : more (4) results selector
 * .gsc-all-results : all results (8) selector
 */
.gsc-results-selector {
  display : inline;
}

.gsc-resultsHeader td.gsc-twiddle-closed .gsc-results-selector {
  display : none;
}

.gsc-result-selector {
  cursor : pointer;
  display : inline;
  font-size : 13px;
  padding-left : 13px;
  background-repeat: no-repeat;
  background-position: center left;
}

/* default mode is dark */
.gsc-one-result {
  background-image: url('http://hmwholesale.com/global/css/one-complex-dark.gif');
}

.gsc-more-results {
  background-image: url('http://hmwholesale.com/global/css/more-complex-dark.gif');
}

.gsc-all-results {
  background-image: url('http://hmwholesale.com/global/css/all-complex-dark.gif');
  padding-right : 1px;
}

/* active mode is light */
.gsc-one-result-active .gsc-one-result {
  background-image: url('http://hmwholesale.com/global/css/one-complex-light-blue.gif');
}

.gsc-more-results-active .gsc-more-results {
  background-image: url('http://hmwholesale.com/global/css/more-complex-light-blue.gif');
}

.gsc-all-results-active .gsc-all-results {
  background-image: url('http://hmwholesale.com/global/css/all-complex-light-blue.gif');
}

.gsc-resultsHeader .gsc-configLabel{
  color: #676767;
  display: inline;
  font-size: 11px;
  cursor: pointer;
}

.gsc-resultsHeader td.gsc-configLabelCell span.gsc-twiddle-closed {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position:  center;
  background-image: url('http://hmwholesale.com/global/css/settings.gif')
}


/* tabbed mode of search control
 * .gsc-tabsArea : the box containing all of the tabs
 * .gsc-tabsAreaInvisible : same as above, but this is the state when search has been cleared
 * .gsc-tabHeader : an individual tab
 * .gsc-tabHeader.gsc-tabhActive : the active tab
 * .gsc-tabHeader.gsc-tabhInactive : an inactive tab
 * .gsc-tabData : the data area/box containg results and header data for each tab
 * .gsc-tabData.gsc-tabdActive : the data area for the active tab
 * .gsc-tabData.gsc-tabdInactive : the data area for inactive tabs
 */
.gsc-tabsArea {
  clear: both;
  margin-top: 6px;
  }

.gsc-tabsAreaInvisible {
  display : none;
  }

.gsc-tabHeader {
  display: inline;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 2px;
  }

.gsc-tabHeader.gsc-tabhActive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #ff9900;
  color: black;
  }

.gsc-tabHeader.gsc-tabhInactive {
  border-left: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
  border-top: 2px solid #e9e9e9;
  background: #e9e9e9;
  color: #676767;
  }

.gsc-tabData.gsc-tabdActive {
  display: block;
  }

.gsc-tabData.gsc-tabdInactive {
  display: none;
  }

/* tab specific results header supression
 * - no twiddle, tabbed mode runs in full expand mode
 * - no title
 * - no stats
 */
.gsc-tabData .gsc-resultsHeader .gsc-title {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-stats {
  display: none;
  }

.gsc-tabData .gsc-resultsHeader .gsc-results-selector {
  display : none;
}



/* the results for each section
 * .gsc-resultsbox-{visible,invisible} : a complete-collection of results including headers
 * .gsc-results : the collection of results for a given searcher
 * .gsc-result : a generic result within the control. each result has this class, as well as .gsc-xxxResult where xxx is web, image, local, blog, etc.
 */
.gsc-resultsbox-visible {
  display : block;
}

.gsc-resultsbox-invisible {
  display : none;
}

.gsc-results {
  clear: both;
  padding-bottom: 2px;
}

.gsc-result {
  margin-bottom: 10px;
}

.gsc-result .gs-title {
  height: 1.4em;
  overflow: hidden;
  }

/* specialized, result type specific, fine grained controls */
.gsc-result div.gs-watermark {
  display: none;
}

/* Ads
 * inline the title div so that we can have an adjecent ad marker
 * in the control, the ad-marker is supressed since ads are already positioned
 * underneath a results divider
 */
.gsc-webResult a div.gs-title {
  display: inline;
}
.gsc-results .gsc-result img.gs-ad-marker {
  display: none;
}

/* Standard configuration div/form */
div.gsc-config {
  border: 1px solid #e9e9e9;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top : 2px;
  padding-left : 6px;
  padding-right : 6px;
  padding-bottom : 6px;
}

form.gsc-config {
  margin-bottom : 0px;
}

.gsc-configSetting {
  margin-top : 6px;
  }

.gsc-configSetting_Label {
  color: #676767;
  }

.gsc-configSettingInput {
  color: #676767;
  border: 1px solid #e9e9e9;
  width: 75%;
  }

.gsc-configSettingCheckbox {
  color: #676767;
  margin-right: 6px;
  }

.gsc-configSettingCheckboxLabel {
  display : inline;
  color: #676767;
  }

div.gsc-configSettingSubmit {
  margin-top : 8px;
  text-align : right;
}

input.gsc-configSettingSubmit {
  display: inline;
  font-size: 11px;
  cursor: pointer;
}


/* Image Search
 * - support for horizontal and vertical orientation
 * - title, url, and size supression
 */
.gsc-results.gsc-imageResult .gsc-imageResult.horizontal{
  float: left;
  width: 65px;
  margin-bottom: 4px;
  margin-right: 8px;
  text-align: center;
}

.gsc-results.gsc-imageResult .gsc-imageResult.horizontal .gs-imageResult {
  height: 41px;
}

.gsc-results.gsc-imageResult .gsc-imageResult.vertical{
  float: none;
  margin-bottom: 4px;
  margin-right: 8px;
  text-align: left;
}

.gsc-results.gsc-imageResult .gsc-imageResult.horizontal .gsc-keeper {
  background-position: center;
}

.gsc-imageResult .gs-title {
  display: none;
}
.gsc-imageResult .gs-visibleUrl {
  display: none;
}
.gsc-imageResult .gs-size {
  display: none;
}

/* Video Search
 * - metadata, publisher small font
 * - single line title
 */

.gsc-videoResult .gs-videoResult .gs-metadata {
  font-size: 11px;
}

.gsc-videoResult .gs-videoResult .gs-title {
  line-height: 1.3em;
  height: 1.3em;
  overflow: hidden;
  }

.gsc-videoResult .gs-videoResult .gs-snippet {
  line-height: 1.3em;
  max-height: 2.6em;
  overflow: hidden;
  }

/* trailing more link at the bottom of
 * a collection of results
 */
.gsc-results .gsc-trailing-more-results {
  margin-bottom : 10px;
}

.gsc-results .gsc-trailing-more-results,
.gsc-results .gsc-trailing-more-results * {
  color: #0000cc;
  text-decoration: underline;
}


/*** End of Control, Begin Results ***/

/* generic, cross cutting result style
 * - in the form of .gs-result .gs-xxx where xxx is the generic style
 * .gs-title : typically the first line of a result, typically a link, image results over ride this, since for image results, the image is the link
 * .gs-divider : typically seperates results from ads
 * .gs-visibleUrl : typically the last line of a result, displayed in green. sometimes a link (like in blog search)
 * .gs-clusterUrl : for news, and other similar services, this is a cluster of additional results
 * img.gs-image : an actial image in a result
 * .gs-phone : a phone number
 * .gs-address : an address (includes street, city, region, country)
 * .gs-streetAddress : a street (including #)
 * .gs-city : a city
 * .gs-region : a region (zip code, area, etc.)
 * .gs-country : a country
 * .gs-snippet : snippetized content
 * .gs-watermark : indicator that user selected this result
 * .gs-metadata : generic metadata, e.g.,
 * .gs-image-box : generic container for a result's image (within a table)
 * .gs-text-box : generic container for a result's text content (within a table). Note that this class, and image-box are only used in video
 */
.gs-result .gs-title,
.gs-result .gs-title * {
  color: #0000cc;
  text-decoration: underline;
}

.gs-divider {
  padding-bottom: 8px;
  text-align: center;
  color: #676767;
}

.gs-result a.gs-visibleUrl,
.gs-result .gs-visibleUrl {
  color: #008000;
  text-decoration: none;
}

/* relative and absolute dates, note, news/books inlines these */
.gs-relativePublishedDate,
.gs-publishedDate {
  color: #6f6f6f;
  text-decoration: none;
}
.gs-result a.gs-clusterUrl,
.gs-result .gs-clusterUrl {
  color: #008000;
  text-decoration: none;
  cursor: pointer;
}

.gs-newsResult .gs-publisher {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

/*
 * For news results there are two dates...
 * The relative date is visible while in the
 * search control and the published date
 * is visible when clipped. Why? It doesn't
 * make sense to say 4 hours ago for a clipped
 * result...
 */

/* establish the base style */
.gs-newsResult .gs-relativePublishedDate,
.gs-newsResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

/* base styling for relative date is none */
.gs-blogResult .gs-relativePublishedDate,
.gs-newsResult .gs-relativePublishedDate {
  display : none;
}

/* suppress publishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-publishedDate,
.gsc-newsResult .gs-newsResult .gs-publishedDate {
  display : none;
}

/* enable relativePublishedDate while in the control */
.gsc-blogResult .gs-blogResult .gs-relativePublishedDate,
.gsc-newsResult .gs-newsResult .gs-relativePublishedDate {
  display : inline;
}

.gs-newsResult .gs-location {
  color: #6f6f6f;
  display : inline;
  text-decoration: none;
}

.gs-result img.gs-image {
  vertical-align : middle;
  border : 1px solid #0000cc;
}

.gs-result div.gs-phone {}

.gs-result .gs-directions,
.gs-result .gs-directions * {
  color: #3366cc;
  font-weight: normal;
  text-decoration : underline;
}

.gs-videoResult a.gs-publisher,
.gs-videoResult .gs-publisher {
  color: #008000;
  text-decoration: none;
}

.gs-result a {
  cursor: pointer;
}

.gs-result .gs-address {
}

.gs-result .gs-snippet {
}

.gs-result .gs-watermark{
  font-size: 10px;
  color: #7777cc;
}

div.gs-results-attribution {
  text-align : center;
  margin-bottom : 4px;
}

div.gs-results-attribution,
div.gs-results-attribution * {
  font-size : 10px;
  color : #676767;
  text-decoration : none;
}

div.gs-results-attribution a {
  color: #0000cc;
  cursor : pointer;
}

div.gs-results-attribution a:hover {
  text-decoration : underline;
}

.gs-result .gs-metadata{
  color: #676767;
}

/* searcher specific styling for
 * - web ad
 * - web
 * - local
 * - image (none)
 * - blog (none)
 * - video (none)
 */

/* webAd search specific over rides
 * .gs-ad-marker : disabled in control, but on in green to indicate clipped result is an ad
 */
.gs-localAd img.gs-ad-marker,
.gs-webAd img.gs-ad-marker {
  padding-left: 4px;
}

.gs-localAd a.gs-visibleUrl div.gs-visibleUrl,
.gs-webAd a.gs-visibleUrl div.gs-visibleUrl {
  display : inline;
}

/* default is to not show long mode visible urls
 * apps should selectively enable this while disabling
 * div.gs-visibleUrl-short
 */
.gs-webResult div.gs-visibleUrl-long {
  width : 100%;
  overflow : hidden;
  display : none;
}

/* local search specific over rides
 * - city, region displayed inline
 * - country supressed
 * - small font size for info window's
 */

.gs-localAd div.gs-address * {
  color : #676767;
}

.gs-localAd div.gs-street {
  display: inline;
}

div.gs-city {
  display: inline;
}

div.gs-region {
  display: inline;
}

div.gs-country {
  display: none;
}

div.gs-infoWindow * {
  font-size: 11px;
  }

/* video search specific over rides
 * - align the table data
 * - default image width garuntee
 * - appropriate cell seperation
 */

/* todo(markl): workaround until gre in gmail fixes his styles */
.gs-videoResult * {
  font-size: 13px;
  }

/*
.gs-videoResult td .gs-image {
  vertical-align : middle;
}

.gs-videoResult td.gs-image-box {
  background-color : #000000;
}*/

.gs-videoResult td div.gs-image-box {
  width : 110px;
  height : 78px;
}

.gs-videoResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }


/* book search specific over rides
 * - default image width garuntee
 * - appropriate cell seperation
 */

.gs-bookResult td.gs-image-box div.gs-image-box {
  width : 75px;
  height : 90px;
}

.gs-bookResult td div.gs-text-box {
  vertical-align: top;
  margin-left: 4px;
  }

.gs-bookResult img {
  border-spacing : 0px 0px;
  border : none;
}

.gs-bookResult img.gs-pages {
  height : 7px;
  width : 45px;
}

.gs-bookResult img.gs-page-edge {
  height : 7px;
  width : 11px;
}

.gs-bookResult img.gs-image {
  height : 80px;
  border : 1px solid #a0a0a0;
}

.gs-bookResult .gs-author {
  display : inline;
  color: #6f6f6f;
}
.gs-bookResult .gs-publishedDate {
  display : inline;
  margin-left : 4px;
}

.gs-bookResult .gs-pageCount {
  display : inline;
  color: #6f6f6f;
  margin-left : 4px;
}