/**********************
jgen
April 2010
**********************/
/* GLOBAL */


html {
	height: 100%;
	font-size: small;
}

body.irish1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3em;
	margin: 0;
	padding: 0;
	height: 100%;
	background: url("graphics/irish/background.gif") repeat-y scroll center center #FFFFFF;
}

a { color: #730000; }

h1 { font: normal 2em Georgia, "Times New Roman", Times, serif; line-height:1em; }
h2, h3, h4, h5, td, table, div, form { padding: 0; margin: 0; }
h2 a { display:block; margin: 7px 0; }
h1, p, ul, ol { margin-top: 0; margin-bottom: 14px; }
img { border: 0; }

h3 { font-family: Georgia, "Times New Roman", Times, serif; } 
h2, h3, h4, h5 { font-size: 1em; }
h5 { display: inline; }

form { 
	display:inline; 
}

select {
	margin-bottom: 3px; 
}

#content {
	width: 600px;
	float: right;
	margin-left:0;
	margin-right:5px;
	overflow:visible;
}
	
#content_home {
	width: 600px;
	float: right;
	margin-left:0;
	margin-right:20px;
}
	
#login {
	line-height:25px;
    width: 265px;
	}

div#wrapper {
	width: 800px;
	margin: auto;
	padding:0;
}
	
div#mainpage {
	width: 100%;
	margin: 0;
	padding:0;
	clear:both;
}

div#header {
	width: 800px;
	margin: auto;
	padding:0;
}

	
#mainbody {
	width: 800px;
	margin: 0 auto;
	padding: 5px 0 20px 0;
	font-size:95%;
    clear:both;
	}
	
#mainbody_account {
	width: 750px;
	margin: 0 auto;
	padding: 40px 0 30px 0;
	font-size:95%;
    clear:both;
	}

div#banner {
	width: 800px;
	margin: 0 auto;
}

div#header div#banner table.headertable {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	height: 207px;
	width: 800px;
}

div#header div#banner table tr td a {
	vertical-align:	baseline;
	text-transform:	none;
	text-decoration: none;
	border: none;
	padding: 0;
	margin: 0;
}

div#header div#banner td.header_top {
	height: 30px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	background:none repeat scroll 0 0 #ffc14b;
}

div#header div#banner td.header_top form {
	height: 22px;
}


div.info_ticker {
	background:none repeat scroll 0 0 #F57570;
	border: none;
	font-size:100%;
	font-weight:normal;
	margin-bottom:6px;
	padding-bottom:2px;
	padding-top:2px;
}

div.news_ticker {
	background:none repeat scroll 0 0 #99DD99;
	border-color:#AAAAAA;
	border-style:solid;
	border-width:1px 0;
	font-size:100%;
	font-weight:normal;
	margin-bottom:8px;
	padding-bottom:1px;
	padding-top:1px;
}
	
span.bask_prodcode {
	font-size: 80%;
}
	
.clear {
	clear:both;
	}

.floatleft {
	float: left;
	}

.floatright {
	float:right;
	}	


/* Footer */

div#footer1 {
	clear: both;
	width: 100%;
	height: 32px;
	margin: auto;
	padding: 0;
	font-size: 80%;
}

hr.pagebar {
	width: 100%;
	border: none;
	color: #000;
	background-color: #000;
	height: 1px;
	margin-bottom: 7px;
}

div#foot_left {
	float: left;
	text-align:center;
	width:400px;
}

div#foot_right {
	width: 300px;
	text-align:center;
	float: right;
}

/* NAVBAR */

div#nav {
	width: 100%;
} 
div#navbar {
	width: 800px;
	margin: auto;
}

table#NavTable {
	line-height: 0;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}


#loginlink, #loginlink a { 
	font-weight:bold; 
	color:#fff; 
	font-size: 95%; 
	}
	
#logo {
	display:block;
    margin-top: 10px;
	margin-bottom: 15px;
	height: 42px;
	width: 176px;
	background:url(graphics/en-US/new/company_logo.gif) no-repeat;       
    }
	  
#logobar{ 
	height: auto; 
	width: 850px; 
	margin: 15px auto 0 auto; 
	}
	
#logobar ul { 
    clear: left;
	}	

div#banner  td.header_search {
	background: url('graphics/irish/HeaderSearch.gif') repeat scroll 0 0 transparent;
}

#search {
	padding: 0;
	margin: 0;
	position: relative;
}
	
#search .searchbutton { 
	border:1px solid #444444;
}
		
#search .searchfield { 
	border:1px solid #917302;
	color:#555555;
	font-size:87%;
	height:18px;
	margin:0 2px 0 10px;
	padding:1px 2px;
	width:150px;
}



/*********************
	Drop down menu
*********************/
.dropdownmenu {
  position:absolute;
  visibility: hidden;
  text-align: left;
  z-index: 100;
  background-color: #129b00;
  width: 105px;
}

.dropdownmenu a{
  width: 100%;
  display: block;
  text-indent: 10px;
  padding: 5px 0;
  text-decoration: none;
  font-weight: bold;
  color: #397ca8;
}

.dropdownmenu a:hover{ /*hover background color*/
  color: #D2D2D2;
}

div#accountMenu {
	display:block;
	left:400px;
	position:absolute;
	top:200px;
	z-index: 4;
	visibility:hidden;
}



/* CTGY */

#nextbutton {
	margin-top: 25px;
	clear:right;
	float:right;
	}

#prevbutton {
	margin-top: 25px;
	clear:right;
    float:left;
	}

.catrow {
    float: right;
    margin: auto;
    width: 590px;
}
		
.prodbutton {
	margin: 7px auto;
}
				
.prodcolumn {
	float: none;
	width:280px;
	padding-right: 10px;
	text-align:center;
	margin: auto;
}

.prodcolumn1 {
	float: left;
	width:280px;
	padding-right: 10px;
	text-align:center;
	margin: auto;
}
.prodcolumn2 {
	float: right;
	width:280px;
	padding-right: 10px;
	text-align:center;
	margin: auto;
}


.thumb {
	margin-right: 15px;
	display:block;
	margin: 10px auto;
	}
		
			
/* ACCOUNT PAGES */

.account_column {
	width: 50%;
	float:left;
	}	

.account_column h5 { width: 180px; clear: both; }
.account_column input { margin-bottom: 3px; display:block; margin-left: 180px; }
.account_column select { margin-bottom: 3px; display:block; margin-left: 180px; }

.paymentdetail {
	width: 130px;
	display:block;
	height: 26px;
	float:left;
	}
	
.invalid {
	color: #FF0000;
	}
	
.pad {
    margin-top: 25px;
	}
	 
	
/* BASKET */

#total {
    padding: 10px 0 0 10px;
    text-align:right;
	}
	
.baskettext_left{
	padding: 3px 15px 0 10px;
    vertical-align: top;
	}
	
.baskettext_left h4 { margin: 1px 0 2px 0; }

.baskettext_right{
	padding: 3px 0 0 10px;
	text-align: right;
    vertical-align: top;
	}
	
.baskettext_right h4 { margin: 1px 0 2px 0; }

.priceeach {
	text-align:right;
	width: 80px;
	margin-left: 5px;
	float:right;
	}


/* PRODUCT PAGES */

h1#prodname {
	font-size: 1.6em;
	margin-bottom: 5px;
	line-height:1.2em;
	}

#prodadd {
	display:inline; 
	position:relative; 
	top: 5px;
	}
	
.prodimage {
	margin-right: 20px;
	float:left;
	}
	
	
/* PRODUCT LIST */
		
.alt_row_color {
	background:#f9f6e4 ;
	}

.listheader {
	background-color: #f8f2f0; 
	color: #000;
    height:20px;
    padding: 4px 5px; 
	border-top: 4px solid #730000; 
	}
	
.productlist_row {
	padding: 4px 6px;
	width: 578px;
	float:right;
	}
	
.productlist_row form { display:inline; float:right; }
	
.productrow_text{
	width: 350px;
	padding-top: 2px;
	float:left;
	}	
	
.productrow_text .floatleft { max-width: 270px; width:expression(document.body.clientWidth > 272? "270px": "auto" ); }	
	

/* SUBNAV - CATTREE */

ul#first{
	list-style-type:none;
	width:176px;
	margin: 0 30px 0 0;
	padding-left: 0px;
}

div#cat_nav {
	float: left;
	width: 180px;
	padding: 0;
	margin: 0;
	font-size: 8pt;
	background: transparent;
}

div#cat_border {
	background: url('graphics/irish/cat_mid.png') repeat-y scroll 0 0 transparent;
	padding: 0;
	margin: 0;
}

div#subnav{
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 15px;
	font-size: 8pt;
}

div#subnav h2.cat_tree {
	margin: 0;
	font-size: 100%;
	margin-bottom:3px;
}

div#subnav li { background-color: #f9f6e6; margin-bottom: 2px; padding: 6px; }	
div#subnav li a { color: #3e3e3a; text-decoration:none; display: block; width: 100%; height:100%; }
div#subnav li a:hover { font-weight: bold; }
div#subnav li ul { list-style-type:none; margin: 0 0 0 10px; padding-left: 0; }
div#subnav li.subcategory { padding: 0; margin: 4px 0 0 0px; }	
div#subnav li.subcategory a { color: #666; }		
div#subnav li.subcategory a:hover { text-decoration:underline; font-weight:normal; color: #730000; }	
div#subnav li.subcategory a:visited:hover { color: #730000 }

div#subnav span.ct1 {
	font-family: Arial;
	font-size: 90%;
}

div#subnav span.ct1 a {
	color: #730000;
}

div#subnav span.ct1 span.ct1_open {
	font-size: 100%;
	font-style: inherit;
	font-weight: bold;
	padding: 0 0 0 2px;
}

div#subnav table.ct1_expand span.ct1 a {
	color: #730000;
	font-size: 8pt;
}
div#subnav table.ct1_expand table.ct1_expand span.ct1 a {
	color: #D05000;
	font-size: 8pt;
}


/*********************
 Featured Content Slider
 **********************/

#featured{ 
	width:350px; 
	padding-right:256px; 
	position:relative; 
	border:1px solid #000000;
	height:250px; overflow:hidden;
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:350px; 
	list-style:none; 
	padding:0; margin:0; 
	width:256px; height:250px;
	overflow:auto;
	overflow-x:hidden;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666;
	clear:both;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px;
}
#featured li.ui-tabs-nav-item a img {
/* Force the size of the small images */
	height: 50px;
	width: 69px;
}
#featured li.ui-tabs-nav-item a{
	display:block; 
	height:60px; text-decoration:none;
	color:#333;  background:#fff; 
	line-height:20px; outline:none;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#f2f2f2; 
}
#featured li.ui-tabs-selected{ 
	background:url('graphics/irish/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#90CC90; 
}
#featured .ui-tabs-panel{ 
	width:350px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel img {
/* Force the size of the main images */
	width: 350px;
	height: 250px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:60px;
	width: 100%;
	background: url('graphics/irish/transparent-bg.png'); 
}
#featured .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
#featured .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

