
/*IE PNG Fix*/

/*Page Layout*/
body
{
	margin:0;
	padding:0;
	z-index:5;
	position:relative;
	background:#ff0000;
	background-image:url('http://www.ellisbriggscycles.co.uk/customframebuilding/images/ebback.png');
	height:100%;
}

#lightbox_back
{
	margin:0;
	padding:0;
	z-index:1999;
	position:relative;
	background: url('http://customframebuilding.ellisbriggscycles.co.uk/images/darken.png') repeat;
}

#lightbox
{
	position:absolute;	
    	top: 100px;
	width: 100%;
	z-index:2000;
}

img.lightbox
{
	display: block;
    	margin-left: auto;
    	margin-right: auto;
}

#lightbox_bott
{
	width: 500px;
	display: block;
    	margin-left: auto;
    	margin-right: auto;
	background:#ffffff;
}

#lightbox_caption
{
	width: 400px;
	height: 30px;
	background:#ffffff;
	font-size: 16px;
	Margin: 0px 0px 0px 0px;
	Padding: 0px 0px 0px 0px;	
	float: left;
	display: block;
	text-align: left;
}

#lightbox_link
{
	width: 100px;
	height: 30px;
	background:#ffffff;	
	float: right;
	display: block;
	text-align: right;
}

#wrapper
{
	width: 800px;
	padding:0 0px;
	margin:0 auto;
	background:#FFFFFF;
        overflow: hidden;
	border-left:8px solid #b60000;
	border-right:8px solid #b60000;
	z-index:1;
	position:relative;
}

#site_browser
	{		
    		margin: 0px 0px 0px 0px;
    		padding: 0px 0px 0px 0px;
		background:#FF0000;
		height:38px;
		width:800px;
	}

#header
	{		
    		margin: 0px 0px 0px 0px;
    		padding: 0px 0px 0px 0px;
		clear:both;
		background:#FFFFFF;
	    	background-image:url('http://customframebuilding.ellisbriggscycles.co.uk/images/touring_bikes.jpg');
		height:199px;
		width:800px;
	}

		#header_col_1
		{
		    	float: left;
		    	width: 200px;
			height:199px;
	    		background-image:url('http://customframebuilding.ellisbriggscycles.co.uk/images/trans.png');
		}

		#header_col_2
		{
		    	float: right;
			height:199px;
		}

			#header_col_2_top
			{
				height:70px;				
			}
			
				#tabnav
					{
						height: 20px;
						margin: 0;
						padding-left: 10px;
					}

				#tabnav li
					{
						margin: 0; 
						padding: 0;
				  		display: inline;
				  		list-style-type: none;
				  	}
	
				#tabnav a:link, #tabnav a:visited
					{
						float: left;
						background: #b00000;
						font-size: 10px;
						line-height: 14px;
						font-weight: bold;
						padding: 2px 10px 2px 10px;
						margin-right: 4px;
						border: 1px solid #b00000;
						text-decoration: none;
						color: #202020;
					}

				#tabnav a:link.active, #tabnav a:visited.active
					{
						border-top: 1px solid #ff0000;
						background: #ff0000;
						color: #000000;
					}

				#tabnav a:hover
					{
					text-decoration: underline;
					background: #ff0000;
					color: #000000;
					}
			
			#header_col_2_bott
			{	
				height:93px;
			}

		#header_bott
		{
		    clear: both;
		}
			#menu  
				{
				float:left;
				width:100%;
				background:transparent;
				font-size:11px;
				line-height:normal;
				}
  
			#menu  ul 
				{
				position: absolute;
				right: 0px;
				top: 210px;
				margin: 0;
				padding:0px 10px 0;
				list-style:none;
				}
				
			#menu  ul ul
				{
				display: none;
				}
  
			#menu  ul li 
				{
				float:left;
				background:url('http://customframebuilding.ellisbriggscycles.co.uk/images/left.gif') no-repeat left top;
				margin:0;
				padding:0 0 0 9px;
        			border-bottom:1px solid #515151;
				}
				
			#menu  ul li ul li 
				{
				float:none;
				margin:0;
				padding:0 0 0 9px;
        			border-bottom: none;
				}
				
			#menu  ul li:hover > ul
				{
				display: block;
				position: absolute;
				background: #ffffff;
				border: 1px solid #000000;
				/* background:url('http://customframebuilding.ellisbriggscycles.co.uk/images/trans.png') repeat; */
				padding:0 0 0 0px;
				top: 210px;
				}
  
			#menu  a:link
				{
				Color: #000000;
				Font-Family: Verdana, Lucida, Sans-Serif;
				Font-Size: 14px;
			  	float:left;
			  	display:block;
			  	background:url('http://customframebuilding.ellisbriggscycles.co.uk/images/right.gif') no-repeat right top;
			  	padding:5px 15px 4px 3px;
			  	text-decoration:none;
			  	font-weight:bold;
				}
  
			#menu  a:visited
				{
				Color: #000000;
				Font-Family: Verdana, Lucida, Sans-Serif;
				Font-Size: 14px;
			  	float:left;
			  	display:block;
			  	background:url('http://customframebuilding.ellisbriggscycles.co.uk/images/right.gif') no-repeat right top;
			  	padding:5px 15px 4px 3px;
			  	text-decoration:none;
			  	font-weight:bold;
				}

			#menu  a:hover 
				{
				color:#000000;
			  	text-decoration:underline;
				}
				
			#menu  a:link.sub_menu
				{
				Color: #000000;
				Font-Family: Verdana, Lucida, Sans-Serif;
				Font-Size: 14px;
			  	float:left;
			  	display:block;
				background: none;
			  	padding:5px 15px 4px 3px;
			  	text-decoration:none;
			  	font-weight:bold;
				}
  
			#menu  a:visited.sub_menu
				{
				Color: #000000;
				Font-Family: Verdana, Lucida, Sans-Serif;
				Font-Size: 14px;
			  	float:left;
			  	display:block;			  	
			  	padding:5px 15px 4px 3px;
				background: none;
			  	text-decoration:none;
			  	font-weight:bold;
				}

			#menu  a:hover.sub_menu 
				{
				color:#000000;
			  	text-decoration:underline;
				}
  
			#menu  #current 
				{
				background-image:url('http://customframebuilding.ellisbriggscycles.co.uk/images/left_on.gif');
        			border-bottom:1px solid white;
				}
  
			#menu #current a 
				{
				background-image:url('http://customframebuilding.ellisbriggscycles.co.uk/images/right_on.gif');
				}
  
			#menu #current a.sub_menu
				{
				background-image: none;
				}

	#content
	{
		clear:both;
		padding-bottom: 0px;
        	overflow: hidden;
		width:800px;
		background:#FFFFFF;
	}

	#footer
	{
		clear:both;
		background:#808080;
        	border-top:2px solid black;
		height:100%;
		width:800px;
	}

A.sub_menu_current
{
Text-Decoration: none;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

/* Info Display Options */

div.col_right
{
    float: right;
    width:250px;    
    border-left: solid 1px #000000;
    padding-left: 5px;
    margin-left: 5px;
}

div.col_left
{
    float: left;
    width:525px;
}

div.col_left2
{
    float: left;
    width: 195px;  
    background: #c0c0c0;
    padding-right: 5px;
    padding-bottom: 10px;  
    padding-top: 10px;    
    margin-right: 5px;
    margin-bottom: 0px;
}



div.mid_col
{
    border-left: solid 200px #c0c0c0;
    margin-right: 250px;   
    padding-bottom: 10px;    
    margin-bottom: 0px;
}

div.mid_col2
{
    border-left: solid 200px #c0c0c0;   
    padding-bottom: 10px;
    margin-bottom: 0px;
}

div.right_col
{
    float: right;
    width: 350px;
}


div.text_col_left
{
    float: left;
    width: 400px;
}

div.text_col_right
{
    float: right;
    width: 400px;
}

div.info_box
{
    Border: solid 5px #D7D5D5;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

div.pics
{
    width: 310px;
    float: right;
    Border: solid 4px #eeeeee;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}



div.info_box2
{
    background:#EEEEEE;
    margin: 5px 5px 5px 5px;
    padding: 5px 5px 5px 5px;
}

div.divider
{
    clear:both;
}

div.left
{
    clear:left;
}

div.clear
{
    clear:both;
}

div.right
{
    clear:right;
}

/* Images */

IMG
{
    margin: 5px 5px 5px 5px;
    padding: 0px 0px 0px 0px;
	Border: 0px;
}

IMG.logo
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

IMG.logo_main
{
    margin: 10px 38px 0px 38px;
    padding: 0px 0px 0px 0px;
}

IMG.inline
{
    display:inline;
}

IMG.border_grey
{
    display:inline;
    Border: solid 5px #c0c0c0;
}

IMG.float_left
{
    Float: left;
}

IMG.float_right
{
    Float: right;
}

/* Links */

a:link
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Decoration:underline;
Border: 0px;
}

a:visited
{
Color: black;
Text-Decoration:underline;
Border: 0px;
}

a:hover
{
Color: black;
Text-Decoration:none;
Border: 0px;
}

a:active
{
Color: black;
Text-Decoration:none;
Border: 0px;
}

a:link.current
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Decoration:none;
Border: 0px;
}

a:visited.current
{
Color: black;
Text-Decoration:none;
Border: 0px;
}

a:hover.current
{
Color: black;
Text-Decoration:underline;
Border: 0px;
}

a:active.current
{
Color: black;
Text-Decoration:none;
Border: 0px;
}

a:link.siteselector
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 16px;
Text-Decoration:underline;
}

a:visited.siteselector
{
Color: black;
Text-Decoration:underline;
}

a:hover.siteselector
{
Color: black;
Text-Decoration:none;
}

a:active.siteselector
{
Color: black;
Text-Decoration:none;
}

a:link.credits
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 10px;
Text-Decoration:none;
Text-Align: center;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

a:visited.credits
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 10px;
Text-Decoration:none;
Text-Align: center;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

a:hover.credits
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 10px;
Text-Decoration:underline;
Text-Align: center;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

a:active.credits
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 10px;
Text-Decoration:none;
Text-Align: center;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

a.page_nav
{
Color: black;
Font-Style: Italic;
Font-Family: Verdana, Lucida, Sans-Serif;
Margin-Left: 10px;
Font-Size: 10px;
}

a.blog
{
Color: #c0c0c0;
width: 230px;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 14px;
Text-Decoration:underline;
Margin: 10px 10px 10px 10px;
Padding: 0px 10px 0px 10px;
}

a:link.blog
{
Color: black;
Text-Decoration:underline;
}

a:visited.blog
{
Color: black;
Text-Decoration:underline;
}

a:hover.blog
{
Color: #808080;
Text-Decoration:none;
}

a:active.blog
{
Text-Decoration:none;
}

/* Text Formatting css */

H1
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Weight: Bold;
Font-Size: 24px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

H2
{
Color: #808080;
Font-Family: Georgia, Times, Serif;
Font-Style: italic;
Font-Size: 16px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

H3
{
Color: #808080;
Font-Family: Georgia, Times, Serif;
Font-Style: italic;
Font-Size: 16px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

H4
{
Color: #808080;
Font-Family: Georgia, Times, Serif;
Font-Style: italic;
Font-Size: 16px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

H5
{
Color: #808080;
Font-Family: Georgia, Times, Serif;
Font-Style: italic;
Font-Size: 16px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

H6
{
Color: #808080;
Font-Family: Georgia, Times, Serif;
Font-Style: italic;
Font-Size: 16px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

P
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

P.site_selector
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Weight: Bold;
Font-Size: 20px;
Text-Align: left;
Vertical-Align: top;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

P.tweets
{
Width: 230px;
Color: #808080;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Font-Style: italic;
Text-Align: left;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

P.right
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Align: right;
Vertical-Align: top;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

P.credits
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 10px;
Text-Align: center;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

P.slogan
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 10px;
Text-Align: left;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

Address
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 10px;
Text-Align: center;
Vertical-Align: bottom;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

Address.contact
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Align: left;
Vertical-Align: bottom;
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

LI.inline
{
display: inline;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

LI
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Align: left;
Vertical-Align: top;
Margin: 0px 0px 0px 0px;
Padding: 0px 0px 0px 0px;
}

LI.margin
{
margin-left: 50px;
}

TABLE
{
Margin: 10px 10px 10px 10px;
Padding: 0px 0px 0px 0px;
}

TD
{
Color: black;
Border: solid 2px #c0c0c0;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 12px;
Font-Weight: Bold;
Text-Align: left;
Vertical-Align: top;
Margin: 5px 5px 5px 5px;
Padding: 0px 0px 0px 0px;
}

TD.title
{
Color: black;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 16px;
Font-Weight: Bold;
Text-Align: left;
Vertical-Align: top;
Margin: 5px 5px 5px 5px;
Padding: 0px 0px 0px 0px;
}

TD.heading
{
Color: black;
Border: solid 2px #c0c0c0;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Font-Weight: Bold;
Text-Align: left;
Vertical-Align: top;
Margin: 5px 5px 5px 5px;
Padding: 0px 0px 0px 0px;
}

TD.desc
{
Color: black;
Border: solid 2px #c0c0c0;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Style: Italic;
Font-Size: 12px;
Text-Align: left;
Vertical-Align: top;
Margin: 5px 5px 5px 5px;
Padding: 0px 0px 0px 0px;
}

TD.price
{
Color: black;
Border: solid 2px #c0c0c0;
Font-Family: Verdana, Lucida, Sans-Serif;
Font-Size: 14px;
Text-Align: right;
Vertical-Align: bottom;
Margin: 5px 5px 5px 5px;
Padding: 0px 0px 0px 0px;
}

/* bikes page */
#design
{
	display: block;
}

