/* ******************Buttons****************** */
.button_update
{
	background-image: url(button_update.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_login
{
	background-image: url(button_login.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_view
{
	background-image: url(button_view.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_delete
{
	background-image: url(button_delete.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_add
{
	background-image: url(button_add.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_addbasket
{
	background-image: url(button_addbasket.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_addproduct
{
	background-image: url(button_addproduct.gif);
	background-repeat:no-repeat;
	border:0px;
	width: 97px;
	height: 15px;
}
.button_basket
{
	background-image: url(button_basket.gif);
	background-repeat:no-repeat;
	border:0px;
	width: 97px;
	height: 15px;
}
.button_checkout
{
	background-image: url(button_checkout.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_design
{
	background-image: url(button_design.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_edit
{
	background-image: url(button_edit.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_finished
{
	background-image: url(button_finished.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_login
{
	background-image: url(button_login.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_search
{
	background-image: url(button_search.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_showall
{
	background-image: url(button_showall.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_submitorder
{
	background-image: url(button_submitorder.gif);
	background-repeat:no-repeat;
	width: 97px;
	height: 15px;
	border:0px;
}
.button_submit
{
	background-image: url(button_submit.gif);
	background-repeat:no-repeat;
	border:0px;
}
.button_vieworders
{
	background-image: url(button_vieworders.gif);
	background-repeat:no-repeat;
	border:0px;
}
.footerlogo
{
	background-image: url(footerlogo.gif);
	background-repeat:no-repeat;
	width: 173px;
	height: 54px;
	border:0px;
}
.image_header
{
	background-image: url(header.jpg);
	background-repeat:no-repeat;
	width: 780px;
	height: 350px;
	border:0px;
}

.image_footer
{
	background-image: url(footer.jpg);
	background-repeat:no-repeat;
	width: 780px;
	height:105px;
	border:0px;
}

/* ******************Navigation****************** */
#navigation h1 {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}



#navigation ul {
	margin:0px;
	margin-bottom: 20px;
	padding: 0px;
	list-style: none;
	width: 100%; /* Width of Menu Items */
	border-top: 1px solid #6F6F6F;
	border-bottom: 1px solid #6F6F6F;
}
	
#navigation ul li {
	position: relative;
	text-align:right;
	padding: 1px;

}

#navigation ul li a {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:none;
	font-size: 12px;
	color:#a7a9ac;
	display: block;
}


#navigation ul li ul li a {
	padding: 3px;
	color:#a7a9ac;
}
#navigation ul li ul li a:hover {
	
	color:#FFFFFF;
	background-color:#666666;
}

#navigation ul li a:hover, #navigation ul li a:active {
	color:#FFFFFF;
	background-color:#666666;
}

/*Sets color of 1st tier when mouseover 2nd tier*/
#navigation ul li:hover, #navigation ul li.over {
	color:#FFFFFF;
	background-color:#666666;
}

#navigation ul li ul {
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: -5px;
	display: none;
	width: 150px;
	border:0px;
}

#navigation ul li ul li ul{
	position: absolute;
	left: 149px; /* Set 1px less than menu width */
	top: -1px;
	display: none;
	width: 150px;
	border:0px;
}

#navigation ul li ul li {
	position: relative;
	text-align:left;
	background-color:#353535;
	border: 1px solid #6F6F6F;
	margin-bottom:0px;
	margin-top: 0px;
}


/* The magic */
/*Tier 2*/
#navigation ul li:hover ul, #navigation ul li.over ul { /* li.over ul for IE */
	display: block; 
} 

/*Tier 3*/
#navigation ul li ul li ul li{
	display: none;
}

#navigation ul li ul li:hover ul li, #navigation ul li ul li.over ul li
{	
	display:block;
}

	
/* Holly Hack. IE Requirement \*/
* html #navigation ul li { float: left; height: 1%; }
* html #navigation ul li a { height: 1%; }
/* End */



/* ******************Content****************** */
body{
	background-color:#000000;
	background-image: url(background2.gif);
	margin-top: 35px;
}

#holder {
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	border: 1px solid #6F6F6F;
}

#pad {
	padding: 5px;
	background-color: #000000;
}


#navigation 
{
	border: 1px solid #565656;
	background-color:#000000;
	width:150px;
	margin: 5px 5px 5px 0px;
	padding:10px;
	float:left;
	z-index:2;
}

#content {
	border: 1px solid #565656;
	width: 600px;
	margin: 5px 0px 5px 0px;
	float:left;
	z-index:1;
}

#header {
	clear:left;
	padding: 0px;
	border: 1px solid #565656;
}

#footer
{
	clear:left;
	padding: 0px;
	height: 105px;
	border: 1px solid #565656;
}

#admin_toolbar
{
	position:relative;
	width: 790px;
	margin-right: auto;
	margin-left: auto;
	z-index:10;
}

#admin-holder 
{
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	border: 1px solid #6F6F6F;
}

.basket_position{
	position: absolute; 
	margin-top: 325px; 
	margin-left: 670px; 
	float:right;
}

.search_position{
	position: absolute; 
	margin-left: 5px; 
	margin-top: 320px;
}



/* ******************Main Styles****************** */
img{
	border: 0px;
}

.thumbnail{
	width: 50px;
	height: 50px;
}

#gallery img{
	border: 0px;
	padding:10px;
}


#footer img{
	border: 1px solid #565656;
}

.copyright
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#ECECEC;
	letter-spacing: 0px;
	margin:10px;
	padding:0px;
	font-weight:lighter;
	text-align:center;
}

#usercontrol_properties
{
	display:none;
	padding: 5px;
	border: 1px solid #565656;
	width: 250px;
	background-color: #2F2F2F;
	z-index:10px; 
	position:absolute; 
	margin-left: 348px; 
	margin-top:24px;
	
}

#usercontrol{
	padding: 5px;
}

#usercontrol a:hover{
	color:#FFFFFF;
}

#usercontrol a, #product a:visited{
	color:#ECECEC;
}

#usercontrol h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
}
#usercontrol h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}
#usercontrol h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin:0px;
	padding:0px;
	text-transform:uppercase;
}
#usercontrol h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}

#usercontrol h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
	text-transform:uppercase;
}

#usercontrol h6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	letter-spacing: 0px;
	margin:0px;
	padding:0px;
	font-weight:lighter;
}




#usercontrol #title{
	background-color:#2F2F2F;
	padding:10px;
	margin:0px;
	height: 15px;
	
}
#usercontrol #bar{
	height: 9px;
	background-color:#EAEBFF;
	background-image:url(tabletr2b.gif);
	background-repeat: repeat-x;
	font-size:0px;
}

#usercontrol #main_content {
	background-image:url(tabletr3a.gif);
	background-repeat: repeat-x;
	vertical-align:top;	
	font-size: 10px;
}

#usercontrol #main_content ul {
	padding:0px;
	width: 200px;
	margin: 20px;
	list-style-type:none;
}
	
#usercontrol #main_content ul li {
	position: relative;
	text-align:left;
	background-color:#353535;
	border: 1px solid #6F6F6F;
	padding: 3px;
	margin-bottom:0px;
	margin-top: 0px;

}

#usercontrol #main_content ul li a {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:none;
	font-size: 12px;
	width: 200px;
	color:#A7A9AC;
	display: block;
}

#usercontrol #main_content ul li a:hover, #usercontrol #main_content a:active {
	color:#FFFFFF;
	
}

#usercontrol #main_content ul li:hover, #usercontrol #main_content ul li.over {
	color:#FFFFFF;
	background-color:#666666;
}

.dgheader{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#FFFFFF;
	letter-spacing: 0px;
	text-transform:uppercase;
	background-color: #565656;
}

.dgheader td{
	padding:5px;
}

#usercontrol #main_content .productsdataGrid{
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #565656;
	border-collapse: separate;
	border-spacing:5px;

}

#usercontrol #main_content .productsdataGrid td{
	border: 1px solid #565656;
}


#usercontrol #main_content .productsdataGrid a,#usercontrol #main_content .productsdataGrid a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	letter-spacing: 0px;
	text-transform:uppercase;
}

#usercontrol #main_content .productsdataGrid a:hover {
	color:#565656;

}

#usercontrol #main_content #gallery{
	
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;

}

#usercontrol #main_content #gallery td{
	padding: 10px;
	margin: 10px;
	margin-left:auto;
	margin-right:auto;
	background-color: #2A2A2A;
	border: 1px solid #565656;
}

#usercontrol #main_content #image{
	padding: 10px;
	margin: 10px;
	margin-left:auto;
	margin-right:auto;
	background-color: #2A2A2A;
	border: 1px solid #565656;
	text-align: center;	
}

#usercontrol #main_content #image .mainimage
{
	width: 550px;
}


#usercontrol #main_content #options{
	padding: 10px;
	margin: 10px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #565656;
	background-color: #2F2F2F;
	text-align: center;
	
}

#usercontrol #main_content .optionsDataGrid
{
	border: 0px;
	border-spacing: 5px;

}

#usercontrol #main_content .optionsDataGrid td
{
	border: 1px solid #565656;
	background-color: #2A2A2A;
	margin:0px;
	padding:10px;
}

#usercontrol #main_content .galleryDataGrid
{
	border: 1px solid #565656;
	border-collapse: separate;
	border-spacing:5px;
	background-color: #000000;
}
#usercontrol #main_content .galleryDataGrid td
{
	border: 1px solid #565656;
	background-color: #2A2A2A;
	height: 150px;
	vertical-align: middle;
}

#usercontrol #main_content .galleryDataList{
	
	border: 1px solid #565656;
	border-collapse: separate;
	border-spacing:5px;

}

#usercontrol #main_content .galleryDataList img
{
	border: 1px solid #565656;
	padding:10px;
	background-color: #000000;
}


#usercontrol #main_content .galleryDataList td{
	border: 1px solid #565656;
	background-color: #2A2A2A;
	vertical-align: top;
	padding:5px;
	width: 300px;
	
}

#form .input
{
	border: 1px solid #565656;
	background-color: #444444; 
	
	height: 20px;
	width: 150px;
	
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:none;
	font-size: 12px;
	color:#a7a9ac;
	
}

#form .textbox
{
	border: 1px solid #565656;
	background-color: #2F2F2F; 
	margin: 0px;
	
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:none;
	font-size: 12px;
	color:#FFFFFF;
}

#form .radio
{
	
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	text-decoration:none;
	font-size: 12px;
	color:#FFFFFF;
	
}

#form .form_outer
{
	border: 1px solid #565656;
	background-color: #000000; 
	margin-left:auto;
	margin-right:auto;
}

#form .form_inner
{
	border-collapse: collapse;
	border-spacing:0px;
	background-color: #000000;
	width: 100%;
}

#form .form_inner td
{
	border: 1px solid #565656;
	padding:10px;
	vertical-align: top;

}

#form .imagesdatagrid
{
	margin: 10px;
	width:300px;
	border: 0px;
	border-collapse: separate;
	border-spacing:5px;
}
#form .imagesdatagrid td
{
	border: 1px solid #565656;
	background-color: #000000;
	vertical-align:top;
}

#form .variationsDataGrid
{
	margin: 10px;
	border: 0px;
	border-collapse: separate;
	border-spacing:5px;
}
#form .variationsDataGrid td
{
	border: 1px solid #565656;
	background-color: #000000;
	vertical-align:top;
}

#form .menuEditDataGrid{
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #565656;
	border-collapse: separate;
	border-spacing:5px;
	background-color: #000000;

}

#form .menuEditDataGrid td{
	border: 1px solid #565656;
}


#form .menuEditDataGrid a,#form .menuEditDataGrid a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	letter-spacing: 0px;
	text-transform:uppercase;

}

#form .menuEditDataGrid a:hover {
	color:#565656;
}