/* --------- BASE TAG's STYLES --------- */


html, body {
	min-width: 1000px;
	width: 100%;
	height: 100%;
}

body {
	padding: 0;
	min-height: 100%;
	color: #475360;
	font-family: Ubuntu, 'Open Sans', Arial, sans-serif;
	font-size: 13px;
	background: url('../img/redesign/body_bg.jpg') repeat;
}

::-moz-selection { background: #b3d4fc; }
::selection { background: #b3d4fc; }


a { color: #4c8ab0; }
a:hover { color: #44bbff; }

input, textarea, select {
	font-size: inherit;
	font-family: inherit;
}

h1 {
	color: #4f6b79;
	font-size: 23px;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1;
}

h2 {
	color: #4f6b79;
	font-size: 23px;
	font-weight: normal;
	padding-bottom: 15px;
}

h3 {
	color: #4f6b79;
	font-size: 16px;
	font-weight: normal;
	padding-bottom: 10px;
}


p {
	line-height: 1.5;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

/* --------- SITE LAYOUT STYLES --------- */

.l-wrapper {
	width: 100%;
	position: relative;
	padding-bottom: 110px;
}

.l-wrapper-inner {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.l-header {
	height: 109px;
	margin-bottom: 39px;
	position: relative;
	background: #fff;
	color: #49515e;
}

.l-container {position: relative; top:20px;}
.l-header .navbar {
	overflow: hidden;
}

.l-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 70px;
	width: 100%;
	padding-top: 19px;
	font-size: 13px;
	background: #FFF;
	color: #475360;
}

footer .navbar {
	height: 28px;
	padding-top: 2px;
	margin: 7px 0 0;
	position: relative;
	background: #e9ebef url('../img/redesign/footer_bg.png') repeat-x;
	color: #49515e;
}

.l-content {
	width: 745px;
	float: left;
	position: relative;
}

.l-content.crop {
	padding: 10px 0 10px 5px;
	width: 740px !important;
}

ul.catalog {position: relative; left: 15px;}

.l-sidebar {
	float: left;
	position: relative;
	width: 215px;
	margin-right: 20px;
}

#overlay {position: fixed; top: 0px; bottom: 0px; left:0px; right: 0px; z-index: 999;}  /* WTF?! */


/* --- FORMS --- */

input, select, textarea {
	display: inline-block;
	padding: 2px 3px;
	color: #555;
	font-size: 12px;
	border-radius: 3px;
	background-color: #ffffff;
	border: 1px solid #b9d3e3;
	box-shadow: inset 0 3px 5px rgba(0, 46, 73, 0.05), 0 1px 1px #fff;
}

.form-row {
	position: relative;
	margin-bottom: 15px;
}

	.form-label, .form-input {
		display: inline-block;
		vertical-align: top;
	}
	.form-label {
		font-size: 13px;
		padding-top: 2px;
		padding-right: 20px;
		text-align: right;
		width: 90px;
		line-height: normal;
		float:left;
	}
	.form-input input.i {
		width: 250px;
	}
	.form-input textarea.i {
		width: 250px;
		height: 100px;
	}

	.form-row .help-inline,
	.form-submit .help-inline {
		font-size: 10px;
	}


.imp-marker {
	color: #fa755a;
}


/* --- LISTS ELEMS --- */

.textbox ul li,
ul.bullet, ul.bullet ul,
ul.unstyled, ol.unstyled,
ul.unstyled ul, ul.unstyled ol,
ol.unstyled ul, ol.unstyled ol { list-style: none!important; }

ul.inline, .grid { letter-spacing: -4px!important; font-size: 0; line-height: 0; }
	ul.inline li, ul.inline .item,
	.grid li, .grid .item { display: inline-block; vertical-align: top; letter-spacing: normal!important; font-size: 10px; line-height: 1.2; }




/* TABLES */
.textbox table,
.table { width: 100%; }

	.textbox table th, .textbox table td,
	.table th, .table td { text-align: left; vertical-align: top; }

	.textbox table caption,
	.table caption,
	.textbox table th,
	.table th { font-weight: bold; }

	.textbox table th,
	.table thead th { vertical-align: bottom; }

	.textbox table caption + thead tr:first-child th,
	.textbox table caption + thead tr:first-child td,
	.textbox table colgroup + thead tr:first-child th,
	.textbox table colgroup + thead tr:first-child td,
	.textbox table thead:first-child tr:first-child th,
	.textbox table thead:first-child tr:first-child td,
	.table caption + thead tr:first-child th,
	.table caption + thead tr:first-child td,
	.table colgroup + thead tr:first-child th,
	.table colgroup + thead tr:first-child td,
	.table thead:first-child tr:first-child th,
	.table thead:first-child tr:first-child td { border-top: 0; }


/* clear */
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; }
.clearfix:after { clear: both; }
.overflow { overflow: hidden; }
.clear {clear: both; display: block; overflow: hidden; width: 100%; height: 1px; margin-bottom: -1px; }


/* links */
.plink { color: #3A87AD; border-bottom: 1px dashed #3A87AD; cursor: pointer; }
.plink:hover { border-bottom-color: transparent; }

.a-hover-inverse a { text-decoration: none;  }
.a-hover-inverse a:hover { text-decoration: underline;  }

.a-no-line a { text-decoration: none!important; }


/* hide text or box */
.hide-text  { font: 0px/0 a; color: transparent; text-shadow: none; }
.hidden { display: none; visibility: hidden; }
.hid { display: none !important; }


/* vertical align for fix-height box */
.child, .helper { display: inline-block; vertical-align: middle; }
.child { width: 100%; margin: 0 -3px; left: 3px; position: relative; }
.helper { height: 100%; width: 0; }

.vertical-align { display: table-cell; vertical-align: middle; }
.v { display: inline-block; vertical-align: middle; }

.lr { overflow: hidden; }
	.lr .l { float: left; }
	.lr .r { float: right; }

/* hide styles */
.print { display: none; }

/* icons */
.ico {
	background: url('../img/s-icons.png?1');
	display: inline-block;
	font-size: 0;
	line-height: 0;
	width: 16px;
	height: 16px;
	}
.favorite-box-wrap.open .ico.tumblr {background: url('../img/redesign/arrow_up.png') no-repeat !important; }
	.tumblr {
		background-position: -113px -53px;
		cursor: pointer;

		}
	.tumblr.close { background-position: -113px -77px; }