﻿/* Irish Pub Tours 2009
 CSS by Mark Kelly */

/* RESETS & BASIC PAGE SETUP */
* { padding: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
html { overflow: auto; height: 100%;}

/* new css property due to work in firefox and opera soon. Currently works with Safari
@font-face {font-family: "Archer Medium"; src: url("/fonts/Archer-Medium")}
*/

body  
{
    /*
    font: 62.5% Trebuchet MS, Arial, Verdana; 
font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;
font-family: Impact, Charcoal, sans-serif;
font-family: Tahoma, Geneva, sans-serif;
font-family: ‘Lucida Sans Unicode’, ‘Lucida Grande’, sans-serif;
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
font-family: Gill Sans / Gill Sans MT, sans-serif;
font-family: Georgia, Serif;
font-family: Arial, Helvetica, sans-serif;
font-family: ‘Courier New’, Courier, monospace;
font-family: Century Gothic, sans-serif;


Arial, Arial, Helvetica, sans-serif
Arial Black, Arial Black, Gadget, sans-serif
Courier New, Courier New, monospace
Georgia, serif
Impact, Charcoal, sans-serif
Lucida Console, Monaco, monospace
Lucida Sans Unicode, Lucida Grande, sans-serif
Palatino Linotype, serif
Tahoma, Geneva, sans-serif
Times New Roman, Times, serif
Verdana, Verdana, Geneva, sans-serif
Helvetica, sans-serif

*/    
    font: 62.5% Century Gothic, sans-serif;
    color:White; 
    background:Black;
    letter-spacing:0.1em; 
    
    height: 100%;
    }
    
p { font-size: 1.4em; line-height: 1.2em; margin-bottom: 1.2em;  }
	p.metadata { background: #fff9a7; padding: 3px; font:Georgia, sans-serif;} 
	
h1 { font-family:Georgia, Serif; font-size: 2.0em; text-transform:uppercase; margin:0 0 0.5em 0; color:White;}
h2 { font-family:Georgia, Serif; font-size: 1.8em; text-transform:uppercase; margin:0 0 0.5em 0;}
h3 { font-family:Georgia, Serif; font-size: 1.6em; text-transform:uppercase;}
h4 { font-family:Georgia, Serif; font-size: 1.4em; text-transform:uppercase;}

ul, li { font-size: 1.2em; list-style:none;}

 a{color:White; text-decoration:none;}
ul a:hover, li a:hover { color:#7da93d;}
.activePageMenuItem{color: #7da93d; text-decoration:underline;}

img, a img { border-style: none;}

/* END RESET */

/* TOOLBOX */
#clearPaddingMargin{margin:0;padding:0;}
.floatleft { float: left;}
.floatright { float: right;}
.floatPanelRight { float: right; padding:6px; font-size:1.2em;}
.clear { clear: both; }
.setBGImage{ background-image:url(/images/circle.png);background-repeat:no-repeat;}

.table{font-size: 1.4em; line-height: 1.2em; color:White; margin-left:17px;}



.noborder{border:1px solid yellow;}
/* END TOOLBOX */


/******* PAGE LAYOUT ********/

/* CONTAINERS WHICH HOLD EVERYTHING */

#outerContainer{
background-color:black;
	/*min-height:600px;*/
	padding-top:50px;
	}
	
#innerContainer{
	width: 850px;
	margin: 0 auto;
	}

/*PAGE HEADER ITEMS */

#topline{ 
	background:url(/images/fadedLine.png) repeat-x;
	min-height:22px;
	}

#header{
	border-bottom: 1px solid #4D4D4D;
	margin-bottom:1.0em;
	padding-bottom:1.0em;
    }
	
#logoholder{
	
	padding:0; margin:0;
	
	}

	#logoholder p {margin:0; padding:0; clear:both;}
	#logoholder h1 {margin:0; padding:0; clear:both;}
		
	#logoholder p{color:#7da93d; font-style:italic;}

#logoImageHolder{
	
	padding:0 10px 0 0; margin:0 ;
	 
	
	}
	
.menuItemsHolder{
	margin-top:1.0em;
	float:right;
	font-family:Georgia, Serif;
}

.cartIconHolder{
	margin-top:1.0em;
	float:right;
}
	
ul#menuItems {
	margin:0;
	}
	
	ul#menuItems  li {
		display: inline;
		float:left; 
		}
		
		ul#menuItems  li a {
			display: block;
			padding: 0 1.5em;
		}
			
		ul#menuItems  li a:hover {			
			background-repeat:no-repeat;	
			}


/*MAIN AREA ITEMS */

#homepageBanner{
	 width: 845px; min-height: 400px;
	 /*border: 1px dotted #4D4D4D;*/
	 
 
	}
	
#mainArea{
	border-bottom: 4px solid #4D4D4D;
	padding-bottom:1.0em;
	min-height:400px;
	 

	 
	}
	
#mainArea-noborder{
	/*padding-bottom:2.0em;*/
	min-height: 400px;
	 
	 
	}

#narrowColumn{
	
	 
	 min-height:400px;
	 width:230px;
	  
	 position:relative;
	 

	}
	

	
#wideColumn{
	 /*border: 1px dotted #4D4D4D;temp border for layout purposes*/
	 min-height:400px;
	 width:580px;
	
	  
	}
	
#halfColumn{
     /*border: 1px dotted #4D4D4D;temp border for layout purposes*/
	 min-height:400px;
	 width:420px;
    }

/*FOOTER AREA ITEMS */
	
#footer{ 
	margin:0.75em 0;
	font-size:0.8em;
}


	 
	 

	
	
/* CUSTOM STYLING FOR GRIDVIEW */

/* overall grid formating */
.mGrid { 
   
    width: 100%; 
    background-color: Black; 
    margin: 0px 0 0x 0; 
    font-size: 1.2em;  
    

    
}
/* grid columns */
.mGrid td { 
    padding: 2px;  
    vertical-align:top;
  
  
}
/* grid rows */
.mGrid th { 
    padding: 4px 2px; 
    
    
    
}
/*Alternating Row Style */
.mGrid .alt { background-color: Black;  }


/* overall grid formating */
.myAccount { 
   
    width: 100%; 
    background-color: Black; 
    margin: 0px 0 0x 0; 
    font-size: 1.4em;  
    

    
}
/* grid columns */
.myAccount td { 
    padding: 2px;  
    vertical-align:top;
  
  
}
/* grid rows */
.myAccount th { 
    padding: 4px 2px; 
    
    
    
}
/*Alternating Row Style */
.myAccount .alt { background-color: Black;  }

.radiobuttons
{
    margin:10px 0 10px 10px;
 
    
    
}
.gridButton{padding-top:5px; }


/*cart icon in header */
#cart-icon {
	float:right;
	max-width:110px;
	height:36px;
	padding: 0 2.5em 0 0;
	}
	
	#cart-icon p{
		padding:5.5px 0.55em 0 0.55em;
		
		float:left;
		}
	
	#cart-icon img{
		float:left;
		height:31px;
		padding:0;
		}
	
	#cart-icon a{color: #B3B3B3;}
	
/*GENERAL LAYOUT IDEAS*/
#capitaliseAlignBottomContainer
{
    min-height:400px;
    height:auto;
    position:relative;
    
    
    }
    
.capitaliseAlignBottom
{
    text-transform:uppercase;
    vertical-align:bottom; 
    position:absolute; 
    bottom:0;
    
    }


.capitaliseAlignTop{text-transform:uppercase;font-weight:bold;}

.extraLargeParagraph{ font-size:1.4em; line-height:2.0em; }
.largeGreenHeading{ color:#7DA93D; font-size:2.5em; }

.alignTopLeft{ position:absolute; top:0; left:0; padding:10px;}

.alignTopRight{position:absolute;top:0; right:0; padding:10px;}

.alignBottomLeft{ position:absolute; bottom:0; left:0; padding:10px;}

.alignBottomRight{position:absolute;bottom:0; right:0; padding:10px;}

.borderBottomGrey{border-bottom:1px dotted grey}

.MasterLoginView{  position:absolute; right:85px; top:20px; text-align:right; font-size:1.1em;}

#checkoutProgress img{padding:0 25px 0 0;}

/*Style for radio buttons in ask a question popup panel */
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_0, 
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_1, 
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_2, 
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_3,
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_4,
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_5,
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_6,
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_7,
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_8,
#ctl00_ContentPlaceHolder2_QToursRadioButtonList_9
    
  
    {
        margin-right:10px;
        margin-bottom:10px;
        border:1px solid red;
    }
    
.shirkImage{width:80px; height:auto}
.halfImage{width:150px; height:auto}
.toursImage{width:250px; height:auto}
    
 .panelseperator{ margin-top:10px;}  
 
.greenLine{width:100%; background-image:url(/images/greenLine.png);background-repeat:repeat-x; color:#333333; margin-top:4px}
.greyLine{width:100%; background-image:url(/images/greyLine.png);background-repeat:repeat-x; color:Black;}
.dottedGreenLine{width:100%; background-image:url(/images/dottedGreenLine.png);background-repeat:repeat-x; color:#333333; margin-top:4px;}

.darkGreyText{color:#999999; }

.totalPrice{ color:#7DA93D; font-size:1.8em; text-transform:uppercase;}


.largeEmailAddress{ color:#7DA93D; font-size:3.0em; }
.largeEmailAddressWhite{ color:White; font-size:3.0em; }

.greenBorderBottom{border-bottom: 3px Solid #7DA93D;}

.hideObject{ display:none;}

.invisible{ visibility:hidden;}


/* overall grid formating */

 

.roomChoiceTable { 
    width: 90%; 
    background-color: Black; 
    margin: 10px 0 0x 0; 
    font-size: 1.4em;  
    
}
/* grid columns */
.roomChoiceTable td { 
    padding: 2px;  
    
    vertical-align:top;
    
}
/* grid rows */
.roomChoiceTable th { 
    padding: 4px 2px; 
    
    
}
/*Alternating Row Style */
.roomChoiceTable .alt { background-color: Black;  }

.formatLabel
{
font-size: 1.4em;  
}

.formatLabel1
{
font-size: 1.4em; 
padding-top:14px; 

display:block;
}

.formatHeaderLabel
{
font-size: 1.4em;

font-style:italic;
border-bottom:2px solid White;
line-height:2.6em;

 
}


.radioholdersl
{
    width:26%; 
    float:left;
    margin:10px;
    padding:10px; 
    border:1px dotted #333333;
    }
        
.demo{
        
}
        
.h3 { font-size: 1.6em; text-transform:uppercase; font-weight:bold;}
.h4 { font-size: 1.4em; text-transform:uppercase; font-weight:bold;}

.ourToursHoldersDaily
{
    float:left;
height:200px;
width:200px;
position:relative;

margin-left: auto; 
margin-right: auto;
margin-right:50px;
background-image:url(/images/dailytours.jpg);background-repeat:no-repeat;
}

.ourToursHoldersDailyLabel
{
    position: absolute; bottom: 0; left: 0;font-size:2.0em;padding:20px;
}

.ourToursHoldersOvernight
{
float:left;
height:200px;
width:200px;
position:relative;

margin-left: auto; 
margin-right: auto;

background-image:url(/images/overnighttours.jpg);background-repeat:no-repeat;
}

.ourToursHoldersOvernightLabel
{
    position: absolute; bottom: 0; left: 0; font-size:2.0em; padding:20px;
}

.ourToursHoldersEvening
{
float:left;
height:200px;
width:200px;
position:relative;

margin-left: auto; 
margin-right: auto;
margin-right:50px;
background-image:url(/images/overnighttours.jpg);background-repeat:no-repeat;
}

.ourToursHoldersEveningLabel
{
    position: absolute; bottom: 0; left: 0; font-size:2.0em; padding:20px;
}


.hotelOptions
{
    float:left;
    width:165px;
    border: 4px solid #161616;
    margin:20px 10px 10px 0;
    padding:5px;
    }
    
    .hotelDetails
    {
        float:left;
        width:90%;
            border: 4px solid #161616;
    margin:20px 20px 20px 0;
    padding:5px;
        }
#toursBannerImageContainer
{
    width: 845px;  
 
    position:relative;
   
    } 
#toursBannerContainer
{
    width:450px;
    
 
    position:absolute;
    bottom:0;
    right:0;
 
    }
    
 
  
  .whiteParagraph{ color:#FFFFFF; font-size:12px;}
  .greenParagraph{ color:#7DA93D;  }
 
  
  .whatwedo #whatwedoNavItem
{ 
    color: #f00; 
}

.breadcrumb
{
     
    position:absolute; 
    bottom:0; 
    left:0;
 
    }
    
 .checkoutProgressMenu{float:left; margin:0; padding:0;}
 
 .centerDiv{width: 650px; margin: 0 auto; }
 
 .marginTop{margin-top:10px;}
 
 .hyperlinkIcons
 {
    
     margin-right:10px;
     
     }
     
 .boundryTop{border-top:1px solid #333333; padding-top: 5px; margin-top:5px;}
