/* GENERAL SETTINGS */
body
{
	overflow-x: hidden;
	overflow-y: scroll;
	background: url('../../images/main-bg.png') repeat-x;
}

a
{
	color: #ff6c00;
}

del
{
	clear: both;
	display: inline-block;
	padding: 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

div
{
	color: #333333;
}


/* GRID SETTINGS */
#column-gridaaaaaaaaa
{
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
	clear: both;
}

/* AJAX RESPONSE */
#ajax-response
{
	position: fixed;
	top: 10px;
	left: 45%;
	padding: 6px;
	border: 1px solid #eae172;
	border-top: none;
	color: #333;
	background-color: #f8f2ac;
	text-align: center;	
	font-size: 100%;
	font-weight: normal;
}

/* SAVE MESSAGE */
#save-msg
{
	display: none;
}

/* LOGO */
#logo-print
{
	display: none;
}

/* PRODUCTS */
.product
{
	margin-bottom: 10px !important;
	text-transform: uppercase;
	font-size: 116%;
	font-weight: bold;
	width: 290px;
	float: left;
}

.item-not-added
{
	display: none;
	color: #CCCCCC;
}

.item-not-added input
{
	margin-right: 10px;
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
}

.item-not-added span.link
{
	color: #CCCCCC !important;
	text-decoration: none;
	cursor: pointer !important;
}

.item-not-added span.link:hover
{
	color: #999999 !important;
	text-decoration: underline;
}

.item-added
{
	display: block;
}

.item-added input
{
	margin-right: 10px;
	color: #333;
	border: 1px solid #999999;
}

.item-added span.link
{
	text-decoration: none !important;
	cursor: pointer !important;
	color: #ff6c00 !important;
}

.item-added span.link:hover
{
	text-decoration: underline !important;
	color: #ff6c00;
}

.item-added span.link:active,
.item-added span.link:focus,
.item-not-added span.link:active,
.item-not-added span.link:focus
{
	color: #ff6c00 !important;
	text-decoration: none !important;
}

.qt
{
	width: 30px;
	height: 19px;
	border: 1px solid #666666;
	text-align: center;
	line-height: 11px;
}


/* TOP MENU */
#top-menu
{
	text-align: right;
	margin-top: 37px;
	font-size: 116%;
}

#top-menu a
{
	color: #666666;
	font-weight: normal;
	font-size: 100%;
	margin-left: 20px;
	text-decoration: none;
}

#how-it-works
{
	color: #666666;
	text-decoration: underline !important;
}

#churrasco
{
	color: #666666;
	font-weight: bold !important;
}

#how-it-works:hover,
#about:hover,
#churrasco:hover
{
	color: #ff6c00 !important;
}


/*
.send-by-mail-inner-content
{
	text-align: center;
	padding: 20px;
	cursor: default !important;
}

.send-by-mail-inner-content h3
{
	color: #ff6c00;
	font-size: 28px;
	margin-bottom: 20px;
}

.send-by-mail-inner-content h5
{
	font-size: 17px;
	margin-bottom: 15px;
}

.send-by-mail-inner-content .field
{
	width: 190px;
}

.send-by-mail-inner-content span
{
	font-size: 70%;
	font-weight: normal;
}
*/





/* P */
p.info
{
	font-size: 85%;
	font-weight: normal;
}

p.title
{
	font-size: 123.1%;
}




/* ADD PRODUCT */
#add-product-bar
{
	height: 50px;
	margin: 33px 0 5px 0;
	overflow: hidden;
}

#add-product-bar ul
{
	display: table;
	list-style-type: none;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

#add-product-bar li
{
	display: table-cell;
	text-align: left;
	width: auto;
}

#add-product-opts
{
	line-height: 15px;
	padding: 15px 0 0 10px;
	width: 170px;
	vertical-align: top;
}

#add-product-opts img
{
	vertical-align: middle;
	margin: 0 2px 2px 0;
}

#query
{
	width: 342px;
	height: 32px;
	border: none;
	background-color: #fff;
	color: #333;
	font-size: 20px;
	padding: 6px 4px 0 4px;
	margin-top: 10px;
	background-image: url("../../images/query-field-bg.png");
	background-repeat: no-repeat;
	text-align: center;
	text-transform: uppercase;
}

#query:focus
{
	background-image: url("../../images/query-field-hover-bg.png");
}

#help-adding,
#restart,
#help-adding:focus,
#restart:focus
{
	color: #1a37b5;
	font-size: 96%;
	font-weight: normal;
	text-decoration: none;
}

#help-adding:hover,
#restart:hover
{
	text-decoration: underline;
	color: #001986;
}

/* EMPTY LIST */
#empty-list
{
	display: none;
	text-align: center;
	font-size: 123.1%;
	margin: 0 0 30px 0;
}




#hd
{
	margin: 30px 0 70px 0;
}

#content-box
{
	background: #fff;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #b3b3b3;
	border-top: none;
	padding: 0;
	width: 570px;
}

#content-box .top
{
	background: url('../../images/overlay-top-bg.png') no-repeat;
	height: 4px;
	position: relative;
	top: -4px;
}

#content-box .content
{
	margin: 15px;
}

#content-box a
{
	color: #1A37B5;
	font-size: 12px;
	font-weight: normal;
}

#content-box a:hover
{
	color: #001986;
}

h4
{
	margin-bottom: 10px;
	font-size: 22px;
}

h7
{
	font-size: 12px;
	color: #666666;
}


/* EXPORT OPTS */
#export-opts
{
	width: 310px;
	margin-left: 10px;
	margin: 0 0 10px 0;
}

#export-opts li
{
	background: #fff url('../../images/menu-bottom-bg.png') no-repeat center bottom;
	list-style-type: none;
	list-style-position: inside;
	overflow: hidden;
	margin: 0 0 5px 0;
	cursor: default !important;
}

#export-opts li h2.drawer-handle
{
	background: transparent url('../../images/menu-top-bg.png') no-repeat;
	margin: 0;
	padding: 8px 15px;
	color: #989898;
}

#export-opts li.open
{
	background-image: url('../../images/menu-bottom-opened-bg.png');
}

#export-opts li h2.drawer-handle.open
{
	background-image: url('../../images/menu-top-opened-bg.png');
	color: #333;
}

#export-opts li div.drawer-container
{
	display: none;
	margin: 0 15px 15px 15px;
	clear: both;
	text-align: center;
	overflow: hidden;
}

#export-opts li div.drawer-container a.button
{
	color: #fff;
	text-decoration: none;
	font-size: 116%;
	display: block;
	float: left;
	padding: 4px;
}

#export-opts li div.drawer-container p.info
{
	text-align: left;
}

#export-opts li div.drawer-container a.button:hover
{
	text-decoration: underline;
}

#export-opts li div.drawer-container a.send-button
{
	width: 50px;
	height: 20px;
	background: url('../../images/send-button-bg.png') no-repeat;
}



/* H6 INFO */
h6.info,
h6.extra-info
{
	color: #129a00;
	font-weight: normal;
	font-size: 96%;
}

h6.extra-info
{
	color: #666;
}

h6.info img
{
	vertical-align: middle;
	margin-right: 2px;
}

/* INPUTS */
#email
{
	background: #fff url('../../images/email-field.png') no-repeat;
	width: 163px;
	height: 18px;
	padding: 4px 6px 6px 6px;
	color: #333;
	border: none;
	text-transform: lowercase;
	margin: 0 5px 0 0px;
	float: left;
	text-align: center;
}

#area-code
{
	background: #fff url('../../images/area-code-field.png') no-repeat;
	width: 23px;
	height: 18px;
	padding: 4px 6px 6px 6px;
	color: #333;
	border: none;
	text-transform: lowercase;
	margin: 0 5px 0 0px;
	float: left;
	font-size: 116%;
	text-align: center;
}

#number
{
	background: #fff url('../../images/mobile-number-field.png') no-repeat;
	width: 148px;
	height: 18px;
	padding: 4px 6px 6px 6px;
	color: #333;
	border: none;
	text-transform: lowercase;
	margin: 0 8px 0 1px;
	float: left;
	font-size: 116%;
	text-align: center;
}

#provider
{
	width: 155px;
	padding: 3px;
}


/* SELECT PROVIDER BOX */
#select-provider-box
{
	text-align: left;
	color: #8f8f8f;
	font-size: 116%;
}


/* OOPS - BROWSER DETECT */
#oops
{
	display: none;
	margin-top: 100px;
}

ul li.remove-result
{
	color: #CCCCCC !important;
	background: url("../../images/remove-result-bg.png") no-repeat right center !important;
}

ul li.remove-result:hover,
#jSuggestContainer ul li.jSuggestHover.remove-result
{
	color: #333 !important;
	background: #ccc url("../../images/remove-result-bg.png") no-repeat right center !important;
}

/* jSuggest */

#jSuggestContainer {
	position:  absolute;
	background: #fff;
	color: #fff;
	border: 1px dotted #CCCCCC;
}

.jSuggestLoading {
	font-style: italic;
	padding: 10px;
}

.jSuggestLoading img
{
	vertical-align: middle !important;
	margin-right: 5px;
}

#jSuggestContainer ul, #jSuggestContainer ul li
{
	margin: 0;
	padding:0;
	list-style: none;
	font-weight: bold;
}

#jSuggestContainer ul li
{
	padding: 2px 6px;
	border-bottom: 1px dotted #CCCCCC;
	color: #333333;
	background: #EFEFEF;
	cursor: pointer;
	text-align: left;
	text-transform: uppercase;
}

#jSuggestContainer ul li.last
{
	border-bottom: 0 !important;
}

#jSuggestContainer ul li.jSuggestHover
{
	background: #ff6c00 url("../../images/add-result-bg.png") no-repeat right center;
	color: #fff;
	font-weight: bold;
}