/* CSS file for the jimpayne.ie website */
/* (c) by Outsource Graphix - http://www.ogx.ie/ */

/* xhtml tag definitions */

/* @import url(random-css.php); */

* {
  margin: 0;
  padding: 0;
}

body, html	{
	color: #000;
	width: 100%;
	height: 100%;
	text-align: center;	
	font-size: 100%/1em;
  font-family: Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;
  background: url(gfx/mainbg.gif) repeat;
}

body, h1, h2, h3, h4, h5, h6, p, th, td, dt, dd, dl, ul, ol, blockquote {
	margin: 0;
	padding: 0;
}

a {
  color: #000;
	text-decoration: underline;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

.access {
	display: none;
}

.cb {
  clear: both;
  line-height: 1px;
  margin: 0;
  padding: 0;
}

/* THE RULES BELOW SHOWS HOW TO REPLACE HEADINGS (AND LINKS WITHIN THEM, AND OTHER ELEMENTS) WITH IMAGES */

#branding {
  position: absolute;
  width: 247px;
  height: 214px;
  top: 59px;
  background: url(gfx/quicksearch.gif) bottom left no-repeat;
  text-align: left;
}

h1 {
  text-align: left;
	position: relative;
	z-index: 10;
	left: 0;
	top: 0;
	display: block;
	width: 247px;
	height: 175px;
	background-image: url(gfx/logo.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}

h1 span {
	position: absolute;
	width: 247px;
	height: 175px;
	top: 0;
	left: 0;
	background-image: url(gfx/logo.gif);
	background-repeat: no-repeat;
}

h1 a {
	cursor: pointer;
}

#tagline {
  display: none;
}


p#siteContactInfo {
  display: none;
}

#wrapper {
  width: 760px;
  margin: 0 auto;
  position: relative;
  height: 100%;
  border-left: 2px #fff solid;
  border-right: 2px #fff solid;
  text-align: left;  
}

#topwrapper {
	width: 100%;
	background: #5f5f5f url(gfx/bgtop.gif) top repeat-x;
	height: 59px;

}

#top {
  height: 59px;
	width: 760px;
	margin: 0 auto;
  border-left: 2px #fff solid;
  border-right: 2px #fff solid;
  text-align: left;
  z-index: 10;
  position: relative;
}

h3#h-navi-main {
  display: none;
}

ul#navi-main {
  list-style: none;
}

ul#navi-main li {
  display: block;
  height: 59px;
  float: left;
}

ul#navi-main li a {
  display: block;
  padding: 30px 15px 5px 15px;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border-right: 1px #505050 solid;
}

ul#navi-main li a:hover {
  display: block;
  padding: 30px 15px 5px 15px;
  text-align: center;
  font-size: 0.8em;
  font-weight: bold;
  color: #ffcc01;
  text-decoration: none;
  border-right: 1px #505050 solid;
}

ul#navi-icons {
  list-style: none;
  position: absolute;
  top: 30px;
  left: 665px;
}

ul#navi-icons li {
  text-align: left;
	position: relative;
	z-index: 10;
	left: 0;
	top: 0;
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  margin: 0 10px 0 0;
}


ul#navi-icons li a {
	cursor: pointer;
	display: block;
	width: 20px;
	height: 20px;
  text-indent: -9999px;
}

ul#navi-icons li#ic1 {
  background: url(gfx/ic1.gif) no-repeat;
}

ul#navi-icons li#ic2 {
  background: url(gfx/ic2.gif) no-repeat;
}

ul#navi-icons li#ic3 {
  background: url(gfx/ic3.gif) no-repeat;
}

#middle {
  width: 100%;
  background: #e2e2e2;
}

#mainimg {
  height: 214px;
  position: relative;
  z-index: 1;
  background: url(gfx/mainimg.jpg) top right no-repeat;
  padding-left: 247px;
}

#content {
  background: #fff;
  width: 760px;
}

body.body-MainPage #content {
  background: #fff url(gfx/bgright.gif) right repeat-y;
  width: 760px;
}

#left {
  width: 250px;
  float: left;
  height: 684px;
}

body.body-MainPage #left {
  min-height: 780px;
}

* html body.body-MainPage #left {
  height: 780px;
}

#qsbox {
  background: url(gfx/qsbg.gif) repeat-y;
  position: absolute;
  top: 190px;
  width: 250px;
  padding-top: 30px;
  padding-bottom: 10px;
}

#qsbox h6 {
  margin: 10px 0 0 20px;
}

#qsbox p {
  font-size: 0.7em;
  padding: 10px 10px 10px 20px;
}

div#qsbox form {
  margin: 5px 0 0 20px;
  padding: 0;
}

div#qsbox form select {
  width: 205px;
  font-size: 0.7em;
  margin: 0 0 7px 0;
}

div#qsbox label {
  font-size: 0.7em;
}

div#qsbox div.selectWrapper div {
  width: 110px;
  display: block;
  float: left;
  margin: 0;
}

div#qsbox div.selectWrapper select, div#qsbox div.selectWrapper select option { 
  width: 95px;
}

div#qsbox form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

ul#prodnav {
  list-style: none;
  padding: 5px 0 10px 20px;
}

ul#prodnav li {
  padding: 3px 0 3px 0;
  font-size: 0.7em;
  font-weight: bold;
}

ul#prodnav li a {
  color: #d2282d;
  text-decoration: none;
  background: url(gfx/u.gif) bottom repeat-x;
}

ul#prodnav li a:hover {
  color: #535353;
  text-decoration: none;
  background: url(gfx/uo.gif) bottom repeat-x;
}


div#qsbox form input.button {
  font-size: 0.7em;
  width: 120px;
  margin-bottom: 0;
}

#qsboxbottom {
  width: 250px;
  height: 20px;
  background: #fff url(gfx/qsboxbottom.gif) top no-repeat;
  position: absolute;
  top: 393px;
  
}

#rafboxtop {
  margin: 15px 0 0 0;
  width: 250px;
  position: absolute;
  top: 401px;
  height: 4px;
  background: url(gfx/rafboxtop.gif) no-repeat;
  font-size: 1px;
}

#rafbox {
  width: 247px;
  background: url(gfx/rafboxbg.gif) repeat;
  padding: 5px 0 0 0;
  position: absolute;
  top: 420px;
}

#rafbox h3 {
  text-align: center;
  height: 30px;
  background: url(gfx/rafboxtitle.gif) top no-repeat;
  text-indent: -9999px;
}

#rafbox form fieldset {
  border: none;
  padding: 10px 10px 0 10px;
}

#rafbox form fieldset legend {
  display: none;
}

#rafbox form fieldset label {
  display: none;
}

#rafbox form fieldset input {
  background: url(gfx/rafboxinputbg.gif) top repeat-x;
  width: 213px;
  padding: 2px 5px 2px 5px;
  margin: 0 0 10px 0;
  font-size: 0.7em;
}

#rafbox form input.button, #qsbox form input.button { 
  background: #d2282d;
  width: 100px;
  color: #fff;
  font-weight: bold;
  height: 26px;
}

#rafboxbottom {
  margin: 0 0 15px 0;
  width: 250px;
  height: 4px;
  background: url(gfx/rafboxbottom.gif) no-repeat;
  font-size: 1px;
}

#contentwrapper {
  width: 510px;
  float: left;
}

div#text {
  width: 480px;
  padding: 15px;
  color: #474747;
  font-size: 0.9em;
}

* html div#text {
  width: 460px;
}

body.body-MainPage div#text {
  width: 225px;
  float: left;
  padding: 15px 20px 15px 15px;
  text-align: left;
}

div#text h2 {
  background: url(gfx/titleunderline.gif) bottom repeat-x;
  margin: 0 0 10px 0;
}

div#text h4 {
  margin: 15px 0 5px 0;
}

div#text ul, div#text ol {
  font-size: 0.8em;
  margin: 0 0 10px 15px;
  line-height: 150%; 
  
}

div#text ul li, div#text ol li {
  text-align: justify;
  margin-bottom: 5px;
}

div#text form fieldset {
  border: none;
  padding: 5px 0 0 0;

}

div#text form legend {
  font-weight: bold;
  font-size: 1em;
  color: #474747;
}

div#text form label {
  font-size: 0.8em;
  font-weight: bold;
}

div#text form input, div#text form textarea {
  background: url(gfx/rafboxinputbg.gif) top repeat-x;
  width: 213px;
  padding: 2px 5px 2px 5px;
  margin: 0 0 10px 0;
  font-size: 0.8em;
  font-family: Arial, 'Bitstream Vera Sans', Helvetica, sans-serif;  
}

div#text form input.button { 
  background: #d2282d;
  width: 100px;
  color: #fff;
  font-weight: bold;
  height: 26px;
}

div#text form input.chckbx { 
  background: transparent;
  width: auto;
  height: auto;
  line-height: 100%;
  margin: 5px 0 0 0;
  padding: 0;
}

input[type=hidden] { display: none !important; } 

div#text form label.checkbox { 
  background: transparent;
  width: auto;
  line-height: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}

div#text div.fm-checkboxes {
  padding-bottom: 20px;
}


div#text div.selectWrapper div {
  width: 130px;
  display: block;
  float: left;
  margin: 0 0 10px 0;
}

div#text div.selectWrapper select, div#text div.selectWrapper select option { 
  width: 100px;
}


hr.pshr {
  border: none;
  background: url(gfx/u.gif) bottom repeat-x;
  margin: 0 0 15px 0;
}

div#text div.fm-checkboxes p {
  font-weight: bold;
  font-size: 1.2em;
  padding: 0;
  margin: 10px 0 10px 0;
  line-height: 0;
  color: #d2282d;
}



div#text a {
  color: #d2282d;
  text-decoration: none;
  background: url(gfx/u.gif) bottom repeat-x;
}

div#text a:hover {
  color: #1f1f1f;
  text-decoration: none;
  background: url(gfx/uo.gif) bottom repeat-x;
}


div#text p {
  font-size: 0.8em;
  text-align: justify;
  line-height: 150%;
  margin: 0 0 10px 0;

}

div#text dl {
  font-size: 0.8em;
  text-align: justify;
}

div#text dl dt {
  font-weight: bold;
}

div#text dl dd {
  margin: 0 0 10px 30px;
  text-align: justify;
}


div#text dl.offersList dt {
  font-size: 1.1em;
}

div#text dl.offersList dd {
  margin: 0;
  font-size: 1.3em;
  margin: 5px 10px 10px 0;

}

div#text dl.offersList img {

  border: 2px #d2282d solid;
}

div#text dl.offersList div.offerslistimg {
  float: left;
  width: 95px;
  border: 0;
}

div.hr {
  height: 15px;
  background: transparent url(gfx/u.gif) repeat-x scroll top;
}

div.hr hr {
  display: none;
}

div#text div.offersLiteImgWrapper {
  float: right;
  background: #ececec;
  padding: 5px;
  margin: 0 0 10px 10px;
  width: 210px;
  text-align: center;
}

div#text div.offersLiteImgWrapper img {
  border: 1px #fff solid;
  margin: 0 0 5px 0;
  
}

div#text div.offersLiteImgWrapper h5 {
  text-align: left;
}

div#text div.glryimg {
  
  margin: 0 8px 6px 0;
  float: left;
  padding: 0;
}

div#text div.offersLiteImgWrapper div.glryimg img {
margin: 0;
padding: 0;
display: inline;
}

div#text div.offersLiteImgWrapper div.glryimg a {
  background: transparent;
  padding: 0;
margin: 0;  
display: inline;
}

div#text div.bigphotowrapper h4, 
div#text div.bigphotowrapper p,
div#text div.bigphoto,
div#text div.bigphotowrapper ul,
div#text div.bigphotowrapper ul li {
  text-align: center;
}

div#text div.bigphotowrapper ul {
  list-style: none;
}


div#text div.bigphotowrapper ul li {
  display: inline;
  margin: 0 10px 0 10px;
}

div#text div.bigphoto img {
  border: 5px #ececec solid;
  display: inline;
}

div#text div.offersLiteImgWrapper p {
  font-size: 0.75em;
}

div#text dl.offersList div.offerslistimg a {
  background: transparent;
}


div#text dl.offersList div.dtdd {
  float: left;
  width: 385px;

}

div#text div#emailpreview {
  margin-top: 10px;
  background: #eee;
  font-family: Consolas, 'Courier New', Courier, monospace;
  padding: 10px;
}

div#text blockquote {
  margin: 0 0 30px 0;
  font-style: italic;
  background: url(gfx/q2.gif) top left no-repeat transparent; 
}

div#text blockquote cite {
  font-style: normal;
  font-weight: bold;
  font-size: 1em;
}

div#text blockquote div {
  padding: 2px 10px 2px 10px;
  background: url(gfx/q.gif) bottom right no-repeat transparent;

}

div#text div#emailpreview p {
  text-align: left;
  color: #444;
}

body.body-MainPage #right {
  width: 247px;
  float: left;

}

#potw {
  padding: 10px 0 0 3px;
}

#potw h3 {
  text-align: center;
  height: 30px;
  background: url(gfx/potwboxtitle.gif) top no-repeat;
  text-indent: -9999px;
}


#right h4, #right h5 {
  font-size: 0.8em;
  padding: 5px 20px 0 20px;
  color: #4b4b4b;
}

#right p {
  font-size: 0.7em;
  padding: 0 20px 5px 20px;
  color: #4b4b4b;
  text-align: justify;
}

#right a {
  color: #d2282d;
  text-decoration: none;
}

#right a:hover {
  color: #d2282d;
  text-decoration: underline;  
}

#right p.offerPluginArea {
  font-weight: bold;
  padding-top: 5px;
}

#potw img {
  border: 2px #d2282d solid;
  margin: 10px 20px 0 20px;
}

#wocs h3 {
  text-align: center;
  height: 30px;
  background: url(gfx/wocsboxtitle.gif) top no-repeat;
  text-indent: -9999px;
}


#wocs p {
  font-style: italic;
  padding-top: 10px;
}

#wocs p#wocsmoretestimonials, #wocs p#wocsname {
  font-style: normal;
  padding-top: 0;
}

#wocs p#wocsname {
  font-weight: bold;
}

#bottomwrapper {
  height: 55px;
  width: 100%;
  background: url(gfx/bottombg.png) top repeat-x;

}

* html #bottomwrapper {
  background-image: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gfx/bottombg.png', sizingMethod=scale);
  background-repeat: repeat-x;
}

#navi-supp-wrapper {
  height: 55px;
	width: 760px;
	margin: 0 auto;

  text-align: left;
  z-index: 10;
  position: relative;
}

h3#h-navi-main2 {
  display: none;
}

ul#navi-main2 {
  list-style: none;
}

ul#navi-main2 li {
  display: block;
  float: left;
}

ul#navi-main2 li a {
  display: block;
  padding: 15px 10px 5px 10px;
  text-align: center;
  font-size: 0.7em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  border-right: 1px #505050 solid;
}

ul#navi-main2 li a:hover {
  display: block;
  padding: 15px 10px 5px 10px;
  text-align: center;
  font-size: 0.7em;
  font-weight: bold;
  color: #ffcc01;
  text-decoration: none;
  border-right: 1px #505050 solid;
}

p#web-development {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 0.7em;
  text-align: right;
  font-weight: bold;
  
}

p#web-development a {
   color: #fff;
   text-decoration: none;
}

p#web-development a:hover {
   color: #e6c025;
   text-decoration: none;
}

ul#navi-supp {
  list-style: none;
  position: absolute;
  top: 30px;
  right: 5px;
}

ul#navi-supp li {
  display: inline;
  font-size: 0.7em;
  font-weight: bold;
  border-right: 1px #505050 solid;
  padding: 0 3px 0 2px;
}

ul#navi-supp li a {
   color: #fff;
   text-decoration: none;
}

ul#navi-supp li a:hover {
   color: #e6c025;
   text-decoration: none;
}


.sponsorsImg {
	position: absolute;
	top: 660px;
	left: 15px;
}