/*
Theme Name: Demib Website
Author: 1902 Software Development
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@CHARSET "ISO-8859-1";
/************************************************************************************/

/* Generated by Font Squirrel (http://www.fontsquirrel.com)*/
@font-face {
    font-family: 'overlockregular';
    src: url('../overlock-font/overlock-regular-otf-webfont.eot');
    src: url('../overlock-font/overlock-regular-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../overlock-font/overlock-regular-otf-webfont.woff') format('woff'),
         url('../overlock-font/overlock-regular-otf-webfont.ttf') format('truetype'),
         url('../overlock-font/overlock-regular-otf-webfont.svg#overlockregular') format('svg'),
		 url('../overlock-font/Overlock-Regular-OTF.otf');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'overlockblack';
    src: url('../overlock-font/overlock-black-otf-webfont.eot');
    src: url('../overlock-font/overlock-black-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../overlock-font/overlock-black-otf-webfont.woff') format('woff'),
         url('../overlock-font/overlock-black-otf-webfont.ttf') format('truetype'),
         url('../overlock-font/overlock-black-otf-webfont.svg#overlockblack') format('svg'),
		 url('../overlock-font/Overlock-Black-OTF.otf');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'overlockbold';
    src: url('../overlock-font/overlock-bold-otf-webfont.eot');
    src: url('../overlock-font/overlock-bold-otf-webfont.eot?#iefix') format('embedded-opentype'),
         url('../overlock-font/overlock-bold-otf-webfont.woff') format('woff'),
         url('../overlock-font/overlock-bold-otf-webfont.ttf') format('truetype'),
         url('../overlock-font/overlock-bold-otf-webfont.svg#overlockbold') format('svg'),
		 url('../overlock-font/Overlock-Bold-OTF.otf');
    font-weight: normal;
    font-style: normal;

}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust:none;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
  line-height: 1;
}


ol, ul {
	list-style: none;
}

a {
	color: #CC0000;
	text-decoration: none;
}
a:focus,
a:active,
a:hover {
	text-decoration: underline;
}

img { outline:none; border:0;}

p {
    margin-bottom: 16px;
}

h1, h2, h3, h4, h5, h6 {
    clear: both;
    color: #CC0000;
    font-weight: 700;
     margin: 0 0 10px;
}

h3 {
    clear: both;
    color: #CC0000;
    font-weight: 700;
    margin: 0 0 3px;
}

h1 { font-size: 24px; font-family: 'overlockblack',cursive; }
h2 { font-size: 22px; line-height:100%; }
h3 { font-size:16px }

h1, h2, h3, h4, h5, h6,
strong {
  font-weight:bold;
}

em { font-style:italic;}



h2.txt-red-obold {
    font-size: 24px;
    line-height: 100%;
    margin-bottom: 10px;
}

h3.txt-red-obold {
    font-size: 15px;
    margin-bottom: 10px;
}

.txt-red-obold {
    color: #CC0000;
    font-family: "overlockbold",cursive;
    font-weight: 700;
}


span.bullet-green,
ul.bullet-green li
 {
  list-style:none;
  padding:2px 0 10px 25px !important;
  background-position: -2px -148px;
}

.col-right ul.bullet-green li {
  background-position: -2px -150px;
  padding:1px 0 10px 25px !important;
}
.col-right ul.bullet-green li a { color: #333;}

.col-main ul.nobg li {
  background:none; font-size:11px;
}

ul.no-bullet-green li {
  background:none;padding:0;
}
.inner-block ul.bullet-green li ,
.block ul.bullet-green li { font-size:13px;}
.col-main ul.nobg li, .col-main ul.nobg li a { color:#7a7a7a; }

.col-main ul.nobg li a  { font-weight: 700; }
.col-main ul.nobg li:last-child a  { font-weight: normal !important; }


/*BACKGROUND*/
.hdr-gray-gradient-bg {
  line-height:37px;
  height: 37px; 
  background-color:#3f3f3f; 
  -webkit-box-shadow: inset 0 1px 5px rgba(0,0,0,.66); 
  -moz-box-shadow: inset 0 1px 5px rgba(0,0,0,.66); 
  box-shadow: inset 0 1px 5px rgba(0,0,0,.66); 
  border: solid 1px #525252;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
}

/*BUTTONS*/
.btn-red-bg {
   border: 1px solid #840000;
    color: #fff;
   background: #8a0000;
   background: -webkit-gradient(linear, left top, left bottom, from(#a43939), to(#8a0000));
   background: -webkit-linear-gradient(top, #a43939, #8a0000);
   background: -moz-linear-gradient(top, #a43939, #8a0000);
   background: -ms-linear-gradient(top, #a43939, #8a0000);
   background: -o-linear-gradient(top, #a43939, #8a0000);
   background-image: -ms-linear-gradient(top, #a43939 0%, #8a0000 100%);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   text-decoration: none;
   vertical-align: middle;
   }
   
.btn-red-bg:hover {
   border: 1px solid #840000;
   text-shadow: #b81515 0 1px 0;
   background: #c60303;
   background: -webkit-gradient(linear, left top, left bottom, from(#d25757), to(#c60303));
   background: -webkit-linear-gradient(top, #d25757, #c60303);
   background: -moz-linear-gradient(top, #d25757, #c60303);
   background: -ms-linear-gradient(top, #d25757, #c60303);
   background: -o-linear-gradient(top, #d25757, #c60303);
   background-image: -ms-linear-gradient(top, #d25757 0%, #c60303 100%);
   color: #fff;
    text-decoration: none;
   }
   
.btn-red-bg:active {
   text-shadow: #b81515 0 1px 0;
   border: 1px solid #840000;
   background: #c60303;
   background: -webkit-gradient(linear, left top, left bottom, from(#d25757), to(#c60303));
   background: -webkit-linear-gradient(top, #d25757, #c60303);
   background: -moz-linear-gradient(top, #d25757, #c60303);
   background: -ms-linear-gradient(top, #d25757, #c60303);
   background: -o-linear-gradient(top, #d25757, #c60303);
   background-image: -ms-linear-gradient(top, #d25757 0%, #c60303 100%);
   color: #fff;
  }

.btn-gray-bg {
  background: #787878; /* Old browsers */
  background: -moz-linear-gradient(top,  #787878 0%, #787878 50%, #666666 50%, #666666 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#787878), color-stop(50%,#787878), color-stop(50%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #787878 0%,#787878 50%,#666666 50%,#666666 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #787878 0%,#787878 50%,#666666 50%,#666666 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #787878 0%,#787878 50%,#666666 50%,#666666 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #787878 0%,#787878 50%,#666666 50%,#666666 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
     -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

.btn-gray-bg:hover {
  background: #969696; /* Old browsers */
  background: -moz-linear-gradient(top,  #969696 0%, #969696 50%, #808080 50%, #808080 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(50%,#969696), color-stop(50%,#808080), color-stop(100%,#808080)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #969696 0%,#969696 50%,#808080 50%,#808080 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #969696 0%,#969696 50%,#808080 50%,#808080 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #969696 0%,#969696 50%,#808080 50%,#808080 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #969696 0%,#969696 50%,#808080 50%,#808080 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#808080',GradientType=0 ); /* IE6-9 */
}

.clickhere.btn-gray-bg {
  display:inline-block;
  color:#fff;
  font-size:13px;
  width:96px;
  height:30px;
  text-align:center;
  line-height:30px;
  cursor:pointer;
}

/*SHADOW*/
.innerShadow {
   -webkit-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.184);
     -moz-box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.184);
          box-shadow: inset 0 0 6px 0 rgba(0, 0, 0, 0.184);
}

.outsideShadow {
   -moz-box-shadow:    0 0 5px #ccc;
   -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow:         0 0 5px #ccc;  
}


/*BORDER RADIUS*/
.semiRounded {
   -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
          border-radius: 6px 6px 6px 6px;
}

.navbar .btn-navbar {
   -webkit-border-radius: 4px;
       -moz-border-radius: 2px;
            border-radius: 2px;
} 

.navbar .btn-navbar.collapsed .icon-bar {
 -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;

}

.form-search .input-append,
textarea,
input[type="text"] {
    -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.184);
     -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.184);
          box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.184);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

/* =Structure
----------------------------------------------- */

body {
	padding: 0;
}

#wrapper {
  width:100%;
}


#footer-wrapper {
  clear:both;
  width:100%;
  min-height:310px;
}


.container {
  max-width: 930px;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}


.container:after {
  clear: both;
}


/*GLOBAL*/
body, input, textarea {
    color: #333333;
    font: 300 14px/1.265em Helvetica,Arial,sans-serif;
}
.fleft { float:left;}
.fright { float:right;}
.relative { position:relative; }
.absolute { position:absolute;}
.ucase { text-transform:uppercase;}
button { border:0; }

.input-small {
  width:43%;
}

.input-large {
  width:95.25%;
}

.select-large {
    padding: 2px 0;
    width: 50%;
}


.seo-quote-form .input-small {
  width:15%;
}

.seo-quote-form .input-medium {
    float: right;
    margin-right: 3px;
    width: 59%;
}

.seo-quote-form .input-large,
.seo-quote-form .textarea-large {
    width:76.75%;
}


textarea,
input[type="text"] {
  padding:3px 5px;
}


.form-search .input-append,
textarea,
input[type="text"]{
  background-color: #ffffff;
  border: 1px solid #cccccc;
}



.btn { font-family:Helvetica,Arial,sans-serif; padding: 0; height:30px;cursor:pointer; text-align:center; line-height:30px; font-weight:bold; text-decoration:none;  }
.btn span { display:block; line-height:98%; margin-top:-1px; font-size: 13px;  color: #ffffff; text-shadow: #830c0c 0 1px 0; }
.col-right .btn {display:block; margin:0 auto;}


.clickhere.btn-red-bg {
  width: 192px;
  margin:20px auto 5px;
}

.col-right .block .block-content strong { display:block; }
.col-right .block .block-content img { margin-right:10px; }

.block-sub-title {
    background-color: #e5e5e5;
    display: block;
    height: 24px;
    line-height: 24px;
    position: relative;
    width: 100%;
     -moz-box-shadow:
        inset 5px 0 5px -5px #bbb,
        inset -5px 0 5px -5px #bbb;
    -webkit-box-shadow:
        inset 5px 0 5px -5px #bbb,
        inset -5px 0 5px -5px #bbb;
    box-shadow:
        inset 5px 0 5px -5px #bbb,
        inset -5px 0 5px -5px #bbb;
        
}

.block-sub-title span { padding-left:10px; display:block;}

.col-right .blog-subtext a {font-weight:bold;}
.col-right li strong {
    font-family: 'overlockregular',cursive;
    font-size: 15px;
}

.col-right ul li {
    color: #666666;
    font-size: 13px;
    padding: 0 0 15px;
}

/*TEXT ELLIPSIS*/
.block-title { text-overflow: ellipsis; overflow:hidden; white-space: nowrap; }

/*SPRITE*/
.logo a,
a.rssfeed,
.navbar .btn-navbar .icon-x, 
.navbar .btn-navbar .icon-phone,
.form-search .input-append .btn-search,
.navbar .btn-navbar.collapsed .icon-phone,
.navbar .btn-navbar .icon-phone,
span.bullet-green,
ul.bullet-green li {
	background-image:url("../images/btns_all_sprite.png");
	background-color:transparent;
	background-repeat: no-repeat;
}

/*RSS FEED*/
.rsswrapper { width:100%; text-align:center;}
a.rssfeed {
    background-position: 0 -115px;
    display: inline-block;
    line-height: 26px;
    padding-left: 30px;
}

/*Breadcrumbs*/
.breadcrumb {
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    float: left;
    line-height: 100%;
    margin: 0 0 30px;
    padding: 0 0 5px;
    width: 100%;
}
ul.nobg li { float:left; padding:0 5px 0 5px; }


/*Inner Page*/
.services-tbl { float:left; margin-bottom: 20px; clear: both; width: 100%; border-bottom: 1px solid #c1c1c1;}
.services-tbl.noborder{border: 0;}    

.about-seo-wrapepr { clear:both; float:left; width:100%; margin:0 0 0px;}
.seo-info { width:59%; }
.seo-benefits { width:39.25%; }
.seo-benefits h3.block-title { font-size:15px; margin:0; height:30px; line-height:30px; background-color:#CC0000;}
.seo-benefits .inner-content { line-height:120%; padding:10px; border:1px solid #ccc; font-size:13px; background-color:#f5f5f5;}
.seo-benefits .inner-content p { margin:4px 0 8px;}

/*SEO Quotation form e9e9e9*/
.seo-quote-form { width:100%; margin:20px 0 35px;}
.seo-quote-form input[type="text"], .seo-quote-form textarea { box-shadow:none; border:1px solid #d7d7d7; padding:6px 5px;}
.seo-quote-form .main-contacts, .seo-quote-form .other-contacts, .seo-quote-form .input-box { width:100%;}
.seo-quote-form label { width:20.85%; float:left; display:block; padding-bottom:5px;}
.seo-quote-form .button-wrapper {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.seo-quote-form .button-wrapper .btn { padding:0 15px;}
.seo-quote-form .main-contacts  { margin-bottom:50px;}
.seo-quote-form .main-contacts .input-box  { margin:0 0 10px 0;}
.seo-quote-form .other-contacts .input-box  { clear:both; margin:0 0 18px 0;}
.seo-quote-form .other-contacts #website { height:58px;}
.seo-quote-form .other-contacts #comment { height:75px; }

/*added to Bestilling Page*/
.seo-quote-form  .other-contacts { clear:both;}
.seo-quote-form .comment-options {
	float:left;
	width: 76.75%;
	margin-bottom:18px;
}
ul.product-selections {
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    float: left;
    margin: 0;
    padding: 15px 0 5px;
    width: 99.45%;
}
ul.product-selections li { float:left; width:49%; margin-bottom:10px;}
ul.product-selections li.fullwidth { width:100%;}
ul.product-selections li input,
ul.product-selections li label { float:left;}
ul.product-selections li label {
    display: inline-block;
    padding: 1px 0 0 5px;
    width: 88%;
}

/*TOP HEADER*/
.topheader { width:100%; height:92px;}
.logo {
    height: 92px;
    width: 275px;
   
}

.logo a {
    background-position: 0 0;
    display: inline-block;
    height: 59px;
    margin-top: 14px;
    width: 100%;
}

.logo img { margin-top:16px; display:none;}
.form-search { top:35px; right:0;}
.form-search .input-append {
         width:178px;
         height:20px;
         border: 1px solid #cccccc;
}


.form-search .input-append .search-query {
    border:0;
    background:none;
    box-shadow:none;
    width:150px;
    font-size: 13px;
    padding: 0 5px;
    line-height:18px;
    vertical-align:middle;
}

.form-search .input-append .btn-search {
  	/*background-position: 0 -56px;*/
  	background-position: 0 -67px;
    border: 0 none;
    cursor: pointer;
    display: block;
    position:absolute;
    right:0;
    top:0;
    height: 22px;
    text-indent: -999em;
    width: 22px;
}
.form-search .input-append .btn-search:hover {
    /*background-position: 0 -78px;*/
    background-position: 0 -89px;
}

#homeBanner {
    height: 279px;
    margin: 20px 0 0;
}

.col-main {
  width:69%;
}

.col-right {
  width:29%;
}

.col-right h2 {
  font-size:16px;
  color:#fff;
}

.home-banner .col1 {
  /*width: 30%;*/
  width:200px;
}

.home-banner .col2 {
 /* width: 65.35%;*/
  width:415px;
}


/* =Header
----------------------------------------------- */
#header-wrapper,#home-feature,#main-wrapper,#footer-wrapper {
	float:left;
	width:100%;
}

#header-wrapper {
	background: url(../images/header-repeat.png) 0 0 repeat-x;
	height:136px;
	position:relative;
}

#home-feature  {
	background-color: #f2f2f2;
	height:auto;
	margin-top:-12px;
	        -moz-box-shadow:0 3px 3px #ccc;
-webkit-box-shadow: 0 3px 3px #ccc;
box-shadow: 0 3px 3px #ccc;
margin-bottom:15px;

}

#main-wrapper {
	padding-top:10px;
}

#footer-wrapper {
  	background: url(../images/footer-repeat.png) 0 0 repeat-x;	
	margin-top:10px;
}


/* =Menu
-------------------------------------------------------------- */

.form-collapse.collapse { height:0; overflow:hidden;}
.navbar .btn-navbar { display:none;}

.navbar {
  clear:both;
  *position: relative;
  *z-index: 2;
  overflow: hidden;
  color: #fff;
  height:42px;
}


.navbar .nav > li {
    float: left;
    margin-right:1px;
}


.navbar a {
    color: #fff;
}

.navbar a { text-decoration:none; display:inline-block; height: 44px;font-size: 15px;
    line-height: 30px;
    padding: 0 22px; font-family:'overlockbold',cursive; }


.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover,
.navbar .nav > .current-menu-item > a,
.navbar .nav > .current-menu-item > a:hover,
.navbar .nav > .current-menu-item > a:focus {
  color: #000000;
  text-decoration: none;
  background: url("../images/nav-hover.png") no-repeat scroll 50% 0 transparent;
  
}

.navbar .btn-navbar  { 
    display:none; 
    float: right;
    padding:7px 5px 5px;
    height: 28px;
    margin-left: 5px;
    width: 22px;
    cursor:pointer;
    }

.navbar .btn-navbar.collapsed {
    background-color: #fff;
    *background-color: #fff;
    height: 20px;
}

.navbar .btn-navbar {
     background-color: #cc0000;  
    *background-color: #cc0000;
}

.navbar .btn-navbar.collapsed .icon-x {
  display:none;
}

.navbar .btn-navbar .icon-x {
  width: 23px;
  height:22px; 
  /*background-position: -276px -7px;*/
  background-position: -31px -74px;
}

.navbar .btn-navbar .icon-x {
  display:block;
}

.navbar .btn-navbar.collapsed .icon-bar {
  display: block;
  width: 23px;
  height: 4px;
  background-color: #000;
}

.navbar .btn-navbar .icon-bar {
  display:none;
}

.btn-navbar .icon-bar + .icon-bar {
    margin-top: 3px;
    margin-bottom:3px;
}

.navbar .btn-navbar .icon-phone {
    display:block;
    height:20px;
    width:22px;
}

.navbar .btn-navbar .icon-phone {
     /*background-position: -276px -7px;*/
     background-position: -31px -74px;
}
.navbar .btn-navbar.collapsed .icon-phone {
   /* background-position: -305px -6px;*/
   background-position:-60px -74px;
}


/* =BLOCKS
----------------------------------------------- */

.block {
    margin: 0 0 20px;
    width: 100%;
}

.block-header, .block-content {
  width:99%;
}



.block-title {
  color:#fff;
  font-weight: 700;
  font-size:16px;
  padding: 0 10px;
}


.block-content {
  background-color:#fff;
  border: 1px solid #e1e1e1;
  border-top:0px;
}

.block-content .block-inner-content {
  padding:10px 10px 15px;
}


/*Homepage*/

#home-feature .container { padding-top:32px; }
.home-banner { width:100%;}
.home-banner .col1 { float: left; margin-right: 20px; }
.home-banner .col2 { float:left;}
.home-banner h2 {
    color: #CC0000;
    font-family: 'overlockblack',cursive;
    font-size: 30px;
    font-weight: normal;
    line-height: 98%;
    margin: 0 0 10px;
}
.home-banner .details ul li {
    line-height: 115%;
    padding: 3px 0 5px 25px;
}
.home-banner p {
    line-height: 120%;
    margin: 0 0 10px;
}
.products { float:left; width:100%; margin:0 0 22px 0; padding:4px 0 26px;  border-bottom:1px solid #e1e1e1; }
.products .col {
    background-color: #F1F1F1;
    float: left;
    height: 170px;
    margin-right: 2.7%;
    padding: 0 0 15px;
    text-align: center;
    width: 31.35%;
}

.products .col.col3 { margin-right:0;}
.products .col a {text-decoration: none;}
.products .col span {
    color: #555555;
    display: block;
    font-size: 12px;
    text-decoration: none;
    padding: 0 12px 0;
}
.products h2 {
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0 10px;
}

.products .col.col3 { margin-right:0;}

.products h2 {
    color: #333333;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 28px;
    font-weight: bold;
    margin: 5px 0 10px;
}

.col-main ul li strong { color:#000;}


/*#loginform*/
#loginform { width:100%;}
#loginform p span {
    font-size: 18px;
    font-weight: bold;
}

#loginform p {
    font-size: 13px;
    line-height: 15px;
    margin: 0 0 8px;
}

#loginform input[type="text"] {
  margin:0 0 5px 0;
}

#loginform .button-wrapper { clear:both; text-align:center; margin:5px 0 0 0;}
#loginform .button-wrapper .btn { width:61%; }


/*DICTIONARY INNER PAGE*/
.breadcrumb,
.block-heading, 
.block-detail { clear:both;}
.block-detail {
  width:99%;
}

.block-detail.filter .col { float:left; margin-right:19px; width:31.25%;}

.block-detail.filter .col.col3 { margin-right:0;}
.block-detail.filter h3 { text-align:left; padding:0 8px; margin:0; height:22px; line-height:22px; border:1px solid #e1e1e1;background:#f1f1f1; color:#cc0000; font-family:"overlockregular", cursive; font-size:14px;  }
  
.block-detail.filter .block-content {
  text-align:left;
  border-bottom:0px solid #e1e1e1;
}

.block-detail.filter .block-content li,
.block-detail.filter .block-content a { color:#000; font-size:13px;}

.block-detail.filter .block-content a { display:block; text-decoration:none; padding:0 18px; border-bottom:1px solid #e1e1e1; line-height:24px;}

.block-detail.filter .block-content li a:hover { background-color:#424242; color:#fff;}


.textpic-left-nowrap {
    clear:both;
    float:left;
    margin: 0 0 20px;
    width: 100%;
}

.home-banner.textpic-left-nowrap {
  margin:0;
}
#filter,
.textpic-img {
  float:left;
  width:32%;
  text-align:center;
}

.block-detail .col2-dtl,
.textpic-text {
  float:right;
  width:66%;
}



/* =Footer
----------------------------------------------- */

#colophon {
	clear: both;
}

.contactinfo, #footer {
  padding: 0;
	width:100%;
}

.contactinfo {
  height:120px;
  line-height:120px;
  text-align:center;
  color:#333;
}

#footer {
    min-height: 150px;
    padding: 20px 0;
}

#footer,
#footer a {
  color:#a4a4a4;
  font-size:13px;
  font-weight:normal;
  font-family:Helvetica;
}

.contactinfo span.number { 
  color:#00a93f;
  font-size:30px;
  font-weight:bold;
}


#footer .widget-title {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 8px;
}


/* Three Footer Widget Areas */
#footer.three .fblock {
	float: left;
	margin-left:10px;
	margin-right: 0;
	width: 29%;
}

#footer.three #second.fblock {
  border-left:1px solid #4a4a4a;
	border-right:1px solid #4a4a4a;
	padding:0 40px 0 40px;
	width: 21%;
	min-height:150px;
	margin-right:3%;
}

#footer.three #third.fblock {
  width: 33%;
  line-height:1.225em;
}

#footer.three #third.fblock p {
    margin: 0 0 15px;
    padding: 2px 0 0;
    color:#A4A4A4;
}

#footer.three .fblock + .fblock + .fblock {
	margin-right: 0;
}


#footer li { list-style:none;}



.ie9 .btn-red-bg,.btn-gray-bg, .btn-gray-bg:hover {   filter: none;	}

	
/*added */
.col2-dtl .btn-go { margin-top:-3px;}
.col2-dtl .select-large { padding: 2px 2px 2px 0; height:22px;}
.col-main h1 { font-weight: normal;}

/*#################### R E S P O N S I V E   D E S I G N   B Y   1 9 0 2  ###########################*/

/*RESET
*************************************************************************************/
 /* set image max width to 100% */
  img {
  	max-width: 100%;
  	height: auto;
  	width: auto\9; /* ie8 */
	margin:0 auto;
	display:block;
  }

.form-collapse.collapse { height:0; overflow:hidden;}

@media (min-width:320px) and (max-width: 929px) {
   
   /*Body Width CENTER*/
    .container { max-width:98%;}

    #header-wrapper .container { overflow:visible;}
    
    /*Backgrounds*/
    .home-banner .col1,
    .logo a {
  	    background-attachment: scroll;
    		background-clip: border-box;
    		background-color: transparent;
    		background-origin: padding-box;
    		background-size: 100% auto;
  	}  
  	
    /*HOME HEADER*/
    .home-banner { font-size:13px;}
    .home-banner h2 { font-size:25px;}
    .products .col span { padding:0 8px } 
    
     /*DICTIONARY*/ 
    .block-detail.filter .col { width:100%;}
    .block-detail.filter .block-content { width:99.8%; }
    
     /*FOOTER*/    
    #footer-wrapper { background: #000 url(../images/footer-repeat-mobile.png) 0 0 repeat-x; } 
    .contactinfo {  height: 68px;  line-height: 68px;  }
    
}   
 

@media (min-width:641px) and (max-width: 767px) {
    #header-wrapper, #home-feature, #main-wrapper, #footer-wrapper { overflow:hidden;}
	.block .input-small { width:94% !important; float:left !important;}
    .contactinfo { font-size: 80% !important;}
	
	/*Innerpage*/
	.seo-quote-form .input-large, .seo-quote-form .textarea-large { width:76.75%; }
	.seo-quote-form .input-medium { width: 58.35%;}
	
}

@media (max-width: 810px) {
	.seo-quote-form .input-medium { margin-right:0}
}

@media (min-width:768px) and (max-width:929px) {
	.seo-quote-form .input-large, .seo-quote-form .textarea-large { width: 76%; }
	.seo-quote-form .input-medium { width: 59%;}
	.col2-dtl .btn-go { margin-top:0px;}
}
@media (max-width:1024px){
	.col2-dtl .btn-go { margin-top:0px; height:21px;}
	.seo-quote-form .input-medium { width:58%; margin-right:5px;}
}

@media (max-width:768px){
	.seo-quote-form .input-medium { width:57.5%; margin-right:5px;}
}

@media (min-width:641px) and (max-width: 929px) {
    /*Backgrounds*/
    #header-wrapper {
  	    background-attachment: scroll;
    		background-clip: border-box;
    		background-color: transparent;
    		background-origin: padding-box;
    		background-size: 100% auto;
  	}  
  	.col-right { width: 26.95%}
  	.col-main { width: 71%; }
    .block .input-small { width: 42%;}
    .block .input-large { width: 94%; }
    
    
    /*HOMEPAGE - HEADER*/
  	#header-wrapper { height: 95px; /*background-size: auto 110%;*/ background-size:100% 110%; }
    .topheader { height: 71px; }
    /*.logo { top: 10px; width: 242px; height: 49px; margin-bottom:22px; overflow:hidden;  }*/
    .logo {
      top: 10px;
      width: 242px;
      height: 65px;
      margin-bottom: 6px;
      overflow: hidden;
    }
    .logo a { margin-top: 10px; }
    .form-search { top:22px; }    
    .nav { margin-left:20px; }
    .navbar .nav > li > a,
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover,
    .navbar .nav > .current-menu-item > a,
    .navbar .nav > .current-menu-item > a:hover,
    .navbar .nav > .current-menu-item > a:focus {
  		  font-size:86%; /*padding:0 14px;*/padding: 0 12px; background-size: 100% 100%; height:32px; line-height:24px;
  	}

    
    /*HOMEPAGE CONTENT*/
    .products .col { min-height:150px;}
    .products h2 { font-size:24px;}
    
    #loginform .button-wrapper .btn { width:130px;}
    .btn { height:24px; line-height:24px;}
    .block-title { font-size:14px;}
    .clickhere.btn-red-bg {
      width: 172px;
      margin: 10px auto 0;
      font-size:13px;
    }
		
	
    /*SIDEBARS*/
    .block-sub-title span { padding-left: 3px; font-size:12px; }
    
     
    
    /*FOOTER*/
    #footer.three .fblock {  margin-left:0;   }
    #footer.three #second.fblock { min-height:170px; }
    .contactinfo span.number {font-size:24px; }  
    
}


@media (min-width:320px) and (max-width: 640px) {    
	.seo-quote-form .input-medium { width:77.85%;}
}

@media ( max-width: 640px) {  
	.seo-quote-form .input-medium { margin-right: 6px; }
}


@media (min-width:320px) and (max-width: 640px) {    
   
    /*GLObAL*/
    h1 { font-size:18px; }
    
    .col-main, .col-right { width:100%;}
    .hideMobile { display:none;}
    
    
    /*HEADER*/
    #header-wrapper { height:73px;}
    
    .logo { width: 193px; height: 48px; position:relative; z-index:3; overflow:hidden; }
    .logo a { margin-top:5px;}
    .logo img { margin-top:5px;}
    
    .form-search { top: 50px; width: 100%; }
    .form-search .input-append { width:100%; height:16px;  }
    .form-search .input-append .search-query { font-size:12px; line-height:100%; margin-top:-3px; width:95%;}
    .form-search .input-append .btn-search { height:18px; width:18px;right:2px; top:-1px;}
    .form-search .input-append .search-query { width:92%;}
    
    .form-collapse.collapse .input-large {width: 261px; }
    .nav-collapse, .form-collapse {    width:296px;   background:#cc0000;  }
    .nav-collapse.collapse, .form-collapse.collapse { height: auto; }
    .collapse {
        position: relative;
        height: 0;
        overflow: hidden;
        -webkit-transition: height 0.35s ease;
           -moz-transition: height 0.35s ease;
             -o-transition: height 0.35s ease;
                transition: height 0.35s ease;
      
        top: 0;
        right: 0;

     }
      
     .collapse.in { height: auto; }   
     
     .navbar { clear: none; position: relative;  float: right;  top:8px;  z-index:2;overflow:visible;     }
         
     .navbar a {
        height: 26px;
        font-size: 13px;
        line-height: 26px;
        font-family: Helvetica, Arial, sans-serif;
        font-weight: 300;
        text-transform: none;
      }

      .navbar .btn-navbar,    
      .navbar .btn-navbar.collapsed {
        display: inline-block;
      }
     .nav-collapse, .nav-collapse.collapse,
     .form-collapse, .form-collapse.collapse {
          height: 0;
          overflow: hidden;
      }
    
    .form-collapse.collapse,
    .nav-collapse.collapse { position:absolute; top:35px; right:0; }
    
    .nav-collapse li { float:left; width:146px; padding:0; border-bottom:1px solid #000; border-left:1px solid #000;}
    .navbar .nav > li > a:focus,
    .navbar .nav > li > a:hover,
    .navbar .nav > .current-menu-item > a,
    .navbar .nav > .current-menu-item > a:hover,
    .navbar .nav > .current-menu-item > a:focus { background: none; }
    
    .form-collapse div { background:none !important; border:0 !important; border-radius:0 !important; box-shadow: none !important; }
    .form-collapse div h3 { margin:0 !important;}
    .form-collapse .block-content .block-inner-content { padding: 0 10px 15px; }

    /*HOMEPAGE - BANNER*/
    .home-banner h2 {font-size:20px; }
    .home-banner .col1 { width: 135px; }
    .home-banner .col2 { width:310px;}
    .home-banner h2 { line-height:110%;}
    .products h2 { font-size:14px;}
    
    /*Innerpage*/
	.seo-info, .seo-benefits, .seo-quote-form label { width:100%;}
	.seo-quote-form .input-large, .seo-quote-form .textarea-large { width:97%; }
		/*added on bestilling*/
		ul.product-selections li { width:100%;}
		.seo-quote-form .button-wrapper { margin-bottom:20px;}
		.seo-quote-form .input-medium { margin-right:0; float:none;}
	

	/*SIDEBARS*/
    /*.block-login { display:none;}*/
    .col-right .block { margin-left:2px;}
    .block-detail.filter .block-content { width:99.6%; }
    
    /*FOOTER*/
    #footer-wrapper { background-color:#000; }
   .contactinfo { position:relative; }
   .contactinfo p { padding-right: 120px; line-height: 130%; text-align: left;  margin-top: 20px;  }    
   .contactinfo span.number { font-size:16px;}
   .contactinfo #clickhere { position: absolute; right: 5px; top: 2px; }
    #footer, #footer a  { font-size:14px;}
	#footer { text-align:center;}
    #footer a { line-height:200%;}
    #footer.three #second.fblock { height:auto;clear:both;   }
    #footer.three .fblock { height:auto; width: 98%;}
    #footer.three #second.fblock { border:0; padding:0; width:100%;}
      
    
    #footer.three .fblock,
    #footer.three #third.fblock {
      margin:0;
      width:100%;
      min-height:100px;
    }
    
    #footer.three .fblock {
      border-bottom:1px solid #3a3a3a;
      padding:0 0 24px 0;
      margin:0 0 24px 0;
    }
    
    #footer.three #second.fblock {
         min-height:100px;
         border-bottom:1px solid #3a3a3a;
         padding:0 0 24px 0;
    }
    
}


@media (max-width:480px){
      
    /*HOMEPAGE*/
    .products .col { height:155px; }
    .main .block-login .input-large { width: 96.28% !important; }
	.main .block-login { left: 36.95% !important; }
	.seo-quote-form .input-medium { width: 78.55%;}
}

@media (max-width:407px){
	.seo-quote-form .input-medium { width: 77.55% !important;}
}


@media (max-width:320px){
  /*HOMEPAGE*/
  .products .col { height:135px; }
  .products .col span { padding: 0 2px; }
  #home-feature .col-right { right: 72px; }
  .main .block-login .input-large { width: 94.75% !important;}
  
  
  /*Inner Page*/
  .seo-quote-form .input-large, .seo-quote-form .textarea-large { width:96%; }
  .seo-quote-form .input-medium { width: 75.65% !important; }
  
  /*FOOTER*/
  .contactinfo span.number {  font-size: 14px; }
  .contactinfo p { line-height: 112%; margin-top: 15px; padding-right: 110px; }
  .contactinfo #clickhere { top: 8px; }
   .products .col span { line-height:140%;}

}

