/*
    Purple      -   801d80  links, highlights
                -   911B59
                -   A61757
    Grey        -   A6A6A6  paragraphs 
    Dark Grey   -   626262  h1, h2, h3
    Light Grey  -   E2E2E2  lines, borders
*/

/* ----- General Layout ----- */

    *	
    {
        margin: 0;
        padding: 0;
    }
    html
    {
        margin: 0;
        padding: 0;
        /*background: url(/images/layout/background.jpg) top left repeat-x;*/
    }	
    body 
    {       
        margin: 30px 0px; 
        padding: 0px 0px;
        text-align: center;      
    }
    	
    #container 
    {
        width: 930px;
        margin: 0 auto;
        padding: 0px 0px;
        text-align: left;        
        font-size: 100%;
        /*background: #fff666;  */
    }
    #header
    {
        position: relative; 
        height: 168px;
        width: 930px;
        margin: 0px;
        padding: 0px;
        overflow: hidden;      
        /*background-color: #f2f2f2;  */
    }
	
    #mainContent 
    {
	    float: left;
	    margin: 0px 20px 20px 10px;
	    padding: 0px 0px 0px 0px;
	    width: 635px;
	    min-height: 226px;
	    /*background-color: #f2f2f2;  */
	}	
	
	#rightColumn 
	{
	    float: right;
	    margin: 0px 10px 0px 0px;
	    padding: 0px 0px 20px 0px;    
	    width: 250px;
	    min-height: 226px;
	    overflow: hidden;
	    /*background-color: #ff6633;   */
	}
	
	#sections
	{
	    clear: both;
	    position: relative;
	    margin: 0px 10px 0px 10px;
	    padding: 0px 0px 0px 0px;
	    width: 910px;
	    /* background-color: #ffcc66; */
	    overflow: hidden;
	}
	
    #footer 
    {
	    clear: both;
	    position: relative;
	    margin: 20px 10px 0px 10px;
	    padding: 0px 0px 10px 0px;
	    width: 910px;
	    /*height: 140px;*/
	    color: #e2e2e2;
	    border-top: 1px solid #E2E2E2;
	    /*background-color: #f6f6f6;  */  
	    overflow: hidden;
	}


/* -- Header -- */

    #logo 
    {   
        position: absolute;
        top: 0px;
        left: 375px;
        margin: 0px;
        padding: 0px;
        width: 180px;
        height: 110px;
        overflow: hidden;
        background-color: #fff; 
        text-indent: -9999px;
        background: url(/images/po-logo.gif);
    }
    #logo:hover 
    {
	    background: url(../images/po-logo-hover.gif);
	}

	
    #headNavContainer 
    {
        position: absolute;
        top: 132px;
        left: 0px;
        width: 930px;
        height: 26px;
        overflow: hidden;
	    /*background: #eee222; */
	    border-bottom: 1px solid #E2E2E2;
	}	
	#topNav 
	{
	    height: 28px;
	    width: 930px;   
	}
    #topNav li 
    {
        display: block;
        list-style-type: none;
        margin: 0px 30px 0px 0px;
        padding: 4px 2px 2px 0px;
        height: 18px;
        /*background-color: #ff66ff;  */
	    float: left;   
	}
	#topNav li.end 
    {
        /*margin-left: 264px;*/
        margin-right: -2px;
        float: right;
	}
    #topNav a 
    {
	    margin: 0px;
	    padding: 4px 0px 4px 0px;
	    color: #727272;
        /*font-family: Georgia, "Times New Roman", Times, serif;*/  
        font-family: "Times New Roman", Times, FreeSerif, serif;
	    font-size: 16px; 
	    font-weight: bold;
	    letter-spacing: 1px;  
	    text-decoration: none;  
	}
    #topNav a:hover
    {	    
	    /*text-decoration: underline;
	    background: #801d80;*/
        color: #801d80;
	}
	#topNav .active 
	{
	    color: #801d80;
	    font-weight: bold;
	    
	    /*background: url(../images/layout/nav-active.jpg) top center no-repeat;*/
	}
	#topNav .active:hover 
	{
	    text-decoration: none;
	    color: #A6A6A6;
	}
	
	#banner
	{
	    position: relative;
	    height: 230px;
	    width: 930px;
	    margin: 0px 0px 20px 0px;
	    padding: 0px 0px 0px 0px;
	    overflow: hidden;
	    /*background-color: #eee;*/ 
	}
	
#emailNewsletterTB {
	width: 180px;
	margin: 0 5px 0 0;
	padding: 3px;
	background: #f1fafb;
	border: 1px solid #57c7dc;
	color: #686664;
	font-size: 95%;
	}
	
#newsletterSubmitBTN {
	background: #57c7dc;
	color: #fff;
	border: #fff solid 1px;
	padding: 3px 7px;
	font-size: 95%;	
	}

/* -- Homepage Image Panel -- */

    #hpColumnOne
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        min-height: 160px;
        width: 305px;
        /*background-color: #cccccc;  */
    }
    
    #hpColumnTwo
    {
        float: left;
        margin: 0px 0px 0px 25px;
        padding: 0px 0px 0px 0px;
        min-height: 160px;
        width: 305px;
        /*background-color: #cccccc;  */
    }

    #imageBoxOne
    {
        float: left;
        margin: 0px 20px 0px 0px;
        padding: 0px;
        width: 435px;
        height: 224px;
        border: 5px solid #E2E2E2;
        /*background-color: #ff6633;  */
        overflow: hidden;
    }
    
    #imageBoxTwo
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        width: 435px;
        height: 224px;
        border: 5px solid #E2E2E2;
        /*background-color: #ff6633;  */
        overflow: hidden;
    }


/* -- Right Column -- */

    #rightBoxOne
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 10px 10px 0px 20px;
        width: 220px;
        min-height: 30px;
        /*background-color: #ff6633;  */
        background: url(../images/layout/quote-top.jpg) no-repeat top left ; 
        overflow: hidden;
    }
    #rightBoxTwo
    {
        float: left;
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 250px;
        min-height: 100px;
        background-color: #ff6633;/**/
    }
    #rightBoxThree
    {
        float: left;
        margin: 0px 0px 20px 0px;
        padding: 0px 0px 0px 0px;
        width: 248px;
        height: 100px;
        border: 1px solid #E2E2E2;
        /*background-color: #ff6633;*/
    }
    
    .quoteBottom  /* bottom of righBoxOne */
    {
        margin: -30px 0px 0px 0px;
        padding: 0px 30px 0px 0px;
        height: 26px;
        width: 200px;
        text-align: right;
        background: url(../images/layout/quote-bottom.jpg) no-repeat top right ;
        /*background-color: #3366ff;   */
    }
    
    .borderedBox
    {
        float: left;
        margin: 20px 0px 0px 0px;       
        min-height: 100px;
        width: 240px;
        /*padding: 4px 4px 4px 4px;
        border: 1px solid #E2E2E2;*/
        padding: 0px;
        border: 5px solid #E2E2E2;
    }
    
/* ----- ----- Center Column ----- ----- */

/* ----- Barbershops ----- */

    .shopContainerLeft
    {
        float: left;
        margin: 20px 15px 0px 0px;
        padding: 6px 6px 6px 6px;
        width: 296px;
        height: 235px;
        border: 1px solid #e2e2e2;
        overflow: hidden;
        background: url(../images/layout/shop-box.jpg) bottom right no-repeat;
    }
    .shopContainerRight
    {
        float: left;
        margin: 20px 0px 0px 0px;
        padding: 6px 6px 6px 6px;
        width: 296px;
        height: 235px;
        border: 1px solid #e2e2e2;
        overflow: hidden;
        background: url(../images/layout/shop-box.jpg) bottom right no-repeat;
    }

    .shopListTwo
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 240px;
	    width: 296px;  
	    /*background-color: blue;  */ 
	    list-style-type: none;   
    }
    .shopListTwo li.shopImage 
    {
        display: block;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 296px;
        height: 120px;
        /*background-color: #ff66ff;  */
	    float: left;
	    overflow: hidden;
	}
    .shopListTwo li.shopDetails 
    {
        display: block;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 0px 6px;
        width: 290px;
        height: 110px;
	    float: left;
	    overflow: hidden;
	    /*background-color: #66FFff;    */
	}
	.shopListInnerTwo li.shopName
	{
	    margin: 4px 0px 2px 0px;
        padding: 0px 0px 0px 0px;
        color: #626262;
        line-height: 22px;
        text-align: left;
        font-weight: bold;
        font-family: "Times New Roman", Times, FreeSerif, serif;
        font-size: 19px;
	}
	
	.shopListTwo li.number
	{
	    display: inline;
	    margin: 2px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #a6a6a6;
        width: 140px;
        line-height: 22px;
        text-align: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 16px;
        /*background-color: Orange;   */
	}
	
	.shopListTwo li.shopLink
	{
	    display: inline;
        list-style-type: none;
        margin: 0px 0px 0px 86px;
        padding: 0px 0px 0px 0px;
	    /* background-color: Green; */ 
	}
	.shopListTwo li.shopLink a
	{
	    margin: 0px 0px 0px 0px;
        padding: 0px 14px 0px 4px;
        color: #626262;
        line-height: 22px;
        text-align: center;
        font-family: "Times New Roman", Times, FreeSerif, serif;
        font-size: 16px;
        text-decoration: none;
        /*background-color: Red;  */
        background: url(../images/layout/bullet-01.jpg) bottom right no-repeat;
	}
	.shopListTwo li.shopLink a:hover
	{
        text-decoration: underline;
        /*background-color: #efefef;   */
	}
	.shopListInnerTwo li
	{
	    margin: 2px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #a6a6a6;
        width: 290px;
        line-height: 22px;
        text-align: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 16px;
        /*background-color: Orange;    */
	}


    .shopContainer
    {
        margin: 26px 0px 0px 0px;
        padding: 6px 6px 6px 6px;
        width: 621px;
        height: 130px;
        border: 1px solid #e2e2e2;
        overflow: hidden;
        background: url(../images/layout/shop-box.jpg) bottom right no-repeat;
    }

    .shopList
    {
        margin: 0px;
        padding: 0px;
        height: 140px;
	    width: 621px;  
	    /* background-color: #efefef; */ 
	    list-style-type: none;   
    }
    .shopList li.shopImage 
    {
        display: block;
        list-style-type: none;
        margin: 0px 12px 0px 0px;
        padding: 0px 12px 0px 0px;
        width: 210px;
        height: 130px;
        border-right: 1px solid #e2e2e2;
        /*background-color: #ff66ff;  */
	    float: left;
	}
	.shopList li.shopDetails 
    {
        display: block;
        list-style-type: none;
        margin: 0px 0px 0px 0px;
        padding: 4px 2px 0px 0px;
        width: 244px;
        height: 126px;
        border-right: 1px solid #e2e2e2; 
	    float: left;
	    overflow: hidden;
	}
	.shopList li.shopLink
	{
	    display: block;
        list-style-type: none;
        margin: 0px 0px 0px 6px;
        padding: 0px 0px 0px 0px;
        width: 132px;
        height: 130px;
	    float: left;
	    overflow: hidden;
	}
	.shopList li.shopLink a
	{
	    display: block;
	    margin: 0px 0px 0px 0px;
        padding: 54px 45px 54px 45px;
        color: #626262;
        line-height: 22px;
        text-align: center;
        font-family: "Times New Roman", Times, FreeSerif, serif;
        font-size: 20px;
        text-decoration: none;
	}
	.shopList li.shopLink a:hover
	{
        text-decoration: underline;
        background-color: #efefef;
	}
	.shopListInner li.shopName
	{
	    margin: 0px 0px 8px 0px;
        padding: 0px 0px 0px 0px;
        color: #626262;
        line-height: 22px;
        text-align: left;
        font-weight: bold;
        font-family: "Times New Roman", Times, FreeSerif, serif;
        font-size: 19px;
	}
	.shopListInner li
	{
	    margin: 2px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #a6a6a6;
        line-height: 22px;
        text-align: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 16px;
	}
	
	.mapContainer
	{
	    display: block;
        position: relative;
	    margin: 0px 20px 20px 0px;
	    padding: 4px;
	    height: 290px;
	    width: 365px;
	    float: left;
        border: 1px solid #e4e4e4;
        overflow: hidden;
	}


/* ----- Barbershop Tab Content ----- */

    .staffBox
    {
        margin: 20px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 380px;
        float: left;
        overflow: hidden;    
    }
    .openingHours
    {    
        margin: 20px 0px 20px 0px;
        padding: 0px 0px 2px 20px;
        width: 210px;
        /*height: 160px;*/
        float: left;
        border-left: 1px solid #e2e2e2;
        overflow: hidden;
    }
    .openingHours ul li
    {
        color: #727272;
        margin: 0px 0px 6px 0px;
    }
    ul.days
    {
        list-style-type: none;
        float: left;
        width: 100px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;  
    }
    ul.hours
    {
        list-style-type: none;
        float: left;
        width: 100px;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;  
    }


/* ----- Opening Hours ----- */
    
    .openingHoursContainer
    {    
        margin: 20px 50px 0px 30px;
        padding: 0px 0px 2px 20px;
        width: 210px;
        /*height: 160px;*/
        float: left;
        overflow: hidden;
        /*background-color: #efef6f;  */
    } 
    .openingHoursContainer ul li
    {
        color: #727272;
        margin: 0px 0px 6px 0px;
    } 
   

/* ----- Testimonials Page ----- */
   
    .commentTop
    {
        float: left;
        margin: 10px 0px 0px 0px;
        padding: 10px 10px 0px 10px;
        width: 616px;
        min-height: 30px;
        /*background-color: #ff6633;  */
        background: url(../images/layout/quote-top.jpg) no-repeat top left ; 
        overflow: hidden;
    }
    .commentTop p
    {
        text-indent: 26px;
    }
    
    .commentBottom 
    {
        float: left;
        margin: -16px 0px 10px 0px;
        padding: 10px 0px 20px 10px;
        height: 26px;
        width: 626px;
        text-align: left;
        background: url(../images/layout/quote-bottom.jpg) no-repeat top right ;
        /*background-color: #3366ff;   */
        border-bottom: 1px dashed #d2d2d2;
    }
    .commentBottom p
    {
        color: #801d80;
        font-style: italic;
        
    }
    em.quote
    {
        color: #801d80;
        font-style: italic;
        line-height: 18px;
    }
    
    
/* ----- Vouchers Page ----- */

    .voucherContainer
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        width: 635px;
        text-align: center;
        /*background-color: #3366ff;    */
        overflow: hidden;
    }

    
/* ----- Contact Form ----- */

    .contactFormOne
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 500px;
        min-height: 380px;
        overflow: hidden;
    }
    .contactFormTwo
    {
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        width: 135px;
        min-height: 380px;
        overflow: hidden;
    }

    #sendButton 
    {
	    text-align: left;
	    float: left;
	    padding: 20px 0px 0px 0px;
    }
    .requiredInput
    {
        font-size: 90%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: inline;
    }

    #contactForm
    {
	    width: 500px;
	    float: left;
	    padding: 10px 0px 0px 0px;
    }
    #contactForm ul 
    {
	    margin-left: 0px;
	}
    	
    #contactForm dd 
    {
	    clear: both;
	    float: left;
	    width: 70px;
	    padding: 4px 0;
	    margin-right: 20px;
	    text-align: right;
	}
	
    #contactForm dt
    {
	    float: left;
	    width: 400px;
	    margin: 0px 0px 15px 0px;
	}
	
    #contactForm dt .textInput
    {
	    width: 300px;
	    margin: 0px 0px 0px 0px;
	    padding: 4px;
	    border: 1px solid #666;
	}
	
	
    #contactForm dt textarea 
    {
	    clear: both;
	    margin: 0;
	    width: 308px;
	    border: 1px solid #666;
	}
	
    span.validation 
    {
	    color: #626262;
	    font-size: 90%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: inline;
	}
	
    span.validationActive 
    {
	    color: #ee0d00;
	    font-size: 90%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        display: inline;
	}
	
#rejected {
	font-weight: bold;
	color: #ee0d00;
	}
		

	
#address {
	text-align: right;
	padding: 10px 180px 0 0;
	}
	
.leadingParagraph 
{
background: #f2efeb;
padding: 10px;
}

/* ---------- Gallery Page ---------- 

#img_gallery:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }*/


	
/* ---------- misc Styles ---------- */
.required {
	margin-left: 10px;
	font-size:120%;
	color: #ed1379;
	font-weight:bold;
	}





/* ----- Footer Styles ----- */

    .footerSection 
    {
        margin: 6px 20px 0px 0px;
        padding: 0px 0px 0px 0px;
	    width: 290px;
	    min-height: 80px;
	    float: left;
	    /*background: #ccff66;  */  
	    overflow: hidden;
	}
	.footerSectionEnd 
    {
        margin: 6px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
	    width: 290px;
	    min-height: 80px;
	    float: left;
	    /*background: #ccff66;     */
	    overflow: hidden;
	}
/* old styling for 2 logos
    #footerSectionDetail
    {       
        float: right;
        margin: 12px 0px 0px 0px;
        padding: 4px 0px 0px 0px;
	    width: 910px;
	    height: 60px;
	    border-top: 1px solid #E2E2E2;
	    text-align: right;   
	    overflow: hidden;
    }
*/ 
    #footerSectionDetail
    {       
        float: right;
        margin: 12px 0px 0px 0px;
        padding: 4px 0px 0px 0px;
	    width: 910px;
	    height: 130px;
	    border-top: 1px solid #E2E2E2;
	    text-align: right;
	    /* background: #ccff66; */   
	    overflow: hidden;
    }
	
    .footerSection ul, .footerSectionEnd ul 
    {
	    float: left;
	    width: 140px;
	    min-height: 40px;
	    font-size: 90%;
	    list-style: none;
    }
    	
    .footerSection li, .footerSectionEnd li 
    {
	    padding: 2px 0px 4px 0px;	    
    }
    .footerSection a, .footerSectionEnd a 
    {
	    color: #727272;
	    text-decoration: none;	    
    }  
    .footerSection a:hover, .footerSectionEnd a:hover  
    {
	    color: #801d80;
	}
	#footerSectionDetail a
	{
	    color: #727272;
	    text-decoration: none;
	}
	#footerSectionDetail a:hover
	{
	    color: #801d80;
	    text-decoration: underline;
	}
	
	img.left
	{
	    float: left;
	    margin: 4px 14px 0px 0px;
	}
	
/*-----------------image styles-----*/

.workersLisburn 
{
float: left;
width: 120px;
}

.borderedImageRightBelfastBarbers 
{
float: right;
clear: both;
padding: 4px;
border: 1px solid #e4e4e4;
margin: 0 0 10px 20px;
}
/*---------end*/


.borderedImage 
{
padding:4px;
border: 1px solid #e4e4e4;
margin-bottom: 10px;
}

.borderedImageRight 
{
float: right;
clear: both;
padding: 4px;
border: 1px solid #e4e4e4;
margin: 0 10px 10px 0px;
}

.borderedImageLeft 
{
float: left;
padding: 4px;
border: 1px solid #e4e4e4;
margin: 0 10px 20px 0px;
}

.workers 
{
float: right;
width: 120px;
}

#salonImage 
{
float: left;
width: 363px;
}

/* ---------- 05. Patches and Cracks ---------- */

/* -- 05.1 Clearing Divs -- */
	
#headerTop:after,
#topNav:after,
#productBar:after,
#mainContent:after,
#pager:after,
#footer:after,
#headNavContainer:after,
#yellowNav:after,
#yellowNavFooter:after 
{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

* html #headerTop,
* html #topNav,
* html #productBar,
* html #mainContent,
* html #pager,
* html #footer,
* html #headNavContainer,
* html #yellowNav,
* html #yellowNavFooter 
{
height: 1px;
}

*:first-child+html #headerTop,
*:first-child+html #topNav,
*:first-child+html #productBar,
*:first-child+html #mainContent,
*:first-child+html #pager,
*:first-child+html #footer,
*:first-child+html #headNavContainer,
*:first-child+html #yellowNav,
*:first-child+html #yellowNavFooter 
{
min-height: 1px;
}
	
.clear 
{
clear: both;
}
	
a img 
{
margin: 0px;
padding: 0px;
border: none;
text-decoration: none;
}


#img_gallery:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
*:first-child+html #img_gallery {
min-height: 1px;
}
* html #img_gallery {
height: 1px;
}

/* ----- -- TABS -- ----- */ 
	
 #tabbedContentContainer 
{
position: relative;
padding: 26px 0px 10px 0px; 
width: 635px;
/*background-color: #efefef;  */
}
	
.tabContentActive, .tabContent 
{
display: block;
position: relative;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
float: left;
/*background: url(../images/layout/tab-background.jpg) top left no-repeat;*/
background: url(../images/layout/shop-bottom.jpg) bottom right no-repeat;
border: 1px solid #e2e2e2; /* b2ba7e*/
min-height: 220px;
width: 613px;
}
.tabContent 
{
display: none;
}

#tabNavTwo 
{
position: absolute;
top:0px;
left:0px;
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
height: 28px;
width: 550px;
z-index: 2000;
/*border-left: 1px solid #e2e2e2;
background-color: #efefef;*/
}
	
#tabNavTwo li 
{
list-style: none;
float: left;
margin: 0px 10px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: none;
border-top: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
background-color: #efefef;
}
	
#tabNavTwo li a 
{
display: block;
padding: 6px 16px 4px 12px;
color: #3b3b3b;
line-height: 18px;
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
text-decoration: none;
}
	
#tabNavTwo li.active {border-bottom: 1px solid #fff; font-weight: bold; background-color: #fff;} 
#tabNavTwo li.active:hover {border-bottom: 1px solid #fff; text-decoration: none; }
#tabNavTwo li.active a {border-bottom: 1px solid #fff; }
#tabNavTwo li.active a:hover {border-bottom: 1px solid #fff; text-decoration: none; }
#tabNavTwo li:hover	{ text-decoration: underline;} 
#tabNavTwo li a:hover { text-decoration: underline; } 


.tabBorder
{
z-index: 100;
display: block;
position: relative;
float: left;
margin-top: -2px;
padding: 5px 0px 0px 0px;
width: 471px;
/*background: url(/images/layout/tabs/child-tab-background2.jpg) top left no-repeat;    */
}


/* ----- JQuery Tabs ----- */

#tab1
{
    width: 100px;
    height: 100px;
    background-color: Aqua;
}

#tab2
{
    width: 100px;
    height: 100px;
    background-color: Blue;
}


/* ----- Typography Styles ----- */

    h1
    { 
        margin: 10px 0px 10px 0px; 
        padding: 0px 0px 4px 0px;
        border-bottom: 1px solid #E2E2E2;
        color: #626262;
        font-size: 135%;
        letter-spacing: 0px;
        font-family: "Times New Roman", Times, FreeSerif, serif;
        /*font-family: Georgia, "Times New Roman", Times, serif;    */
    }
    h1.barbershop
    { 
        margin: 0px 0px 14px 0px; 
        padding: 0px 0px 4px 0px;
        float: left;
        width: 360px;
        border-bottom: 1px solid #e2e2e2;
        color: #3b3b3b;
        font-size: 110%;
        letter-spacing: 0px;
        font-family: Arial, Verdana, sans-serif;
        /*font-family: Georgia, "Times New Roman", Times, serif;  border-bottom: 1px solid #E2E2E2;  */
    }	
       
    h2 
    { 
        padding-bottom: 6px;
        color: #626262; 
        font-size: 110%; 
        font-family: "Times New Roman", Times, FreeSerif, serif;
        /*font-family: Georgia, "Times New Roman", Times, serif;    */
    }
    h2.barbershop
    {
        margin: 20px 0px 8px 0px; 
        padding: 0px 0px 0px 0px;
        color: #3b3b3b;
        font-size: 105%;
        letter-spacing: 0px;
        font-family: Arial, Verdana, sans-serif;
    }   
    h2.clearFloat
    {
        clear: both;
        margin: 30px 0px 8px 0px; 
        padding: 0px 0px 0px 0px;
        color: #3b3b3b;
        font-size: 105%;
        letter-spacing: 0px;
        font-family: Arial, Verdana, sans-serif;
    }
    	
    h3 
    { 
        padding-bottom: 2px;
        color: #626262; 
        font-size: 100%; 
        font-weight: bold;
        font-family: "Times New Roman", Times, FreeSerif, serif;
        /*font-family: Georgia, "Times New Roman", Times, serif;     */
    }

    h4
    {
        margin: 0px 0px 6px 0px; 
        padding: 0px 0px 0px 0px;
        color: #3b3b3b;
        font-size: 105%;
        font-weight: normal;
        letter-spacing: 0px;
        font-family: Arial, Verdana, sans-serif;    
    }
    h4.clearCentre
    {
        clear: both;
        margin: 0px 0px 10px 0px; 
        padding: 0px 0px 0px 0px;
        display: block;
        text-align: center;
        color: #3b3b3b;
        font-size: 105%;
        font-weight: bold;
        letter-spacing: 0px;
        font-family: Arial, Verdana, sans-serif;    
    }

    p 
    {
        margin: 0px 0px 15px 0px;
        padding: 0px 0px 0px 0px;
        color: #727272;
        line-height: 22px;
        text-align: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 75%;
    }
    p.testimonial
    {
        line-height: 16px;
        text-align: justify;
        text-indent: 20px;
    }
    p.copyright 
    {
        /* margin: 6px 0px 0px 0px; was */
        margin: 28px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #727272;
        line-height: 18px;
        text-align: right;
        font-family: Arial, Verdana, sans-serif;
        font-size: 65%;
    }
    a
    {
        color: #A71758;
    }
    p.staffName
    {
        margin: 138px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        float: left;
        color: #727272;
        line-height: 18px;
        text-align: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 75%;    
    }
    
    a.mapLink
    {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        color: #0000FF;
        line-height: 18px;
        text-align: left;
        font-family: Arial, Verdana, sans-serif;
        font-size: 95%;
        text-decoration: underline;    
    }

	
#rightColumn h3 
{
font-size: 105%;
color: #fff;
padding: 8px;
text-align: center;
background: #363534;
}

.barberHeader 
{
font-size: 105%;
padding: 8px 0;
margin-bottom: 20px;
background: url(../images/layout/dots.gif) repeat-x bottom;
}
	
.list 
{
margin-left: 30px;
}
	
.list li 
{
margin-top: 4px;
}
	
p a, ul a 
{
color: #801d80;
}

html a
{
    outline: none;
}