/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body {
text-align:left;
font: 16px Arial, Helvetica, sans-serif;
color:#231F20;
background-color:#fff;
-webkit-text-size-adjust: none;
}

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

.wrapperHold1 {
width:1170px;
margin:0 auto;
position:relative;
}

header {
background: url(../images/header.jpg) no-repeat top center;
border-bottom:14px solid #00ADEF;	
font-family: 'Raleway', sans-serif;
}

#logodiv {
float:left;
margin:15px 0 15px 0;
}


#taglinediv {
float:left;
font-size:31px;
margin:55px 0 0 60px;
color:#6D6E70;
font-weight:500;
}

#taglinediv div {
line-height:1.2em
}

#socialdiv {
float:right;
color:#86888C;
text-align:center;
font-size:17px;
margin:29px 0 0 0
}

#socialdiv img {
margin:0 9px 2px 9px;
}

#socialdiv a {
color:#86888C;
text-decoration:none !important
}

#headerpicdiv {
position:absolute;
bottom:0;
right:180px;
}

#headerpicdiv img {
float:left
}

.BgGrey {
background-color:#818286;	
position:relative;
z-index:10000
}

#breadcrumbsdiv {
float:left;
width:100%;
color:#000;
padding:0;
margin:0px 0 17px 0;
font-size:11px;
text-transform:uppercase;
border-bottom:1px solid #ECEFED;
}

#breadcrumbsdiv ol, #breadcrumbsdiv li {
background:none;
margin:0;
padding:0;
float:left;
list-style:none
}

#breadcrumbsdiv ol {
margin:5px 5px 2px 0px;	
}

#breadcrumbsdiv a {
color:#646464
}

#breadcrumbsdiv a:link, #breadcrumbsdiv a:visited {
color:#979797;
}

#breadcrumbsdiv span.divider {
color:#646464;
float:left;
}

#breadcrumbsdiv span {
padding:0px 0 0 0;
display:inline-block;
position:relative;
margin:-1px 0 0 0;
}



/*____Navigation____*/

#navigatioN {
padding:0px 0px 0 0;
position:relative;
background-color:transparent;
display:block;
}


#navigatioN ul {
list-style-type:none;
padding:0;
text-align:left;
position:relative;
font-family: 'Fjalla One', sans-serif;
}

#navigatioN > ul {
margin:0
}

#navigatioN ul li {
display:inline-block;
margin:0 0 0 0px;
padding:0;
background-image:none;
list-style:none;
position:relative;
}

#navigatioN > ul > li {
display:inline-block;
margin:0 0px 0 0px;
padding:0;
background:none;
list-style:none;
position:relative;
}

#navigatioN li.item-126, #navigatioN li.item-101 {
	
}

#navigatioN ul li a {
display:block;
text-decoration:none !important;
float:left;
background-image:none;
padding:0;
margin:0 0 0 0;
line-height:normal;
}

/*Styling: */

/*1st level*/

#navigatioN > ul > li > a {
padding:15px 40px 11px 0px;
margin:0 0px 0 0;
color:#fff;
font-size:19px;
-webkit-transition: color 0.1s;
-moz-transition: color 0.1s;
-ms-transition: color 0.1s;
-o-transition: color 0.1s;
transition: color 0.1s;
text-transform:uppercase
}

#navigatioN > ul > li.deeper > a {
background-image: url(../images/parent.png);
background-repeat:no-repeat;
background-position:right 20px;
padding-right:20px;
margin-right:30px;
}

#navigatioN > ul > li.active > a, #navigatioN > ul > li > a:hover {
color:#72B84E
}

#navigatioN li.item-101, #navigatioN li.item-192 {	
}

/*2nd, 3rd level*/

#navigatioN ul li:hover ul {
z-index:1000;
width:280px;
position:absolute;
left:0;
top:0;
text-align:left;
background:#646464;	
display:none;
padding:0px 0 0px 0;
border-radius:0px;
border-top-left-radius:0;
border-top-right-radius:0;
-webkit-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.25);
box-shadow: 0px 0px 8px -2px rgba(0,0,0,0.25);
}

#navigatioN ul li:hover ul li {
width:100%;
float:left;
display: block;
position:relative;
}

#navigatioN ul li:hover ul a {
font-size:14px;
float:left;
width:240px;
border-top:0px solid #F0F0F0;
padding:7px 25px 7px 15px;
line-height:normal;
color:#fff;
border-bottom:0px solid transparent;
}

#navigatioN ul li:hover ul a:hover {
color:#fff;
border-bottom:0px solid #fff;
background-color:#717171;
}

#navigatioN ul li ul {
display: none;
}

#navigatioN > ul > li > a:hover + ul, #navigatioN > ul > li > ul:hover {
display: block;
top:38px;
left:-14px;
}

#navigatioN > ul > li > ul > li > a:hover + ul, #navigatioN > ul > li > ul > li > ul:hover {
display: block;
left:280px;
border-left:1px solid #4A4A4A;
margin:0px 0 0 0;
top:0px;
}

/*-------------*/

#navigatioN .show-menu {
float:left;
width:41px;
height:41px;
position:relative;
margin:0px 0 0 5px;
background-image:url(../images/mobmen.png);
background-position:left top;
background-repeat:no-repeat;
cursor:pointer;
font-size:1px;
text-indent:-5000px;
background-color:transparent;
display: none;
}


#navigatioN input[type=checkbox]{
display: none;
}

#navigatioN input[type=checkbox]:checked ~ #menu{
display: block;
}

/*____Navigation END____*/

.slideshowbanner {
background: url(../images/slideshowbg.jpg) no-repeat top center;
  overflow-y: hidden;
  max-height:490px;
}




#searchbdiv {
position:absolute;
right:0px;
top:9px;
}
#searchbdiv form {
float:left;
position:relative;
z-index:100;
padding:0px;
border-radius:0;
}
#searchbdiv label {
display:none
}

#searchbdiv .search-query.input-medium {
float:left;
width:155px;
height:20px;
border:1px solid #fff;
margin:0px 0 0 0;
padding:7px 10px 7px 5px;
color:#fff;
background-color:transparent;
font-family: 'Raleway', sans-serif;
font-size:16px;
text-align:right;
border-radius:7px
}
#searchbdiv .button.btn-primary.hasTooltip {
float:left;
width:29px;
height:23px;
border:0;
margin:0 0 0 10px;
padding:0;
font-size:1px;
text-indent:-5000px;
background: url(../images/searchbtn.png) no-repeat top left;
cursor:pointer;
}

.Bluebg {
background-color:#00ADEF;
color:#fff;	
font-family: 'Raleway', sans-serif;
font-size:21px;
font-weight:500;
padding:20px 0 20px 0
}

.Bluebg2 {
padding:0	
}

.Bluebg div {
line-height:1.65em
}

.GreenBg {
background-color:#73B84D;
margin:0 0 50px 0	
}

.banner1div h3 {
margin:0 0 10px 0;
color:#fff;
font-family: 'Raleway', sans-serif;
font-size:35px;
}

.banner1div .custom {
padding:20px 0 5px 46%;
background-repeat:no-repeat;
background-size:43% auto;
color:#fff;
font-size:14px;
float:right
}

.banner1div .custom a {
color:#fff
}

.moduletop .custom {
font-size:18px;
padding:20px 0 24px 46%;
line-height:1.3em
}

#k2contentFrontpage {
}

#k2contentFrontpage ul {
margin:0;
padding:0;
}

#k2contentFrontpage ul li {
margin:0 1% 40px 1%;
padding:0 0 100px 0;
list-style:none;
background:none;
float:left;
width:23.5%;
font-size:14px;
position:relative
}

#k2contentFrontpage ul li:first-child {
margin:0 1% 40px 0;
}

#k2contentFrontpage ul li.lastItem {
margin:0 0 40px 1%;
}

.moduleItemImagediv img {
width:100%	
}

.moduleItemImagediv {
margin:0 0 12px 0;
}

a.moduleItemTitle {
display:block;
margin:0px 0 17px 0;
font-size:17px;
color:#25AAE1;
font-family: 'Raleway', sans-serif;	
}


.BgLightGrey {
font-family: 'Raleway', sans-serif;
color:#000;	
}

.BgLightGrey h3, .BgLightGrey h4 {
font-weight:normal;
color:#000;
margin:0;
font-style:normal
}

.BgLightGrey h4 {
font-size:18px;
}

.BgLightGrey h3 {
font-size:23px;
float:left;
display:block;
padding:2px 100px 2px 0;
margin:0 0 15px 0
}

.BgLightGrey a {
color:#000 !important;
text-decoration:none !important
}

#wMcategories {
font-family: 'Raleway', sans-serif;
font-weight:700;
margin:0 0 40px 0
}

#wMcategories h3, #user1div h3, #user2div h3, #module1div h3 {
color:#00AEEF;
font-weight:700;
font-size:23px;
font-family: 'Raleway', sans-serif;
cursor:pointer;
margin:0 0 17px 0;

}

#wMcategories ul li {
float:left;
width:27%;
margin:0;
padding:3px 0 4px 4%;
margin:0 0 5px 0
}

#wMcategories a {
color:#58585A;
text-decoration:none !important;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
-ms-transition: color 0.2s;
-o-transition: color 0.2s;
transition: color 0.2s
}

#wMcategories a:hover, #wMcategories li.active a {
color:#00ADEF;
}

#user1div, #user2div {
float:left;
width:100%;
margin:0 0 40px 0
}


#user2div .module {
display:inline-block;
margin:0 30px 0 0
}

#user1div .vmgroup ul {
margin:0;
padding:0;	
}

#user1div .vmgroup ul li {
margin:0;
padding:0;
background:none;

}

#user1div .vmgroup ul li a {
color:#333;
font-size:85%
}

#user1div h3 {

}




#vmCartModule {
float:right;
width:140px;
font-family: 'Raleway', sans-serif;
font-weight:400;
position:relative;
margin:0 0 -30px 0
}

#vmCartModule .total_products {
font-family: 'Raleway', sans-serif;
font-weight:400;
color:#818285;
margin:6px 0 0 0px
}

a.CartBtn {
float:left;
width:42px;
height:31px;
background: url(../images/CartBtn.png) no-repeat top left;	
}

#contentfulldiv {
float:left;
width:100%;
padding:15px 0 15px 0
}


footer {
background-color:#D1D2D4;
padding:25px 0 0 0
}

.footer123 {
float:left;
width:290px;
}

.footer123 .custom, .footer123 .cmc-signup {
float:left;
width:100%;
}

.footer123 h3 {
background: url(../images/footer1h3.png) no-repeat top right;
}

.footer123 a {
}

#footer1 {
font-size:14px;	
}

#footer2 {
margin-left:130px;	
}

#footer2 h3 {
background: url(../images/footer2h3.png) no-repeat top right;	
}
#footer2 .control-group {
float:left;
width:100%	
}

#footer2 .control-label {
float:left;
width:115px;
margin:6px 0 0 0 !important;
}

#footer2 .control-label label {
font-size:15px
}

#footer2 .controls {
float:right
}

#footer2 button.btn.btn-primary {
background:#00AEEF !important;
font-family: 'Raleway', sans-serif;
font-weight:700 !important;
font-size:17px;
border:0;
padding:10px 15px !important;
float:right
}

#footer3 {
float:right	
}

#footer3 h3 {
background: url(../images/footer3h3.png) no-repeat top right;	
}

#footer4 {
float:left;
width:100%;
text-align:center;
margin:50px 0 10px 0
}

#catpic {
position:absolute;
left:0;
bottom:10px;
width:290px;
height:151px;
background: url(../images/cat.png) no-repeat top right;	
}


.MainForm {

}

.rsformProgress {
float:left;
width:100%	
}

.formBody textarea, .formBody input {
float:left;
width:407px;
}

.FlLeft {float:left}
.W100 {width:100%}

.clear {
clear:both;
}