/*!
* Project:   Five Lakes Manfacturing
* Date:      2012/07/23
/* ---------------------------------------- */

* { margin: 0; padding: 0; }

html { overflow-y: scroll; font-size: 100%; }
body { background: #676b6e url(../images/bg-foot.jpg) 50% 100% repeat; font-size: 62.5%; }

body, textarea, input, select, option, button { color: #666; font-family: "Helvetica",Helvetica,Arial,sans-serif; line-height: 1.313; }
li, dt, dd, p, figure, th, td, caption, pre { font-size: 1.5em; } /*---*/ li *, li p, li li, dt *, dd *, p *, figure *, th *, td * { font-size: 1em; }
div, form, blockquote, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { display: block; margin: 0; } :last-child { margin-bottom: 0 !important; } .last-child { margin-bottom: 0 !important; }

/*! layout -------- */

body.page-logged { background: #676b6e url(../images/bg.jpg) 0 0 repeat-x; }
body.page-logged #root { background: url(../images/bg-a.png) 50% 0 no-repeat; }
body.page-logged #root .root-wrap,
body.page-logged #root .root-wrap-a { background: transparent; }

#root {  }
.root-wrap { background: #676b6e url(../images/bg.jpg) 0 0 repeat-x; }
.root-wrap-a { background: url(../images/bg-a.png) 50% 0 no-repeat; }
#top { position: relative; z-index: 10; background: rgba(0,0,0,0.6); behavior: url(styles/pie.htc); -pie-background: rgba(0, 0, 0, 0.6); }
#top .wrapper { height: 38px; padding: 50px 0 0; position: relative; }
#logo { position: absolute; top: 16px; left: 0;  }
#logo a { }
#skips, #skips ul { position: absolute; position: fixed; top: 50%; left: 0; z-index: 9999; list-style: none; width: 100%; margin: -30px 0 0; padding: 0; text-align: center; }
#skips li { position: absolute; left: 0; top: 0; width: 100%; font: bold 5em/1 Calibri,Myriad Pro,Arial,Helvetica Neue,Helvetica,sans-serif; }
#skips li a { display: -moz-inline-stack; display: inline-block; position: fixed; left: -10001px; margin: 0 auto; padding: 20px 30px; border: 1px dotted #fff; border-color: rgba(255,255,255,0.7); -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  background: #333; background: rgba(0,0,0,0.6); color: #fff; text-align: center; text-decoration: none; outline: none; }
#skips li a:focus, #skips li a:active { position: relative; left: 0; }
#top-bar { position: absolute; right: 20px; top: 0; }
#top-bar ul { list-style: none; padding: 0; margin: 0; }
#top-bar ul li { position: relative; display: inline-block; margin: 0 0 0 10px; font-size: 1.4em; line-height: 2.571; font-weight: 900; }
#top-bar ul li a { display: block; padding: 0 15px; background: #17335c; color: #fff; text-transform: uppercase; text-decoration: none; }
.lt-ie8 #top-bar ul li { display: inline; zoom: 1; }
#top-bar ul li.expanded a, #top-bar ul li a:hover, #top-bar ul li a:active, #top-bar ul li a:focus { background: #244e8e; }
#top-bar ul li.login {}
#top-bar ul li.login .cont { display: none; position: absolute; top: 35px; right: 0; width: 402px; background: #244e8e; }
#top-bar ul li.login.expanded .cont { display: block; }
#nav { padding: 0 20px 0 0; }
#nav ul { list-style: none; margin: 0; padding: 0; text-align: right; }
#nav ul li { display: inline-block; font-size: 1.6em; line-height: 2.111; font-weight: 900;}
.lt-ie8 #nav ul li { display: inline; zoom: 1; }
#nav ul li a { padding: 0 15px; font-weight: normal; color: #fff; text-transform: uppercase; text-decoration: none; }
#nav ul li.active a, #nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus { color: #999; }
#nav ul li em { position: absolute; left: -10001px; top: -10001px; }
#content { z-index: 1; padding: 0 0 10px; }
.primary-a { position: relative; background: #fff; padding: 20px; margin: 0 0 30px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); }
body.page-logged .primary-a { box-sizing: border-box; padding: 50px 20px 20px; width: 100%; } 
#overfooter {}
#overfooter .wrapper { padding: 10px 0 0; }

#footer { margin: 0 auto; width: 100%; }
#footer .wrapper { }

nav.navbar {
	background: rgba(0,0,0,0.6);
	border: none;
}
nav.navbar div.navbar-header {
	margin-bottom: 0;
}
nav.navbar .navbar-brand {
	max-width: 40%;
}
nav.navbar .navbar-brand img {
	max-width: 100%;
}
#main-navbar-collapse-1 {
	margin-bottom: 0;
}
.navbar-default .nav.navbar-nav > li > a {
	color: #FFF;
	font-size: 16px;
	padding: 10px 15px;
}
.navbar-default .navbar-nav > li > a.login {
	display: none;
}
.navbar-default .nav.navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .nav.navbar-nav > .open > a:focus {
	background-color: transparent;
}
.navbar-default .nav.navbar-nav .dropdown-menu > li > a {
	background-color: transparent;
	color: #FFF;
}
.navbar-default .nav.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .nav.navbar-nav .open .dropdown-menu > li > a:focus {
	color: #CCC;
}
.navbar-default .nav.navbar-nav > li > a:hover {
	color: #CCC;
}
.navbar-default button.navbar-toggle {
	margin: 25px 15px 0 15px;
}
.navbar-default button.navbar-toggle span.icon-bar {
	background-color: #FFF;
}
.navbar-default button.navbar-toggle span.glyphicon {
	color: #FFF;
}
.navbar-default .dropdown-menu {
	background-color: rgba(0,0,0,0.6);
}
.navbar-default li.dropdown:hover .dropdown-menu {
	display: block;
}

/*! grids --------- */

.cols-2a {  }
.cols-2a .col { display: inline-block; width: 100%; padding: 40px 0 0; vertical-align: top; }
.lt-ie8 .cols-2a .col { display: inline; zoom: 1; }
.cols-2a .col:first-child { margin: 0; padding: 0; }

.cols-3f { position:  relative; padding: 25px 0 25px; background: #fff; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); behavior: url(styles/pie.htc); text-align: center; }
.cols-3f .col { display: inline-block; vertical-align: top; padding: 8px 0 0; }
.lt-ie8 .cols-3f .col { display: inline; zoom: 1; }
.cols-3f .col:first-child { padding: 10px; }
.cols-3f .col:last-child { text-align: center; }
.cols-3f .col p { color: #999; font-size: 1.3em; line-height: 1.2; }

.col-sm-4, .col-sm-12 { box-sizing: border-box;}
.col-sm-4.p0, .col-sm-12.p0, .col-sm-8.p0 { padding: 0; }

@media (max-width: 768px) {
	#footer .col:first-child {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.form-inline .form-group {
		box-sizing: border-box;
		margin: 0;
	}
}
.chosen-container {
	max-width: 100%;
	min-width: 100%;
}

/*! elements ------ */

.content-a { padding: 0; }
.content-b { padding: 0; }

.intro { width: 100%; margin: 0 0 24px; }
.intro .box-i { position: relative; display: none; width: 195px; min-height: 278px; padding: 0 23px 0 25px; margin: 0 18px 0 0; background: rgba(0,0,0,0.6); vertical-align: top; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); behavior: url(styles/pie.htc); -pie-background: rgba(0, 0, 0, 0.6);}
.lt-ie8 .intro .box-i { display: inline; zoom: 1; }
.intro .box-i h2 { margin: 0; font-size: 1.8em; font-weight: normal; line-height: 2.083; color: #fff; text-transform: uppercase; }
.intro-cont { display: inline-block; position: relative; width: 100%; margin: 0; position: relative; vertical-align: top; text-align: center; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.45); behavior: url(styles/pie.htc); }
.lt-ie8 .intro-cont { display: inline; zoom: 1; }
.intro-cont figure { display: block; margin: 0; }
.intro-cont figure img { display: block; width: 100%; }
.intro-cont .slogan { position: absolute; top: 82px; left: 0; display: inline-block; padding: 0; width: 100%; color: #fff; font-size: 4.2em; line-height: 1.19; text-align: center; }
.intro-cont .slogan span { display: inline-block; padding: 24px 70px; background: rgba(0,0,0,0.3); behavior: url(styles/pie.htc); -pie-background: rgba(0, 0, 0, 0.3); }
.lt-ie8 .intro-cont .slogan span { display: inline; zoom: 1; }

.nav-side {  }
.nav-side ul { list-style: none; padding: 0; margin: 0; }
.nav-side li { display: block; font-size: 1.5em; line-height: 1.875; font-weight: 500; font-family: "Helvetica",Helvetica,Arial,sans-serif; }
.nav-side ul a { display: block; border-bottom: 1px solid #444; color: #fff; text-decoration: none; }
.nav-side ul .active a, .nav-side ul a:hover, .nav-side ul a:focus, .nav-side ul a:active { color: #999; }

.nav-social { list-style: none; padding: 0; margin: 0; text-align: right; }
.nav-social li { display: inline-block; margin-left: 5px; }
.lt-ie8 .nav-social li { display: inline; zoom: 1; }
.nav-social li a { display: block; width: 30px; height: 29px; overflow: hidden; background: url(../images/nav-social.jpg) 0 0 no-repeat; text-indent: 1000001em; }
.nav-social li a:hover, .nav-social li a:active, .nav-social li a:focus { background-position: 0 100%; }
.nav-social li.ns-fb a {}
.nav-social li.ns-tw a { background-position: -39px 0; }
.nav-social li.ns-tw a:hover, .nav-social li.ns-tw a:active, .nav-social li.ns-tw a:focus { background-position: -39px 100%; }
.nav-social li.ns-pt a { background-position: -78px 0; }
.nav-social li.ns-pt a:hover, .nav-social li.ns-pt a:active, .nav-social li.ns-pt a:focus { background-position: -78px 100%; }
.nav-social li.ns-yt a { background-position: -117px 0; }
.nav-social li.ns-yt a:hover, .nav-social li.ns-yt a:active, .nav-social li.ns-yt a:focus { background-position: -117px 100%; }

.logos { list-style: none; padding: 0; }
.logos li {  float: left; margin: 0 0 0 10px; font-weight: 500; }
.logos li:first-child { margin: 0; }
.logos li a { }
.logos li img {}

.cols-3f .row .col:first-child { width: 100%; padding-bottom: 20px; box-sizing: border-box; }
#nav-foot {}
#nav-foot ul { box-sizing: border-box;display: inline-block; list-style: none; padding: 0; width: 50%; float: left; text-align: left; }
.lt-ie8 #nav-foot ul { display: inline; zoom: 1; }
#nav-foot ul:first-child { margin-left: 0; }
#nav-foot li { font-weight: 500; font-size: 20px; line-height: 1.2; padding: 0 10px; display: list-item; }
#nav-foot li a { color: #a38566; text-decoration: none; }
#nav-foot li a:hover, #nav-foot li a:active, #nav-foot li a:focus { text-decoration: underline; }

.flogin { height: 0; overflow: hidden; transition: height 0.2s linear; }
.flogin .row { width: 100%; overflow: hidden; margin: 0 0 5px; font-size: 1.071em; font-weight: 500; line-height: 1.867; }
.flogin .row .col { box-sizing: border-box; position: relative; width: 100%; vertical-align: top; padding: 5px 10px; }
.flogin .row .col input { box-sizing: border-box; width: 100%; }
.flogin .submit-row { width: 100%; color: #fff; font-weight: 500; font-size: 1.143em; }
.flogin .submit-row .col { text-align: right; }
.flogin .submit-row .col:first-child { text-align: left; }
.flogin label { color: #999; display: block; line-height: 28px; }
.js .flogin label { position: absolute; top: 0px; left: 12px; }
.flogin input { width: 157px; height: 28px; line-height: 28px; padding: 5px 10px; border: 1px solid #7c7b7b; border-width: 1px 0 0 1px; }
.flogin .submit-row a { padding: 0 5px 0 10px !important; white-space: nowrap; color: #fff; text-transform: none !important; background: none !important;}
.flogin button { display: inline-block; background: none; border: 0; padding: 0; color: #fff; }
.flogin button span { display: inline-block; padding: 0 13px; line-height: 30px; background: #3d9eff; -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2); text-shadow: -1px -1px rgba(0,0,0,0.2); behavior: url(styles/pie.htc); }

.form-a {}
.form-a .submit-row { text-align: right; font-size: 2.1em; line-height: 1; text-align: right; }
.form-a button { display: inline-block; padding: 0; border: 0; background: none; color: #fff; }
.form-a button span { position: relative; display: inline-block; white-space: nowrap; padding: 0 36px; line-height: 2.19; border: 1px solid #325894; background: #244e8e url(../images/bttn-a.jpg) 0 0 no-repeat; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); text-transform: uppercase; behavior: url(styles/pie.htc); }
.form-a button:hover span, .form-a button:active span, .form-a button:focus span { background: #325894; }

.opts-a { padding: 30px 0 30px 0;background-color:#f6f6f6;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc; margin: 20px 0; }
.opts-a ul { padding: 0; list-style: none; text-align: center;}
.opts-a ul li { display: inline-block; margin-left: 0px; font-size: 1em; width: 100%;  }
.lt-ie8 .opts-a ul li { display: inline; zoom: 1; }
.opts-a ul li:first-child { margin-bottom: 15px; } 
.opts-a ul li a { position: relative; display: block; padding: 20px 15px 16px; border: 1px solid #325894; background: #244e8e url(../images/bttn-a.jpg) 0 0 no-repeat; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); text-transform: uppercase; font-weight: 900; text-decoration: none; behavior: url(styles/pie.htc); }
.opts-a ul li a span { display: block; text-align: center; color: #99ccff; font-size: 1.175em; letter-spacing: .050em; line-height: 2.128; }
.opts-a ul li a span.title { font-size: 2.2em; line-height: 1; color: #fff; }
.opts-a ul li a:hover, .opts-a ul li a:active, .opts-a ul li a:focus { background: #325894; }

#slider { width: 100%; margin: 0 auto; position: relative; }
#slider .items-list {  }
#slider .items-list .items-wrap { position: relative; z-index: 1; height: 300px; width: 100%; overflow: hidden; }
#slider .items-list .items-wrap .item { box-sizing: border-box; display: block; height: auto; width: 100%; padding: 15px; background: #fff; }
#slider .items-list .items-wrap .item.current { z-index: 11; }
#slider .items-list .items-wrap .item.successor { z-index: 10; }
.js #slider .items-list .items-wrap .item { position: absolute; top: 0; left: 0; }
#slider .item .mv { border: 0; width: 100%; }
#slider .item .mv img.slider-img { width: 100%; }
#slider .item h2 { margin: 0 0 15px; color: #993300; font-weight: normal; font-size: 2.1em; }
#slider .item p { color: #666; font-size: 1.4em; line-height: 1.3; }
/*#slider .navi { width: 100%; list-style: none; padding: 0; }
#slider .navi li {  position: absolute; top: 200px; margin-top: -39px; display: block; width: 33px; z-index: 5; }
#slider .navi li a { display: block; width: 33px; height: 78px; background: #000 url(../images/slider-bttns.png) 0 0 no-repeat; } 
#slider .navi li a:hover, #slider .navi li a:active { background-position: 0  -136px; }
#slider .navi li.prev { left: 0; }
#slider .navi li.prev a {}
#slider .navi li.next { right: 0; }
#slider .navi li.next a { background-position: 100% 0; }
#slider .navi li.next a:hover, #slider .navi li.next a:active { background-position: 100% -136px; }*/

.items-a {  }
.items-a .item { display: inline-block; margin-left: 62px; vertical-align: top; }
.lt-ie8 .items-a .item { display: inline; zoom: 1; }
.items-a .item:first-child { margin-left: 0; }
.items-a figure { position: relative; display: block; margin: 0 0 5px; padding:4px; background: #999; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); behavior: url(styles/pie.htc); }
.items-a figure img { display: block; }
.ie7 .items-a figure img { float: left; }
.items-a p { margin: 0; font-size: 1.4em; line-height: 1.286; color: #666; text-align: center; white-space: nowrap; }
.items-a .title { color: #06c; font-weight: 500; }
.items-a .title a { color: #06c; text-decoration: none; }
.items-a .title a:hover, .items-a .title a:active, .items-a .title a:focus { color: #666; }

.items-a .add-info {}

.primary-a .items-a { margin: 0 -50px 0 -15px;  }

.items-b { position: relative; width: 100%; overflow: hidden; padding: 0 0 3px; text-align: center;}
.items-b .item { display: inline-block; width: 202px; padding: 10px 10px 27px; margin: 10px; background: #fff; color: #999; vertical-align: top; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-align: left;}
.items-b figure { margin: 0 0 12px; }
.items-b figure img { display: block; max-width: 100%; }
.items-b .cont { padding: 0 10px; }
.items-b p { font-size: 1.4em; line-height: 1.143; }
.items-b .item a { color: #a38566; font-weight: 500; text-decoration: none; }
.items-b a:hover, .items-b a:active, .items-b a:focus { text-decoration: underline; }







.primary-a > .main-label { text-indent:20px; text-transform:uppercase; background: none repeat scroll 0 0 #999999;    color: #FFFFFF;    float: left;    font-size: 18px;    height: 48px;    line-height: 48px; padding: 0 50px 0 0; text-align: left; box-sizing: border-box; left: 0; margin: 0; position: absolute; top: 0; width: 100%;}
.primary-a > .main-label span { color:#ccc; display: none;}



.form-container {}
.form-container .temp-text { text-align: center; font-size: 2.6em; line-height: 340px; font-weight: 900; padding-right: 60px; text-transform: uppercase; color: #999; }


/*! headers ------- */

.main-header { position: relative; padding: 0; }
.main-header h1 {}
.main-header .nav-social { position: absolute; right: -65px; top: 5px; }

/*! buttons ------- */

/*! helpers ------- */

.offset { position: absolute !important; left: -10001px !important; overflow: hidden !important; }

.fr { float: right; margin: 0 0 20px 53px; }

.mv { position: relative; display: inline-block; border: 12px solid #d6d6d6; }
.lt-ie8 .mv { display: inline; zoom: 1; }
.mv a {  }
.mv img { display: block; }
/*.mv a:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: 100; overflow: hidden; width: 78px; height: 79px; margin: -39px 0 0 -39px;  font-size: 0; text-indent: -10001px; }*/
.mv a span.after { display: block; position: absolute; top: 50%; left: 50%; z-index: 100; overflow: hidden; width: 78px; height: 79px; margin: -39px 0 0 -39px; background: url(../images/bttn-play.png) no-repeat; font-size: 0; text-indent: -10001px; }

/*! defaults ------ */

form { }
label { cursor: pointer; }
textarea { overflow: auto; resize: vertical; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }

table { display: table; border-collapse: collapse; border-spacing: 0; }
table th, table td { padding: 5px 10px; border: 1px solid #eee; }

h1, h2, h3, h4, h5, h6 { font: bold 1em/1.2 Helvetica Neue,Helvetica,Arial,sans-serif; }
h1 { margin: 0 0 10px; font-weight: 500; font-size: 2.4em; line-height: 28px; color: #000; text-transform: uppercase;  }
h2 { font-size: 1.8em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a { color: #06c; background: 0 0; }
a:hover, a:focus, a:active { color: #666; text-decoration: underline; }
a span { cursor: pointer; }

img { border-width: 0; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic; }

pre { font-family: Consolas,Monaco,Courier New,monospace; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

hr, div.hr { overflow: hidden; width: 100%; height: 1px; margin: 15px 0; border: none; border-top: 1px solid #eee; background: none; font-size: 0; } div.hr * { display: none; }

/*Un-screw-up tables for mobile*/
table, thead, tbody, tr, th, td { display: block; }

#datasheets-table tr td:first-child { text-align: center; }

#mobileScroller { overflow-x: auto; width: 100%; }
table.table { display: table; }
table.table thead { display: table-header-group; }
table.table tbody { display: table-row-group; }
table.table tr { display: table-row; }
table.table th, td { display: table-cell; }

div.bs-example { box-sizing: border-box; margin: 15px 0; width: 100%; }
div.bs-example.shrink { height: 47px; overflow: hidden; }
div.bs-example span.lineItemToggle { padding-right: 15px; cursor: pointer; font-weight: 700; font-size: 24px; }

.nav-tabs { width: 100%; }

@media (min-width: 768px) {
	.nav-tabs { width: 620px; }
}

table.table > tbody > tr > td {
	padding: 8px;
}
table.table tr td.actions {
	font-size: 11px;
}
table.table tr td.jobname {
	max-width: 200px;
}
table.table tr.estimate-history {
	display: none;
}
table.table tr.estimate-history td {
	background-color: #FFF !important;
}
table.table tr.estimate-history.showHistory {
	display: table-row;
}

@media (min-width: 768px) {
	div.navwrapper {
		position: relative;
	}
	nav.navbar div.navbar-header {
		left: 0;
		position: absolute;
		top: 0;
	}
	nav.navbar .navbar-brand {
		max-width: 100%;
	}
	.navbar-default .navbar-nav > li {
		padding-top: 5px;
	}
	.navbar-default .navbar-nav > li > a.log {
		background-color: #17335c;
		display: inline;
		margin-left: 15px;
	}
	.navbar-default .navbar-nav > li > a.log:hover, .navbar-default .navbar-nav > li > a.log:focus {
		background-color: #244e8e;
		color: #FFF;
	}
	nav.navbar .navbar-right .dropdown-menu {
		left: 0;
		right: auto;
	}
	
	#main-navbar-collapse-2 {
		margin-top: 15px;
	}
	
	li.login {
		position: relative;
	}
	
	.flogin { position: absolute; z-index: 10; width: 390px; background-color: rgba(0,0,0,0.8); right: 0; max-height: 125px;}
	.flogin .row { padding: 15px 15px 0; margin: 0; box-sizing: border-box;}
	.flogin .row .col { position: relative; float: right; width: 180px; vertical-align: top; }
	.flogin .row .col:first-child { float: left; }
	
	#nav-foot li { display: inline-block;}
	
	table { display: table; }
	thead { display: table-header-group; }
	tbody { display: table-row-group; }
	tr { display: table-row; }
	th, td { display: table-cell; }
	
	#mobileScroller { overflow-x: hidden; }
}

@media (min-width: 1200px) {
	.wrapper { width: 960px; margin: 0 auto; }
	div.navwrapper {
		box-sizing: border-box;
		margin: 0 auto;
		width: 960px;
	}
	
	.primary-a > p.main-label {
		left: auto;
		margin: -22px 0 20px -20px;
		position: relative;
		top: auto;
		width: 960px;
	}
	.primary-a > .main-label span { color:#ccc; display: inline-block;}
	
	.intro .box-i { display: inline-block; }
	
	.cols-2a .col { width: 512px; margin: 0 0 0 25px; }
	.cols-2a .col:first-child { width: 385px; }
	
	#slider { width: 960px; margin: 0 auto; }
	#slider .items-list .items-wrap { height: 313px; }
	#slider .items-list .items-wrap .item { height: 311px; }
	#slider .item .mv { border: 0; float: left; width: auto; }
	#slider .item .mv img.slider-img { height: 281px; width: 385px; }
	#slider .navi li { top: 50%; bottom: auto; }
	#slider .navi li a { background: transparent url(../images/slider-bttns.png) 0 0 no-repeat; }
	#slider .navi li.prev { left: -33px; }
	#slider .navi li.next { right: -33px; }
	
	.content-a { padding: 0 20px 0 0; }
	.content-b { padding: 0; }

	.items-b .item:first-child { margin: 10px 10px 10px 0; }
	.items-b .item:last-child { margin: 10px 0 10px 10px; }
	
	.intro-cont { width: 696px;  min-height: 278px; }
	
	.primary-a { padding: 22px 108px 28px 85px; }
	body.page-logged .primary-a { padding: 22px 20px 65px 20px; min-height: 550px; } 
	.main-header { padding: 0 215px 0 0; }
	
	.opts-a ul li { width: 332px; }
	.lt-ie8 .opts-a ul li { display: inline; zoom: 1; }
	.opts-a ul li:first-child { margin-left: 0; margin-right:35px; } 
	
	#footer { margin: 0; width: 100%; }
	#footer .wrapper { padding: 0 0 54px; }
	
	.cols-3f .row .col:first-child {
		width: 300px;
	}
	#nav-foot ul { display: inline-block; list-style: none; padding: 0; width: 140px; }
	.lt-ie8 #nav-foot ul { display: inline; zoom: 1; }
	#nav-foot ul:first-child { text-align: center; }
	#nav-foot ul:last-child { text-align: center; }
	#nav-foot li { font-weight: 500; font-size: 1.3em; line-height: 1.2; display: list-item; padding: 0;}
	
	.nav-tabs { width: auto; }
}

.pages {
	padding: 5px 0;
	position: relative;
	text-align: center;
}
.pages .page {
	box-sizing: border-box;
	color: #06c;
	display: inline-block;
	padding: 5px 0;
	text-align: center;
	transition: color 0.2s linear;
	width: 30px;
}
.pages .page:hover, .pages .page.current {
	color: #666;
}

#recalcDiscount {
	float: left;
	margin: 10px 3px 0 0;
}
#recalcDiscountLabel {
	font-size: 12px;
	font-weight: normal;
	line-height: 34px;
}
.totalRow {
	border-top: 1px solid #CCC;
	padding-top: 10px;
}

.navbar-nav > li > a.desktopOnly { display: none; }
@media (min-width: 768px) {
	.navbar-nav > li > a.desktopOnly { display: block; }
	.navbar-nav > li > a.mobileOnly { display: none; }
}

/*! mobile -------- */
/*
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { body { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } }
*/