/* PHB design specific css */
body {
	margin:				0px;
	font-size:				11px;
}
H1 {
	font-size:				20px;
	color:				#82A7B9;
	padding-top:			4px;
	padding-bottom:			4px;
}
H2 {
	font-size:				16px;
	color:				#C8C7CB;
	padding-top:			0px;
	padding-bottom:			0px;
}
hr {
	color:	#82A7B9;
	height:	1px;
}
.subTitle {
	font-size:				16px;
	color:				#5175CF;
	font-weight:			normal;
}
td {
	font-family:			Geneva, Arial, Helvetica, sans-serif;
	font-size:				11px;
}
.headertable {
	background-image:		url(/images/pooleharbour/pooleheader5.gif);
	background-repeat: 		no-repeat;
	background-position:	left;
}
.maintable {
	padding:				4px;
	background-color:		#FFFFFF:
}
.lefttable {
	padding:				4px;
	background-color:		#FFFFFF:
}
.tag {
	border:					1px solid #33CCFF;
	background-color:		#C8C7CB;
	color:					#FFFFFF;
}
a.taglink1 {
	font-size:				2.0em;
	font-weight:			normal;
	padding-left:			4px;
	color:					#FFFFFF;
	text-decoration:		none;
}
a.taglink2 {
	font-size:				1.7em;
	font-weight:			normal;
	padding-left:			4px;
	color:					#FFFFFF;
	text-decoration:		none;
}
a.taglink3 {
	font-size:				1.4em;
	font-weight:			normal;
	padding-left:			4px;
	color:					#FFFFFF;
	text-decoration:		none;
}
a.taglink1:hover {
	font-size:				2.0em;
	font-weight:			normal;
	padding-left:			4px;
	color:					#FFFFFF;
	text-decoration:		underline;
}
a.taglink2:hover {
	font-size:				1.7em;
	font-weight:			normal;
	padding-left:			4px;
	color:					#FFFFFF;
	text-decoration:		underline;
}
a.taglink3:hover {
	font-size:				1.4em;
	font-weight:			normal;
	padding-left:			4px;
	color:					#FFFFFF;
	text-decoration:		underline;
}
.footerimg {
	background-image:		url(/images/pooleharbour/poolefooter.gif);
	background-repeat: 		no-repeat;
	background-position:	left;
	color:					#FFFFFF;
	font-size:				1.3em;
	font-weight:			normal;
	padding-left:			4px;
}
.footer2 {
	background-image:		url(/images/pooleharbour/poolefooter2.gif);
	background-repeat: 		no-repeat;
	background-position:	left;
	color:					#FFFFFF;
	font-size:				1.0em;
	font-weight:			normal;
	padding-left:			4px;
}
.mainbanner {
	background-image:		url(/images/pooleharbour/poolemenu1.gif);
	background-repeat: 		no-repeat;
	background-position:	left;
}
.menubanner {
	background-image:		url(/images/pooleharbour/poolemenu1.gif);
	background-repeat: 		no-repeat;
	background-position:	left;
	/*background-color:		#5175CF;*/
	line-height:		18px;
	border-bottom:		2px solid #C8C7CB;
}
.menu {
	color:					#5B5B9D;
	font-size:				1.1em;
	text-decoration:		none;
	text-align:				center;
	vertical-align:			bottom;
	font-weight:			bold;
	padding:				4px;
/*	border:					1px solid #5B5B9D;*/
}
.menu:hover {
	color:					#33CCFF;
/*	background-color:		#C8C7CB;*/
	font-size:				1.1em;
	text-decoration:		underline;
	font-weight:			bold;
	padding:				4px;
/*	border:					1px solid #222222;*/
}
a.menu {
	color:			#FFFFFF;
	text-decoration:		none;
	text-align:			center;
	vertical-align:		bottom;
	font-weight:		bold;
	padding:			4px;
}
a.menu:hover {
	text-decoration:		underline;
	font-weight:		bold;
	padding:			4px;
	color:			#FFFFFF;
}
a.mainlink {
	color:			#82A7B9;
	text-decoration:		none;
}
a.footerlink {
	color:			#FFFFFF;
	text-decoration:		none;
}
a:hover {
	color:			#5175CF;
	text-decoration:		underline;
}
#dropmenudiv{
	position:					absolute;
	border-top:					1px solid #C8C7CB;
	/*border-right:				5px solid #C8C7CB;
	border-bottom-width: 		0;*/
	font:						normal 10px Verdana;
	line-height:				18px;
	z-index:					100;
	color:						#FFFFFF;
}
#dropmenudiv a{
	width: 						100%;
	display: 					block;
	text-indent: 				3px;
	border-bottom: 				1px solid #C8C7CB;
	border-left:				5px solid #82A7B9;
	border-right:				5px solid #82A7B9;
	/*padding: 					1px 0;*/
	text-decoration: 			none;
	font-weight: 				normal;
	background-color: 			#FFFFFF;
	color:						#82A7B9;
}
#dropmenudiv a:hover{ /*hover background color*/
	background-color: 			#82A7B9;
	color:						#FFFFFF;
	border-left:				5px solid #33CCFF;
	border-right:				5px solid #33CCFF;
}
/* body class */
	    .bodyclass {
                background-color : #FFFFFF;
                margin: 0px 0px;
	    }

	    /* left section class */
	    .header_left, .column_left, A.links_left {
                font-family : Arial, Verdana, Sans-Serif;
                text-align : ;
            }
            .section_left {
                background-color : #FFFFFF;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_left {
                background-color : #FFFFFF;
            }
            .header_left {
                background-color : #82A7B9;
                color : #FFFFFF;
                font-style : normal;
                font-weight : bold;
                font-size : 10pt;
vertical-align: middle;

            }
            .column_left {
                background-color : #FFFFFF;
                color : #ffffff;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                
            }
            A.links_left:link, A.links_left:active, A.links_left:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #222222;
            }
            A.links_left:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #33ccff;
            }


	    /* top section class */
	    .header_top, .column_top, A.links_top {
                font-family : Arial, Verdana, Sans-Serif;
                text-align : ;
            }
            .section_top {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_top {
                background-color : #ffffff;
            }
            .header_top {
                background-color : #FFFFFF;
                color : #222222;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_top {
                background-color : #FFFFFF;
                color : #222222;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_top:link, A.links_top:active, A.links_top:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #222222;
            }
            A.links_top:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #222222;
            }


            /* right section class */
            .header_right, .column_right, A.links_right {
                font-family : Arial, Verdana, Sans-Serif;
                text-align : ;
                font-size: 1.2em;
                color: #82A7B9;
                background-color: #FFFFFF; 
            }
            .section_right {
                background-color : #FFFFFF;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_right {
                background-color : #FFFFFF;
            }
            .header_right {
                background-color : #FFFFFF;
                color : #82A7B9;
                font-style : normal;
                font-weight : bold;
                font-size : 1.2em;
                /* border-bottom: 1px solid #82A7B9; */
            }
            .column_right {
                background-color : #FFFFFF;
                color : #82A7B9;
                font-style : normal;
                font-weight : normal;
                font-size : 1.0em;
            }
            A.links_right:link, A.links_right:active, A.links_right:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                /* font-size : 8px; */
                color : #333333;
            }
            A.links_right:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                /* font-size : 8pt; */
                color : #82A7B9;
            }


	/* bottom section class */
	    .header_bottom, .column_bottom, A.links_bottom {
                font-family : Arial, Verdana, Sans-Serif;
                text-align : ;
            }
            .section_bottom {
                background-color : #ffffff;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_bottom {
                background-color : #ffffff;
            }
            .header_bottom {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : bold;
                font-size : 8pt;
            }
            .column_bottom {
                background-color : #FFFFFF;
                color : #000000;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
            }
            A.links_bottom:link, A.links_bottom:active, A.links_bottom:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }
            A.links_bottom:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;
                font-size : 8pt;
                color : #000000;
            }


	    /* main section class */
	    .header_main, .column_main, A.links_main {
                font-family : Arial, Verdana, Sans-Serif;
                text-align : ;
            }
            .section_main {
                background-color : #FFFFFF;
                text-align : ;
                vertical-align : top;
            }
            .sectionborder_main {
                background-color : #FFFFFF;
            }
            .header_main {

                color : #82a7b9;
                font-size:1.2em;
                font-style : normal;
                font-weight : bold;
	vertical-align: middle;
	padding: 4px;
                border-bottom: 1px solid #C8C7CB;
            }
            .column_main {
                background-color : #FFFFFF;
                color : #555555;
                font-style : normal;
                font-weight : normal;
		text-align: left;
		vertical-align:top;
            }
            A.links_main:link, A.links_main:active, A.links_main:visited {
                text-decoration : none;
                font-style : normal;
                font-weight : normal;

            }
            A.links_main:hover {
                text-decoration : underline;
                font-style : normal;
                font-weight : normal;

            }


		/* small text class */
	    .small_main {
                font-style : ;
                font-weight : normal;
                font-size : 8pt;
                color : #333333;
	    }
	    
	    
	    /* error font class */
	    .font_error {
                font-style : ;
                font-weight : bold;
                font-size : 10pt;
                color : red;
	    }
	    		
	    
	    /* button class */
	    .buttonstyle {
                background-color: #82A7B9;
                border: 1px solid #555555;
                font-family: verdana,arial,sans-serif;
                font-size: 0.8em;
                color: #FFFFFF;
	    }	    
	    input.btnhov{ 
                border-color: #333333;
                  cursor:pointer;
	    }
	    
		
	    /* input field class */
	    .font_input {
                background-color: #EEEEEE;
                border: 1px solid #82A7B9;
                font-family: Verdana, Arial, Sans-Serif;
                font-size: 0.8em;
                color: #333333;
	    }


	    /* bespoke css IDs */
	    #lastview_tbl {
                /* last viewed products section css */
	    }
	    #lastview_hdr {
                /* last viewed products section header css */
	    }
	    #cart_tbl {
                /* small cart section css */
	    }
	    #cart_hdr {
                /* small cart section header css */
	    }
	    #srch_tbl {
                /* search section css */
	    }
	    #srch_hdr {
                /* search section header css */
	    }
	    #catMenu_tbl {
                /* category menu section css */
	    }
	    #catMenu_hdr {
                /* category menu section header css */
	    }
	    #top10_tbl {
                /* Top Sellers section css */
	    }
	    #top10_hdr {
                /* Top Sellers section header css */
	    }
	    #login_tbl {
                /* login section css */
	    }
	    #cat_hdr {
                /* product category header css */
	    }
	    #catprods_hdr {
                /* category product listings header css */
	    }
	    #catprods_tbl {
                /* category product listings table css */
	    }
	    #prod_tbl {
                /* product detail page css */
	    }
	    #item_Tbl {
                /* product detail page item layout css */
	    }
	    #shopcart_hdr {
                /* basket stage header css */
	    }
	    #shopcart_tbl {
                /* basket stage table css */
	    }
	    #summary_tbl {
                /* summary stage table css */
	    }
	    #sitemap_tbl {
                /* sitemap table css */
	    }
		


	    /* css menu example stylesheet */
	    ul.makeMenu, ul.makeMenu ul {
                width: 130px;                
                border: 1px solid #ffffff;      
                background-color: #ffffff;      
                padding-left: 0px;           
                cursor: default;             
                margin-left: 0px;            
	    }
	    ul.makeMenu li {
                list-style-type: none;       
                margin: 0px;                 
                position: relative;          
                color: #000000;                 
                border: 0px solid #000000; 
                background-color: #ffffff;     
	    }
	    ul.makeMenu li > ul {          
                display: none;               
                position: absolute;         
                top: 2px;                    
                left: 130px;   
	    }
	    ul.makeMenu li:hover, ul.makeMenu li.CSStoHighlight {
                background-color: #ff0000;      
                color: #000000;                 
	    }
	    ul.makeMenu ul.CSStoShow {     
                display: block;              
                background-color: #aa33cc;               
	    }
	    ul.makeMenu li:hover > ul {    
                display: block;              
	    }
	    ul.makeMenu li a { 
                color: #000000; 
                display: block; 
                width: 100%; 
                text-decoration: underline;
	    }
	    ul.makeMenu li a:hover, ul.makeMenu li a.CSStoHighLink { 
                color: #000000; 
	    }
	    ul.makeMenu li:hover > a { 
                color: #000000; 
	    }