﻿    html, body {
	    height: 100%;
	    font-family:Arial;
    }

body {
	padding: 0;
	margin: 0;
	background:#FFFFFF url('../Images/header_background.jpg');
}
	form 
	{
		height:100%;
	}
    img 
    {
    	border:0px;
    }
    .button_bar 
    {
        background-image:url('../Images/button-repeat.png');
    }
    .button-bar 
    {
    	border-color:Black;
    	border-top-width:1px;
    	border-bottom-width:1px;
    	border-top-style:solid;
    	border-bottom-style:solid;
    	vertical-align:middle;
    	position:relative;
    	top:10px;
    	text-shadow: 1px 1px 1px #FFF;
    }
    .button-bar hover 
    {
    }
    
    .area_header 
    {
        color:White;
        font-size:22px;
        font-weight:bold;
        padding:10px 0px 0px 10px;
        text-shadow: 2px 2px 2px #000;
    }
    
    div.container
    {
        position:absolute;
        filter:alpha(opacity=40);
        -moz-opacity:.40;
        opacity:.4;
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        background-color:#248aec;
        -o-box-shadow: 5px 5px 5px #000;
        -icab-box-shadow: 5px 5px 5px #000;
        -khtml-box-shadow: 5px 5px 5px #000;
        -moz-box-shadow: 5px 5px 5px #000;
        -webkit-box-shadow: 5px 5px 5px #000;
        box-shadow: 5px 5px 5px #000;
        padding: 5px 5px 5px 15px;
    }
    div.container_content
    {
        -moz-border-radius:10px;
        -webkit-border-radius:10px;
        position:absolute;
    }
    span.rawr 
    {
        vertical-align:middle;
        position:relative;
        top:8px;
        font-weight:bold;
    }
    a.topbutton 
    {
        display:block;
        width:131px;
        height:35px;
        text-decoration:none;
        background:url("../images/top-bar-buttons.png");
    }
    a.topbutton:hover
    {
        background-position: -131px 0;
        color:#fffc00;
        border-color:#fffc00;
        
    }
    
    a.signup 
    {
    	display:block;
    	width:127px;
    	height:128px;
    	text-decoration:none;
    	background:url("../Images/signup-buttons.png");
    }
    a.signup:hover 
    {
    	background-position: -127px 0;
    }
	a.signup:active 
	{
		background-position: -127 0;
	}
	

    
    a.photos 
    {
    	display:block;
    	width:150px;
    	height:25px;
    	text-decoration:none;
    	background:url("../Images/buttonset-photos.png");
    }
    a.photos:hover 
    {
    	background-position: -150px 0;
    }
	a.photos:active 
	{
		background-position: -300px 0;
	}
	
	a.albums 
    {
    	display:block;
    	width:150px;
    	height:25px;
    	text-decoration:none;
    	background:url("../Images/buttonset-albums.png");
    }
    a.albums:hover 
    {
    	background-position: -150px 0;
    }
	a.albums:active 
	{
		background-position: -300px 0;
	}
	
	a.products 
    {
    	display:block;
    	width:150px;
    	height:25px;
    	text-decoration:none;
    	background:url("../Images/buttonset-products.png");
    }
    a.products:hover 
    {
    	background-position: -150px 0;
    }
	a.products:active 
	{
		background-position: -300px 0;
	}
	a.cart 
    {
    	display:block;
    	width:150px;
    	height:25px;
    	text-decoration:none;
    	background:url("../Images/buttonset-cart.png");
    }
    a.cart:hover 
    {
    	background-position: -150px 0;
    }
	a.cart:active 
	{
		background-position: -300px 0;
	}
	a.logout 
    {
    	display:block;
    	width:150px;
    	height:25px;
    	text-decoration:none;
    	background:url("../Images/buttonset-logout.png");
    }
    a.logout:hover 
    {
    	background-position: -150px 0;
    }
	a.logout:active 
	{
		background-position: -300px 0;
	}
	a.footer
	{
		margin: 0px 8px 0px 8px;
		font-family: Arial;
		font-size: 8pt;
		vertical-align: middle;
		border: none;
		text-decoration: none;
		font-weight:bold;
	}

	a.footer:hover
	{
		color: Gray;
	}
	a 
	{
		color:Black;
		text-decoration:none;
	}
	a:hover
	{
		color:Gray;
	}
	.label_strong 
	{
		font-size:12px;
		
	}
	.button
	{
		position:relative;
		height:16px;
		width:auto;
		text-align:center;
		background-color: #333333;
		border: solid 1px #000000;
		text-decoration:none;
		overflow:hidden;
		cursor:hand;
		display: block;
		font-family:Arial;
		font-size:7.5pt;
		color: White;
		vertical-align: middle;
		margin:0;
		padding:0;
		z-index:99;	
	}
	.button a
	{
		position:relative;
		height:9px;
		width:auto;
		text-align:center;
		background-color: #333333;
		border: solid 1px #000000;
		text-decoration:none;
		overflow:hidden;
		cursor:hand;
		display: block;
		font-family:Arial;
		font-size: 7.5pt;
		color: White;
		margin:0;
		padding:0;		
	}

	.button a:hover
	{
		position:relative;
		height:9px;
		width:auto;
		text-align:center;
		background-color: #69c;
		border: solid 1px #333;
		text-decoration:none;
		overflow:hidden;
		font-family:Arial;
		font-size: 7.5pt;
		cursor:hand;
		margin:0;
		padding:0;
	}
	.photos_frame a
{
	height:12px;
	width:70px;
	text-align:center;
	background-color: #333333;
	border: solid 1px #000000;
	text-decoration:none;
	overflow:hidden;
	cursor:hand;
	display: block;
	font-family:Arial;
	font-size: x-small;
	color: White;
}

.photos_frame a:hover
{
	height:12px;
	width:70px;
	text-align:center;
	background-color: #69c;
	border: solid 1px #333;
	text-decoration:none;
	overflow:hidden;
	cursor:hand;	
}
.cart_row1 
{
	background-color:#5696A5;
	border:solid 1px black;
}
.cart_row2 
{
	background-color:White;
	color:Black;
}
.required 
{
	color:Red;
}

input 
{
}
input:focus
{
	background-color:Yellow;
}
hr 
{
	color:#467A89;
	height:1px;
	background-color:#467A89;
}


#layout 
{
	min-height:100%;
	margin:0 auto -96px;
	font-size:11px;
}
#header 
{
	min-width:1024px;
	margin-left:0%;
	width:100%;
	border:solid 0px black;
	border-bottom-width:0px;
	color:White;
	background-image:url('../Images/header_background.jpg');
}
#content 
{
	 min-width:1024px; 
	 color:Black;
	 margin-left:0%;
	 width:100%;
	 height:80%;
	 background:#FFFFFF url('../Images/background2.png');
}
    #silverlightControlHost {
	    height: 70%;
	    width:90%;
	    position:relative;
	    margin-left:5%;
	    text-align:center;
	    background-color:Gray;
    }
#ad_bar 
{
	min-width:1024px;
	text-align:center;
	margin-left:0%;
	background:black no-repeat left;
	width:100%;
	border:solid 1px black;
	border-bottom-width:0px;
}
#footer
{
	 min-width:1024px;
	 text-align:center;
	 font-size:11px;
	 margin-left:0%;
	 width:100%;
	 color:Black;
	 background-image:#FFFFFF;
}
#footer a 
{
	color:Black;
}
#footer a:hover 
{
	color:#DDDDDD;
}
#content a
{
	color:Black;
}
#content a:hover
{
	color:Black;
}
#content a:visited
{
	color:Black;
}
.em_content 
{
	color:#CCC;
	font-size: 7.5pt;
    font-style:italic;	
}
.title 
{
	font-size:16px;
	font-weight:bold;
}
.remove a:hover 
{
	text-decoration:none;
}
a.tooltip span 
{
	display: none;
	padding: 2px 3px;
	margin-left:8px;
	width:130px;
}
a.tooltip:hover span 
{
	display:inline;
	position:absolute;
	background:#ffffff;
	border:1px solid #cccccc;
	color:#6c6c6c;
	z-index:10;
	top:-45px;
}
.welcome_text 
{
	color:White;
	font-weight:bold;
}
#cart_text 
{
	color:Yellow;
	font-weight:bold;
}
#cart_text:hover
{
	color:Yellow;
	font-weight:bold;
	text-decoration:none;
}
