/*  HTML5  */

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot,
article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, 
menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;

}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline;}
ins { background-color:#008c98; color:#000; text-decoration:none; }
mark { background-color:#008c98; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:0; padding:0; }
input, select { vertical-align:middle; }


body { font:12px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

body, select, input, textarea {color: #444; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
html { overflow-y: scroll; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {  padding: 15px;  white-space: pre;  white-space: pre-wrap;  white-space: pre-line;  word-wrap: break-word; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px;  -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red;  box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #343436; color:#fff; text-shadow: 1px 1px 1px #000; }
::selection { background:#343436; color:#fff; text-shadow: 1px 1px 1px #000; } 
a:link { -webkit-tap-highlight-color: #343436;} 

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; } 
.visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px);  clip: rect(1px, 1px, 1px, 1px); }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==================================================================================================================== */

/* ==================================================================================================================== */



.container {
padding-left: 0px;
padding-right: 0px;
}

.wrapper {
width: 100%;
max-width: 1200px;
min-width: 300px;
margin: 0 auto;
position:relative;
	}


.last {
margin-right: 0px; padding-right: 0px;
}

img {
	max-width:100%;
width: auto\9; /* ie8 */
height: auto; display:block;
}


/* Forms */

.form {display: block;}

.form h4 {
font-family: 'roboto_condensedbold';  text-transform:uppercase; font-size:25px; color:#f36523; letter-spacing: 1px;
}



.form p, .form div {
  margin-bottom: 13px;
  position: relative;
  width: 97%; font-family: 'robotolight'; font-size: 13px; color:#666;
}

.check label {float:left; font-family: 'robotolight'; font-size: 14px; color:#666;}
.check input {float:left; margin-top:2px;  margin-right:10px;}

.form input[type="text"], .form input[type="password"], .form textarea, .form input[type="number"], .form input[type="email"] {
  background: url(../images/input_bg.png) repeat-x #fdfdfd;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #ccc;
  border-radius: 2px;
  box-shadow: 0 1px 0 #fff;
  color: #666;
 font-family: 'robotolight';
  font-size: 13px;
  height: 30px;
  outline: none;
  padding: 6px 10px;
  resize: none;
  width: 100%;
}

.form input::-webkit-input-placeholder, .form input::-moz-placeholder {
  color: #bbb;
}

.form textarea {
  height: 122px;
  line-height: 18px;
  margin-bottom: 0;
  padding-top: 8px;
}

.form div.combined {
  position: relative;
}

.form div.combined p {
  display: inline-block;
  *display: inline;
  zoom: 1; width:48.5%;
}

.form div.combined p input {
  display: inline;
}

.form div.combined p:first-child input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: none;
}

.form div.combined p:first-child {
  margin-right: -3px;
}

.form div.combined p.last-child {
  position: absolute;
  right: 0;
  top: 0;
}

.form div.combined p.last-child input {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}



.form p.small { width: 25% }
.form p.medium { width: 51% }
.form p.large { width: 96% }


.red {color: #e7232f; font-size:16px !important;}

.form p > label, .form label {
  color: #666;
  line-height: 19px; padding-bottom:4px;
display:block
}

.form p {
  clear: both;
  color: #999;
  line-height: 24px;
}

.form p small {
  font-size: 11px;
  font-style: italic;
  float: right;
  margin-top: 14px; color:#f85045;
}

.form small {
  font-size: 11px;
  font-style: italic; color:#f85045;

}

.form > div > p:last-child {
  margin: 0;
}

.select select {
 
 margin-bottom: 0px;
 -webkit-border-radius: 2px;
  -moz-border-radius   : 2px;
  border-radius        : 2px;
  -moz-background-clip   : padding;
  -webkit-background-clip: padding-box;
  background-clip        : padding-box;
  border: 1px solid #d9d9d9;
  border-bottom: 1px solid #ccc;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 41px;
  line-height: 31px;
  padding: 0 0 0 11px;
  color: #666;
  text-decoration: none;
  width:100%;
   font-size:13px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

.select label {padding-bottom: 5px; display:block;  font-size:13px;}


.fui-checkbox-unchecked,
.fui-checkbox-checked,
.fui-calendar-solid
 {
  display: inline-block;
  font-family: 'Flat-UI-Icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.fui-checkbox-unchecked:before {
  content: "\e033";
}
.fui-checkbox-checked:before {
  content: "\e034";
}

.checkbox,
.radio {
  margin-bottom: 12px;
  padding-left: 32px;
  position: relative;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  -webkit-backface-visibility: hidden;
  font-weight:700;
}
.checkbox input,
.radio input {
  outline: none !important;
  display: none;
}
.checkbox .icons,
.radio .icons {
  color: #fe725b;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  -webkit-transition: color 0.25s linear;
  -moz-transition: color 0.25s linear;
  -o-transition: color 0.25s linear;
  transition: color 0.25s linear;
  -webkit-backface-visibility: hidden;
}
.checkbox .icons .first-icon-icon,
.radio .icons .first-icon-icon,
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox .icons .second-icon,
.radio .icons .second-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox:hover .first-icon,
.radio:hover .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox:hover .second-icon,
.radio:hover .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
.checkbox.checked,
.radio.checked {
  color: #fff;
}
.checkbox.checked .icons,
.radio.checked .icons {
  color: #fff;
}
.checkbox.checked .first-icon,
.radio.checked .first-icon {
  opacity: 0;
  filter: alpha(opacity=0);
}
.checkbox.checked .second-icon,
.radio.checked .second-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}




#mobile {z-index:999; width:100%;}
.main-mobile {position: absolute;}

#mobile #toggle-bar {position: absolute; left:0px; top:0px; background:url(../img/lines-dark.gif) repeat;  width:100%; height:47px; z-index:1500;}
#mobile #toggle-bar2 {position: absolute; left:30px; top:0px; background:none; width:30px;}

#mobile .navicon {
	float: right;
	height: 3px;
	width: 20px;
	margin: 17px 20px;
	border-top: 9px double #FFF;
	border-bottom: 3px solid #FFF;
	font-size:0; cursor:pointer
}

/*
The dropdown menu
*/

#mobile ul li {
	clear:both;
	list-style:none;
	display:block; float:none;
	padding:0; margin:0;
}


#mobile ul li a:hover {color: #3380b8}
#mobile ul li a {
	display:block;
	background-color:#fff;
	text-transform:uppercase;
	font-family: 'roboto_condensedbold'; 
	margin:0;
	padding:10px 20px;
border-bottom: 1px solid #ccc; color:#999;
	font-size:15px; letter-spacing:1px;
}

.shop-mobile ul li a {padding: 10px 30px !important}

#mobile ul ul {
	font-size:small;
}

#mobile ul ul li {
	margin-left:0px;
}

#mobile ul ul a {
	background-color:#333;
	padding-left:8px; border-bottom: 1px solid #222; 
}

#mobile ul ul a:hover {color: #3380b8}

#mobile ul ul a:before {
	content: "\2192";
	padding-right:8px;
}

#mmenu {margin-top: 53px; z-index: 1200;
position: relative;
display: block;}
#mmenu2 {top: 55px; position: absolute;
width: 100%;}