/*-----------------------------------------------------------------------------
New Site

version:   1.0
author:    Kevin Devine
email:     kevin@kevindevine.ie
website:   http://www.kevindevine.ie/
date:	   March 2008 		
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

ul {list-style-type:none;}
a:link, a:visited {text-decoration:none; color:#1b650d;}
a:hover, a:active {text-decoration:underline; color:#58ab40; }

p {padding:5px 0px;}

/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif; background:repeat-x  url(../images/layout/bg.gif) #fff; 
}

/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {width:991px;  margin:0px auto; padding:25px 15px 0 15px;  background:repeat-y  url(../images/layout/wrapper_bg.gif) #fff; position:relative; }

/* =Headings
-----------------------------------------------------------------------------*/
h1 {background:no-repeat  url(../images/layout/title.gif) #fff; width:305px; height:23px; display:block; text-indent:-5000px;}


/* =MainNav
-----------------------------------------------------------------------------*/
ul#mainNav {margin-top:20px; }
 ul#mainNav li {float:left; margin-right:30px; }
 ul#mainNav li a { height:16px; display:block; text-indent:-5000px;border-bottom:3px solid #fff;}
 ul#mainNav li a:hover {border-bottom:3px solid green; }
a.home {background:url(../images/layout/nav.gif) left top; width:45px;} 
a.home:hover {background-position: 0px -16px; }
a.about {background:url(../images/layout/nav.gif) -47px 0px; width:71px;} 
a.about:hover {background-position: -47px -16px; }
a.testimonials {background:url(../images/layout/nav.gif) -120px 0px; width:96px;} 
a.testimonials:hover {background-position: -120px -16px; }
a.faqs {background:url(../images/layout/nav.gif) -218px 0px; width:38px;} 
a.faqs:hover {background-position: -218px -16px; }
a.contact {background:url(../images/layout/nav.gif) -258px 0px; width:63px;} 
a.contact:hover {background-position: -258px -16px; }


#secondaryNav {float:right; margin-top:-25px; height:16px; padding:0px;}
#secondaryNav li {float:left; padding:0px 5px;}
#secondaryNav  .first {border-right:1px solid #5a5959;}
#secondaryNav li a:link {color:#5a5959;}

.search {float:right; margin-right:-20px; clear:right; margin-top:-10px; width:194px;}
.search label {display:none;}
#Search {border:0px; background: url(../images/layout/searchinputbg.gif) no-repeat 0px 0px;height:18px; padding-top:3px; width:120px; padding-left:5px; font-size:10px; float:left;}
#go {display:block; float:right;background:url(../images/layout/go.gif) no-repeat 0px -1px ; width:67px; height:21px; padding-top:2px; border:0px; padding-right:2px; font-size:1px; color:#fff; text-align:right;}


#mcafee {position:absolute; top:5px; right:20px;}


/* =Body
-----------------------------------------------------------------------------*/
#content {float:right; width:788px; margin-top:10px; margin-bottom:10px;}
#productNav { float:left; width:192px; margin-top:10px; margin-bottom:160px;}

#mainContent {width:588px;  font-size:120%; float:left; position:relative;}
#mainContent h2 {text-indent:-5000px; display:block; width:566px; height:17px; background:no-repeat url(../images/layout/main_h2.gif);}
#mainContent h3 {font-size:120%; color:#19750a;}



#productDisplay {width:588px; margin-top:15px;}
#productDisplay li {float:left; width:188px; height:155px;  margin-bottom:8px;margin-right:8px;}
#productDisplay li a {text-indent:-5000px;width:188px; height:155px; display:block;}
#productDisplay li a:hover {background-position:right top;}
a.product1, a.product2, a.product4, a.product5, a.product7, a.product8 {}
a.product1 {background: url(../images/homelist/box1.jpg) left top;   }
a.product2 {background: url(../images/homelist/box2.jpg) left top;  }
a.product3 {background: url(../images/homelist/box3.jpg) left top;  }
a.product4 {background: url(../images/homelist/box4.jpg) left top;  }
a.product5 {background: url(../images/homelist/box5.jpg) left top;  }
a.product6 {background: url(../images/homelist/box6.jpg) left top;  }
a.product7 {background: url(../images/homelist/box7.jpg) left top;  }
a.product8 {background: url(../images/homelist/box8.jpg) left top;  }
a.product9 {background: url(../images/homelist/box9.jpg) left top;  }
a.product10 {background: url(../images/homelist/box10.jpg) left top;  }
a.product11 {background: url(../images/homelist/box11.jpg) left top;  }
a.product12 {background: url(../images/homelist/box12.jpg) left top;  }



#productListings {width:588px; margin-top:15px; height:auto;  float:left;text-align:center;}
#productListings td { line-height:12px; margin-bottom:5px;position:relative; width:186px; height:200px;  margin-bottom:8px;margin-right:8px; background:url(../images/layout/td_bg.png)   left top no-repeat;  }
#productListings tr {height:210px;}
.listingpics {max-width:160px; margin:0  0 0 8px;width: expression(this.width > 160 ? 160: true);

max-height:132px; height: expression(this.width > 132 ? 132: true);}
.listingtitle {line-height:14px;}
.listingtitle a {width:180px; display:block;}

.listingprice1 {text-align:center;width:165px;}
#productListings td span {float:left; clear:both; text-align:center;}



#secondaryContent {float:right; width:172px; background: /*url(../images/layout/gradient.gif) repeat-x*/  #e5e5e5; padding:0px 10px; font-size:110%;}
#shoppingCart {padding:10px 0 20px 45px; background: url(../images/layout/basket.gif) no-repeat 0 10px; border-bottom:1px solid #d6d5d5;}
#shoppingCart label {display:block; width:60px; float:left;}
#secondaryContent #h2 {cursor:pointer;display:block; text-indent:-5000px; width:172px; height:31px; background:url(../images/layout/shoppingCart.gif) no-repeat; margin-left:-10px; margin-right:-10px; padding: 0 10px;}
#Testimonials {border-top:1px solid #a3a3a3; background: no-repeat url(../images/layout/testimonials.gif) 0 10px;}
#Testimonials h3 {text-indent:-5000px;}
#Testimonials p {padding:10px 0;}
.formore {display:block; width:170px; height:44px; background:no-repeat url(../images/layout/formore.gif)  top left; text-indent:-5000px; }
.formore:hover {background-position:bottom left;}
#secondaryContent .clear {clear:both;background: no-repeat url(../images/layout/col_bot.gif) #fff ; margin-left:-10px; height:27px; width:192px; }



/*.infocell {position:absolute; top:155px; right:-200px; width:172px; background: #e5e5e5; padding:0px 10px; font-size:110%;}*/

.infocell {
background:#E5E5E5 none repeat scroll 0%;
font-size:110%;
padding:0px 10px;
position:relative;
right:-595px;
top:-20px;
width:172px;}




.infocell .clear {clear:both;background: no-repeat url(../images/layout/col_bot.gif) #fff ; margin-left:-10px; height:27px; width:192px; }
.infocell .h2 {display:block; text-indent:-5000px; width:172px; height:31px; background:url(../images/layout/product_info.gif) no-repeat; margin-left:-10px; margin-right:-10px; padding: 0 10px;}
.infotitle {color:#1b650d; font-weight:bold;clear:both;display:block;width:100%;}

.quantity, .qty {background:url(../images/layout/input_shadow.gif) no-repeat;}
.engravingText {background:url(../images/layout/input_shadow.gif) no-repeat; width:180px;}
.addtobasket { position:absolute; bottom:-27px; left:15px; background:url(../images/layout/addtobasket.png) no-repeat; display:block; width:162px; height:49px;  text-indent:-5000px;}
a:hover.addtobasket {background-position:right bottom;}

.updateq, .ordernow, .btnContinue, .confirm  {color:white; cursor:pointer; border:0px; font-size:0px;float:right;display:block;height:26px;text-indent:-5000px;}
.updateq {padding-left:5px;   background:url(../images/layout/update.png) no-repeat; width:59px;   }
.updateq:hover, .ordernow:hover {background-position:left bottom;}

.ordernow { padding-right:5px; background:url(../images/layout/ordernow.png) no-repeat;  width:91px; }

.btnContinue {  background:url(../images/layout/continue.png) no-repeat; width:96px;  margin:5px 0px; }
.btnContinue:hover {background-position:left bottom;}

.confirm {  background:url(../images/layout/confirm.png) no-repeat; width:138px; height:27px;  margin:5px 0px; }
.confirm:hover {background-position:left bottom;}

.listingcell {width:180px;}

.textbox1 {width:240px;}
#shippingtable td {padding:5px 0px;}



.shopbaskettable {width:100%; margin:10px 0px;}
.shopbaskettable thead, .shopbaskettable tfoot {background:#eee; }
.shopbaskettable thead td, .shopbaskettable tfoot td {color:green; font-weight:bold;}
.shopbaskettable td {padding:4px;}



#image {margin:5px 0;}


.h2_gold {display:block; text-indent:-5000px; width:172px; height:31px; background:url(../images/layout/gold_products.gif) no-repeat;  margin-right:-10px; padding: 0 10px;}
.h2_silver {display:block; text-indent:-5000px; width:172px; height:31px; background:url(../images/layout/silver_products.gif) no-repeat;  margin-right:-10px; padding: 0 10px;}
#productNav { background:/* url(../images/layout/gradient.gif) repeat-x*/  #e5e5e5;  font-size:110%;}
#productNav ul li {border-top:1px solid #a7a6a6; border-bottom:1px solid #e2e2e2; padding:1px 0 1px 20px;}
#productNav ul li:last-child {border-bottom:0px;}
 #productNav .clear {clear:both;background: no-repeat url(../images/layout/col_bot.gif) ; height:27px; width:192px; }

.prodpic {max-width:550px;  width: expression(this.width > 550 ? 550: true); max-height:550px;  height: expression(this.width > 550 ? 550: true);
}


.furtherInfo {max-height:150px; overflow:auto;}



/* =Footer
-----------------------------------------------------------------------------*/
#footer {clear:both; background: url(../images/layout/footer-top.gif) repeat-x;   font-size:100%; padding-top:0px;}
#footer h3 {font-size:100%; float:left; font-weight:normal; margin-top:5px;}
#footer p {float:right; background: no-repeat url(../images/layout/payments.gif) ; width:307px; height:43px; display:block; text-indent:-5000px;  margin-top:5px;}
#footer .clear {background: no-repeat url(../images/layout/footer_bg.gif) ; height:100px; width:991px;   padding:0px 15px; margin-left:-14px;}
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}

form {margin:0;padding:0;}

select {height:20px; font-size:12px; color: #666666; }


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {

	font-weight: normal;
}

.links {display:block; clear:both; margin-top:5px;}


#currency { float:right; margin-top:-5px; margin-bottom:5px; height:40px; clear:both; display:block;}
#currency li, #currency li a {display:block;float:left;}
#currency li.Sterling a { width:35px; height:40px; background:url(../images/layout/currency.jpg) no-repeat;  text-indent:-5000px;background-position:-70px 3px;}
#currency li.dollar a { width:35px; height:40px; background:url(../images/layout/currency.jpg) no-repeat; text-indent:-5000px;background-position:0px 3px;}
#currency li.euro a { width:35px; height:35px; background:url(../images/layout/currency.jpg) no-repeat;  text-indent:-5000px;background-position:-35px 3px;}

/*  Pagination */

#pagination   {width:400px; margin:0 auto;}
#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
#pagination a           { border:solid 1px #dedede; margin-right:2px; }
#pagination .previous-off,
#pagination .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; }
#pagination .next a,
#pagination .previous a { font-weight:bold; }	
#pagination .active     { background:#288d0f; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ margin-right:2px; }
#pagination a:link, 
#pagination a:visited   { color:#1d6d0e; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination a:hover     { border:solid 1px #1d6d0e; }