/* CMS layout
--------------- */
.right-spacer {
	margin: 0px 10px 0px 0px;
}

.left-spacer {
	margin: 0px 0px 0px 10px;
}

.right-spacer, .left-spacer {
	padding: 0px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	_postion: relative;
	_zoom: 1;
}

.inline-box {
	float: left;
	margin: 7px;
	padding: 5px;
	text-align: center;
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	_zoom: 1;
	*display: inline;
	width: auto;
	height: auto;
}

/* CMS blocks layout
--------------- */
.cms-block-content{
	overflow: hidden;
	_zoom: 1;	 
}

.cms-block-icon {
	float: right;
	display: inline;
	width: auto;
}

.cms-block-icon img {
	margin-left: 3px;
	max-height: 25px;
	width: auto;
	vertical-align: middle;
}

.cms-block-spacer {
	margin: 0 10px 0 0 !important;
}

.inner-spacing {	
	
	margin: 0px !important;
}

#cms-main-content {
        padding: 0 30px 0 30px;
}

#cms-main-content .cms-wide-block {
	float: left !important;
	padding-right: 3%;
	position: relative;
	display: inline;
}

.cms-horizontal {
	overflow: hidden;
	postion: relative;
	_zoom: 1;
}

.cms-horizontal ul.block-ui li {
	float : left;
	display: inline;
	width: auto;
	min-height: 100%;
	height: auto !important;
	height: 75px;
	overflow-y: visible;
}

ul.block-ui .inner {
	border-bottom: 1px solid #ccc;
	margin-bottom: 7px;
	height: 100%;
}

ul.block-ui {
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: inline;
	overflow: hidden;
	_overflow: visible;
	_zoom: 1;
}

ul.block-ui li {
	display : inline;
	list-style-type : none;
	overflow: hidden;
	_zoom: 1;
}

ul.block-ui .last, .cms-horizontal ul.block-ui .inner {
	border-bottom: 0px;
}

.vertical-line{
	border-right: 2px inset aqua;
}

.halves ul.block-ui li{width:50%;}
.thirds ul.block-ui li{width:33.33333%;}
.quarters ul.block-ui li{width:25%;}
.fifths ul.block-ui li{width:20%;}
.sixths ul.block-ui li{width:16.66666%;}
.sevenths ul.block-ui li{width:14.28571%;}
.eighths ul.block-ui li{width:12.5%;}

/* CMS Menu mod
--------------- */
.cms-menu-item {
	display: block;
	margin: 2px 0px;
	line-height: 25px;
	height: 25px;
}

/* CMS Misc
--------------- */
h3 {
	text-transform : capitalize;
}

.heading1 {
	font-size: 1.8em;
}

.heading2 {
	font-size: 1.5em;
}

.members-box {
	overflow: hidden;
}

.members-box .inner {
	height: 75px;
	width: 75px;
}

.members-box img {
	vertical-align: middle;
}

.read-more {
	background: #cecece none repeat-x 0 0;
	margin-bottom: 4px;
	white-space: nowrap;
	padding: 0 5px;
	margin: 0 10px;
	clear: both;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

.centered-box {
	margin: 0 auto;
	width: auto;
}

/* Remove focus */
*:focus { 
	outline: none; 
}

*::-moz-focus-inner { 
	border: none; 
}

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode:bicubic;
}

/* CMS image sizes
---------------------------------------- */
.cms-teaser-small-image, .cms-teaser-medium-image, .cms-teaser-large-image {
	margin: 1% 4% 2% 0px;
	vertical-align: top;
	height: auto;
	float: left;
	display: inline;
}

.cms-teaser-large-image {
	margin: 1% 0px 4% 4%;
	max-width: 100%;
	float: right;
	clear: left;
}

.cms-teaser-medium-image {
	max-width: 25%;
	width: auto !important;
	width: 95px;
	clear: right;
}

.cms-teaser-small-image {
	max-width: 20%;
	width: auto !important;
	width: 55px;
	clear: right;
}

/* CMS avatar sizes
---------------------------------------- */
.tiny-avatar img {
	vertical-align: middle;
	max-width: 16px;
	width: auto !important;
	width: 16px;
	max-height: 16px;
	height: auto !important;
	height: 16px;
}

.small-avatar img {
	vertical-align: top;
	max-width: 45px;
	width: auto !important;
	width: 45px;
	max-height: 45px;
	height: auto !important;
	height: 45px;
}

.medium-avatar img {
	vertical-align: top;
	max-width: 65px;
	width: auto !important;
	width: 65px;
	max-height: 65px;
	height: auto !important;
	height: 65px;
}

.large-avatar img {
	vertical-align: top;
	max-width: 100px;
	width: auto !important;
	width: 100px;
	max-height: 100px;
	height: auto !important;
	height: 100px;
}

/* Grids
 * Copyright (c) 2009, Nicole Sullivan. All rights reserved.
 * Code licensed under the BSD License:
----------------------------------------------------------- */
.line:after, .lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "; visibility:hidden; clear:both; height:0 !important; display:block; line-height:0; font-size: xx-large; overflow: hidden;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size2of4{width:50%;}
.size3of4{width:75%;}
.size1of5{width:20%; margin:20px 0;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display: table-cell; *display:block; *zoom:1; float:none; _position:relative; _left:-3px; _margin-right: -3px;}


/* GWS STYLE
 * Lilian
----------------------------------------------------------- */


h4
{
	background-color: rgb(0, 0, 0); 
	color: rgb(255, 255, 255);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

.label
{
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
}

.emphasis
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

div .insert-button
{
	position:relative;
	text-align:right;
	width:200px;
	float:right;
}

.autosuggest
{
	background-color:#fff;
}

.inputbox_gws
{
	background-color:#FFF;
	border-color:#B4BAC0;
	color:#333333;
	border:1px solid #C0C0C0;
	cursor: text;
	padding:2px;
	width:280px;
}

.inputbox_gws:hover
{
	border:1px solid #11A3EA;
}

.inputbox_gws:focus
{
	border:1px solid #11A3EA;
}

tr.bottomborder td{
	border-bottom: 1px solid #CECECE;
} 

td.leftborder{
	border-left: 1px solid #CECECE;
	text-align:center;
}

td.rightborder{
	border-right: 1px solid #CECECE;
	padding-right:10px;
}

table.gwstable td{
	padding:10px;
	font-size:10px;
}

h3.h3gws
{
	margin:0;
}

/* More GWS custom CSS - Ross*/
	.Success{
		color:#00CC00;
		font-weight:bold;
	}
	
	.clear{ clear:both; }
	
	/* These styles apply to the admin options sidebar */	
	.options_sidebar_container{
		margin:20px 0 0 -30px; 
		float:left;
	}
	.options_sidebar{
		width:180px; 
		padding:0 10px 10px 10px; 
		margin-top:-20px;
	}
	.options_sidebar a{
		color:white;
	}
	.options_sidebar h3{
		color:white;
		margin-top:0;
	}
	.options_sidebar ul{
		padding-left:10px;
	}
	
	/* These styles apply to the outlet's ingredient list */	
	span.ing_list_item{ 
		display: block; 
	}
	.ing_list_header{
		font-weight:bold;
		font-size:14px;
		color:#000000;
		border-bottom:1px solid #CCCCCC;
		padding-bottom:20px;
	}
	.ing_list_col{
		float:left;
		width:200px;
	}
	.ing_list_row, .ing_list_row_alt{
		padding-top:3px;
		border-bottom:1px dashed #CCCCCC;
		overflow:hidden;
	}
	.ing_list_row_alt{
		background-color:#EEEEEE;
	}
	.ing_list_row:hover, .ing_list_row_alt:hover{ 
		background-color:#CDEEFE; 
		cursor:pointer;
	}
	
	.ing_list_row_num, .ing_list_name, .ing_list_brand, .ing_list_origin, .ing_list_code, .ing_list_desc{
		float:left;
		padding-right:8px;
	}
	.ing_list_row_num{
		color:#999999;
		padding-right:10px;
		width:3%;
	}
	.ing_list_name{
		font-weight:bold;
		color:#105289;
		width: 25%;
	}
	.ing_list_brand{
		width: 10%;
	}
	.ing_list_origin{
		width: 10%;
	}
	.ing_list_code{
		width: 10%;
	}
	.ing_list_desc{
		width: 20%;
	}
	.ing_list_delete_button, .ing_list_delete{
		font-size:12px;
		text-align:center;
		float:right;
		width:13%;
	}
	.ing_list_delete{
		padding-bottom:3px;	
	}
	
	.blue_box{
		padding:8px; 
		margin:8px;
		border:1px solid #0099FF; 
		background-color:#99CCFF;	
	}
	
	/* These styles apply to the search results table */
	.search_header{
		padding-bottom:5px;
		font-size:12px;
		font-weight:bold;
	}
	
	h2.search_results{
		padding-top:3px;
		margin-top:0px;
		padding-bottom:0px;
	}
	
	.search_suggestion{
		color:#FF0000;
		padding-top:5px;
		padding-bottom:5px;
		font-size:14px;
	}
	
	.result_count{
		font-size:10px;
		padding-bottom:5px;
	}
	
	.no_results_message{
		font-weight:bold;
		padding-bottom:10px;
	}
	
/* RESULTS PAGE LIST TABLE */
	.results_table{
		width:100%;
		font-size:10px;
	}
	.results_table_header td{
		border-top:1px solid #CECECE;
		border-left:1px solid #CECECE;
		border-right:1px solid #CECECE;
		padding:6px;
		font-size:12px;
		font-weight:bold;
	}
	.results_table_footer td{
		border-top:0;
		/*border-bottom:1px solid #CECECE;*/
		font-size:12px;
		font-weight:bold;
		text-align:center;
		padding-top:3px;
	}
	.results_column_header td{
		background-color:#000000;
		color:#FFFFFF;
		font-size:10px;
		padding:5px;
	}
	.results_table_row td{
		padding-top:5px;
		padding-bottom:5px;
		border-bottom:1px solid #CECECE;
	}
	.store_thumbnail{
		max-width:100px;
		max-height:100px;
		width: expression(this.width > 100 ? 100: true);
		height: expression(this.height > 100 ? 100: true);
		/*height:100px;*/
		border:1px solid #CECECE;
	}
	.results_details dt{
		clear:left;
		float:left;
		margin:0 15px 0 0;
		padding:5px 0 0;
		/*text-align:right;*/
		/*width:120px;*/
	}
	.results_details dd{
		margin:0 0 0 125px;
		padding:5px 0 0;
	}

	
.view-more { padding-top:10px; }

/* OB 2010-06-23 some custom styles for the Admin search stats page */

#searchstats table { padding-bottom: 0px; }
#searchstats table tr th { padding: 3px; text-align: left; }
#searchstats table tr td { padding: 3px; text-align: left;}
#searchstats table.topsearches { padding-bottom: 0px;}
#searchstats table.topsearches tr th { padding: 1px 20px 1px 1px; text-align: left; }
#searchstats table.topsearches tr td { padding: 1px 20px 1px 1px; text-align: left;}
#searchstats table.topsearches tr td.centertext { padding: 1px 20px 1px 1px; text-align: center;}
#searchstats .padright { padding-right: 5px; }