/* @override http://www.oflynnsflooring.ie/assets/templates/oflynnsflooring/site.css */

/*Common

------------------------------------------------------------------------- */
* {margin: 0; padding: 0;}

img {border: 0;}

a {color: #8E8027; text-decoration: none;}

a:hover {text-decoration: underline;}

ul {
   list-style: none;
}

p {
  color: #4a2c00;
}


/*Layout

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

body {
   background: url(images/floor-bg.jpg) center bottom repeat;
   color: #4a2c00;
   font: 11px Arial, Tahoma, Verdana, helvetica, sans-serif;
}

#page {
   background: url(images/top-bg.jpg) center 0 repeat-x;
   clear: both;
   height: 100%;
   position: relative;
   width: 100%;
}
/* Top

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

#top {
   clear: both;
   height: 140px;
   margin: 0 auto;
   position: relative;
   width: 980px;
}

/*  #flooring {
   background: url(images/logo-floring.gif) 0 0 no-repeat;
   display: block;
   height: 83px;
   left: 40px;
   position: absolute;
   top: 32px;
   width: 365px;
   z-index: 1;
}
*/

#flooring {
   background: url(images/tag.jpg) 0 0 no-repeat;
   display: block;
   height: 103px;
   left: 5px;
   position: absolute;
   top: 22px;
   width: 523px;
   z-index: 1;
}
#flooring a{
    display: block;
    height: 103px;
    width: 523px;
}
/*
#quotation {
   background: url(images/quotation.png) 0 0 no-repeat;
   height: 82px;
   position: absolute;
   right: 140px;
   top: 28px;
   width: 252px;
   z-index: 1;
}
*/
#quotation {
   background: url(images/logo.jpg) 0 0 no-repeat;
   height: 85px;
   position: absolute;
   right: 129px;
   top: 28px;
   width: 324px;
   z-index: 1;
   }

#telefon {
  position: absolute;
  top: 0px;
  right: 35px;
  z-index: 1;
  background: url(images/telefon.png) 0 0 no-repeat;
  width: 148px;
  height: 125px;
}




.masker2 {
float:left;
height: 100px;
width: 100px;
overflow:hidden;
border: 5px solid #FFE0B4;
margin: 15px;
}

.masker2 a img {
border:none;
 }

.masker2 a:hover img {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
}

/* Content

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

#content-wrap {
   background: url(images/content-wrap-bg.gif) 0 200px repeat-x;
   width: 100%;
}

#content {
   background: #E7C086 url(images/content-bg.gif) 0 0 no-repeat;
   clear: both;
   color: #093B78;
   margin: 0 auto;
   position: relative;
   width: 980px;
}

#menu { float: right; }
#menu ul {line-height: 24px; overflow: hidden; height: 24px; float: left; padding: 0 0 14px 22px; border-bottom: 1px solid #E3B87F; font-size: 12px!important; }
#menu ul li { float: left; margin-right: 22px!important; padding-left: 14px; text-align: center; background: url(images/top-menu-left.gif) 0 0 no-repeat; display: inline; }
#menu ul span { background: url(images/top-menu-right.gif) right 0 no-repeat; display: block; height: 24px; padding-right: 14px; float: left; }
#menu ul li.hover, #menu ul li:hover { background-image: url(images/top-menu-left-hover.gif);}
#menu ul li.hover span, #menu ul li:hover span { background-image: url(images/top-menu-right-hover.gif);}
#menu ul li a { background: none; color: #FFFFFF; overflow: hidden; font-weight: bold;  }

#content .imgborder {border: 5px solid #FFE0B4;}


#content .fl {
   display: inline;
   margin: 15px 0 0 30px;
   width: 511px;
}

#content .full {
   display: inline;
   margin: 15px 0 0 30px;
   width: 920px;
}


#content .fl p {
   color: #6B4108;
   font-size: 13px;
   line-height: 19px;
   padding: 17px 0 22px 0;
   text-align: justify;
}
#content .full p {
   color: #6B4108;
   font-size: 13px;
   line-height: 19px;
   padding: 17px 0 22px 0;
   text-align: justify;
}

#content .fl p a {color: #2E1B00;}
#content .full p a {color: #2E1B00;}

#content .fl .img {
   background: url(images/img-bg.gif) right bottom no-repeat;
   font-size: 0;
   padding: 0 1px 1px 0;
}
#content .full .img {
   background: url(images/img-bg.gif) right bottom no-repeat;
   font-size: 0;
   padding: 0 1px 1px 0;
}

#content .fr {
   display: inline;
   margin: 20px 10px 0 0;
   width: 400px;
}

#content .fr .inner {
   background: #E0B171 url(images/r-bg.gif) 0 0 no-repeat;
   overflow: auto;

   padding: 0px 5px 25px;
   width: 390px;
}

h1 {
   background: url(images/arrow-1.gif) 12px 12px no-repeat;
   color: #4A2C00;
   font-size: 22px;
   margin-top: 10px;

   padding-left: 31px;
}

h3, p.h1 {
   background: url(images/arrow-1.gif) 12px 22px no-repeat;
   color: #4A2C00;
   font-size: 20px;
   font-weight: normal;
   line-height: 50px;
   padding-left: 28px;
}
h4 {

   color: #4A2C00;
   font-size: 20px;
   font-weight: normal;
   line-height: 50px;
   padding-left: 38px;
}


p.h2 {
   color: #4A2C00;
   float: left;
   font-size: 17px;
   padding: 6px 18px;
}

p.h3 {
   color: #8D642D;
   font-size: 13px;
   font-weight: normal;
   line-height: 40px;
   text-align: center;
}

#find-more {
   background: red;
   background: url(images/find-more-left.gif) 0 0 no-repeat;
   color: #ffffff;
   display: block;
   display: inline;
   float: right;
   font-size: 17px;
   height: 30px;
   line-height: 30px;
   margin-right: 10px;
   padding-left: 4px;
}

#find-more span {
   background: url(images/find-more-right.gif) right 0 no-repeat;
   display: block;
   display: block;
   float: left;
   height: 24px;
   height: 30px;
   padding: 0 10px 0 6px;
}
/* Footer

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

#footer-wrap {
   background: url(images/footer-wrap-bg.gif) 0 0 repeat-x;
   width: 100%;
}

#footer {
   background: url(images/footer-bg.jpg) 0 0 no-repeat;
   clear: both;
   color: #C5C5C5;
   height: 87px;
   margin: 0 auto;
   padding: 27px 0 0 0;
   position: relative;
   text-align: right;
   width: 980px;
}

#sofaA {
   background: url(images/sofa.png) 0 0 no-repeat;
   bottom: 25px;
   height: 127px;
   left: 30px;
   position: absolute;
   width: 217px;
}

#footer a {
   background: url(images/dot.gif) 2px 4px no-repeat;
   color: #877964;
   font-size: 10px;
   padding: 0 10px;
}

#footer p {
   color: #925D0E;
   font-size: 12px;
   padding: 25px 10px 0 0;
}
/* Other

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

#content ul {
	font-size: 14px;
	color: #4a2c00;
	list-style-type: disc;
	margin-left: 20px;;
}





.link {
     color: ;
}
.onclick {
  cursor: pointer;
}


.fl {float: left;}
.right {float: right;}
.full {float: left;}

.fr {float: right;}

.clear{clear: both;}

/* Forms
------------------------------------------------------------------------------- */
form {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
    margin-left: 30px;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

form label,
form p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first,
form label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

form label.second,
form label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
form label.state { width: 60px; }

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.zip,
form label.zip input {
	float: left;
	width: 80px;
}
form label.zip { clear: none; }

form label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 310px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;
}
form textarea {
	margin-top: 3px;
	width: 310px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}