﻿body {
	margin: 0; 
	padding: 1px 1px 1px 1px;
	font-family: arial;
	background:URL(images/layout/back.jpg) repeat-y;
	background-color:#B5B5B5;
	background-position:center center;
}
A:link {
color: #000080;
font-family:  Arial;
font-weight: normal;
text-decoration: none ;
}

A:active { 
color: #000080;
text-decoration: none;
}

A:visited {
color: #000080;
text-decoration: none ;
font-weight: normal;
}


A:hover {	
color:  #CF0000;
text-decoration: none;
}

A.navlink:link {color: #000000;
font-weight: bold}

A.navlink:visited {color: #000000;
font-weight: bold}

A.navlink:hover {color: #B00414;
font-weight: bold}

table.menu a 
{ 
width:125px;  
display: block; 
} 

.ValidationError {
 border: 2px solid red;
 color: red;
 margin: 5px 0px;
 padding: 15px;
 background: #fff url(images/assets/warning.png) no-repeat 5px 50%;
}

.ValidationError ul {
 margin: 0;
 padding: 0;
 margin-left: 100px;
 list-style: square;
 text-align: left;
}

div.menu a:link {
color: #333333; 
background: #000000; 
}

div.menu a:active { 
background: #AE1F24; 
}

div.menu a:visited {
background: #000000; 
}

div.menu a:hover {
background: #666666; 
}

div.menu a.current:link {
background: #AE1F24; 
}
div.menu a.current:visited {
background: #AE1F24; 
}
div.menu a.current:hover {
background: #AE1F24; 
}
div.menu a.current:active {
background: #AE1F24; 
}

.textbox
{
	font-family:Arial;
	color: #000000; 
	border: 1px solid #000000; 
	background-color: #F2F2F2;
	padding-left:5px;
	padding-right:5px;
}


.lW { float: left; clear: left; height: 17px;}
.rW { float: right; clear: right; height: 17px;}

.navigation{
padding:0;
width:100%;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.navtop{
width:800px;
height:20px;
margin-right:auto;
margin-left:auto;
padding-bottom:5px;
padding-top:5px;
padding-right:5px;
padding-left:5px;
font-size:15px;
font-weight:bold;
text-align:center;
font-family:arial;
color:#CC0000;
}

.navbottom{
width:601px;
margin-right:auto;
margin-left:auto;
text-align:center;
padding-left:1px;
padding-right:1px;
padding-top:1px;
padding-bottom:4px;
}

.content{
padding:1px 1px 20px 1px;
width:100%;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.login{
padding:1px 10px 1px 10px;
width:800px;
margin-right:auto;
margin-left:auto;
text-align:right;
font-size:10px;

}

.footer
{
clear: both;
padding:2px 5px 2px 5px;
height:auto;
width:900px;
margin-right:auto;
margin-left:auto;
text-align:center;
font-size:8pt;
border-top: outset 1px;
}

.header{
background:URL(images/assets/headerback.png) no-repeat;
background-position:center center;
margin-right:auto;
margin-left:auto;
text-align:center;
}

.verticalspacer{
width:100%;
margin-right:auto;
margin-left:auto;
}

.navlinks{

padding-left:30px;
padding-right:30px;
height:13px;
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top right;
display: block;
margin: 0; 
margin-bottom:0px;
}

.navlinks img {border: 0; }
* html a:hover {visibility:visible}
.navlinks a:hover img{visibility:hidden;cursor: pointer;}

.verticalspacer {
	width:100%;
	height:15px;
}

#dropdown {
	color: #000000;
	border: 2px solid #000000; 
	padding-left: 4px; 
	padding-right: 4px; 
	padding-top: 1px; 
	padding-bottom: 1px; 
	background-color: #EFEFEF;
}

.list2 {
border: 1px solid #000000;
list-style-type: none;
margin: 0px;
background-color: #EFEFEF;
text-align: left;
font-size:small;
vertical-align:middle;
color: black;
}

ul.list2 li {
padding: 0px 0px;
}

.listitem2 {
color: #000;
}

.hoverlistitem2 {
background-color: #CC0000;
cursor: pointer;
}

.roundedcontentbox{
text-align:center;
width:776px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
margin-bottom:10px;
padding:10px;
}
/*#################################################### ~CUSTOMIZATION BOX #######################################*/
.customizationcontainer{
padding-top:2px;
padding-bottom:2px;
background-image:URL(images/productwindows/SideBar_Middle.png);
background-repeat:repeat-y;
background-position:left center;
width: 190px; 
height: 12px; 
float: right;
}
/*#################################################### ~ORDER LIST #######################################*/
.groupcontainer
{
	width:259px;
	float:right;
	background-color:#FFFFFF;
}

.groupcontainerchosen
{
	width:259px;
	float:right;
	background-color:#EAEAEA;
	border-color:#000000;
	border-width:thin;
	border-style:solid;
}

.groupnamecontainer
{
	width:165px;
	float:left;
	text-align:left;
	font-size:10pt;
	overflow:hidden;
	white-space:nowrap;
	padding-left:10px;
}
.shootdatecontainer
{
	width:70px;
	float:left;
	text-align:left;
	font-size:8pt;
	padding-left:5px;
}

.previewcolumn
{
	width:280px;
	float:left;
	text-align:center;
}

.photoholder
{
	width:90px;
	height:148px;
	text-align:center;
	float:left;
	font-size:7pt;
}

/*#################################################### ~PRODUCTS #######################################*/
.productsearchcontainer{
padding-top:2px;
padding-bottom:2px;
background-image:URL(images/productwindows/SideBar_Middle.png);
background-repeat:repeat-y;
background-position:left center;
width: 190px; 
height: 12px; 
float: right;
}
.productsubbottomcontainer{width:190px;}
.productsubbottomcontainer1{
height:9px;
width:14px;
float:left;
background:URL(images/productwindows/SideBar_Bottom.png) no-repeat;
}
.productsubbottomcontainer2{
height:9px;
width:176px;
float:left;
border-color:#000;border-bottom:2px solid;
}

.productsubtopcontainer{width:190px;}
.productsubtopcontainer1{
height:9px;
width:14px;
float:left;
background:URL(images/productwindows/SideBar_Top.png) no-repeat;
}
.productsubtopcontainer2{
height:9px;
width:176px;
float:left;
border-color:#000;border-top:2px solid;
}

/* Buttons */

.ProductCatButtons {
width:80px;
height:19px;
cursor:hand;
background-image:url(images/buttons/prodcatbuttonback.png);
background-repeat:no-repeat;
font: bold 64% 'trebuchet ms',helvetica,sans-serif;   
}

.ProductCatButtons-old {
width:80px;
color:#FFFFFF;
cursor:hand; 
font-family:Arial;
font-weight:bold;
font-size:12px;
background-color:#CC0000;   
border: 1px solid;   
border-color: #696 #363 #363 #696;   
filter:progid:DXImageTransform.Microsoft.Gradient   
(GradientType=0,StartColorStr='#CC0000',EndColorStr='#000000');  
}

.prodcont{
margin-top:5px;
margin-bottom:5px;
width:600px;
height:150px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-bottom:5px;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
background-color:#FFFFFF;
}

.prodChoosercont
{
text-align:left;
margin-top:5px;
margin-bottom:5px;
width:595px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
padding-left:5px;
padding-bottom:5px;
border-width:1px;
border-color:#CCCCCC;
border-style:solid;
background-color:#FFFFFF;
}

.prodpic{float:left;width:220px;height:150px;text-align:center;}
.prodname{float:right;width:355px;text-align:center;padding:10px;}
.proddesc{float:right;width:355px;text-align:center;padding:10px;}


.subprodcont{
float:left;
padding-top:2px;
padding-bottom:2px;
background-image:URL(images/productwindows/SideBar_Middle.png);
background-repeat:repeat-y;
background-position:left center;
width: 190px;
height: 52px;
display: block;
}

.subprodcontchosen{
float:left;
padding-top:2px;
padding-bottom:2px;
width: 190px;
height: 52px;
display: block;
background-color:#CCCCCC;
background-image:URL(images/productwindows/SideBar_Middle.png);
background-repeat:repeat-y;
background-position:left center;
display: block;
}

.subprodpic{width: 47px; float:left;padding:5px;margin-left:15px;}
.subproddesc{width: 107px; float:right;padding:4px;font-size:10px;}


/*####################################################################################################*/


/*#################################################### ~PROFILE LIST #######################################*/
.profilecontainer{
padding-top:2px;
padding-bottom:2px;
background-image:URL(images/productwindows/SideBar_Middle.png);
background-repeat:repeat-y;
background-position:left center;
width: 190px; 
height: 12px; 
float: right;
}
.profilesubcontainer{width:190px;}
.profilesubbottomcontainer1{
height:9px;
width:14px;
float:left;
background:URL(images/productwindows/SideBar_Bottom.png) no-repeat;
}
.profilesubbottomcontainer2{
height:9px;
width:176px;
float:left;
border-color:#000;border-bottom:2px solid;
}

.profilesubtopcontainer{width:190px;}
.profilesubtopcontainer1{
height:9px;
width:14px;
float:left;
background:URL(images/productwindows/SideBar_Top.png) no-repeat;
}
.productsubtopcontainer2{
height:9px;
width:176px;
float:left;
border-color:#000;border-top:2px solid;
}



/* ################ Customization Styles ############################# */

.divcustomLabel 
{
	width:100px;
	padding:5px;
	float:left;
}

.divcustomTextBox 
{
	width:150px;
	padding:5px;
	float:right;
}

.divcustomRow
{
	width:280px;
}


/* ################ End Customization Styles ############################# */

/* ##################################################### ~Navigation ################################### */
/* ######### CSS for top level tabs ######### */

.tabsmenuclass ul{
overflow: hidden;
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenuclass li{
float: left;
width:100px;
}

.tabsmenuclass a{
display: block;
padding: 5px 7px;
background: #FFFFFF;
color: black;
margin-right: 1px;
text-decoration: none;
font: bold 17px Arial;

}

.tabsmenuclass a:hover, .tabsmenuclass a.selected{
background: #FFFFFF;
color: Black;
}

/* ######### CSS for sub menu container below ######### */

.tabsmenucontentclass{
clear: left;
background: #FFFFFF;
text-align: center;
width: 90%;
height: 24px;
padding: 5px;
border: 0;
}

.tabsmenucontentclass ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.tabsmenucontentclass li{

text-align:center;
margin-right: 1em;
}

/* ################################################## END TOP NAV ######################################## */

 #UpdateProgress1 {
   background-color:#CF4342;
   color:#fff;
   top:0px;
   right:0px;
   position:fixed;
 }

#UpdateProgress1 img {
   vertical-align:middle;
   margin:2px;
 }
 
 
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	/*
	background-color:#EEEEEE;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
*/
}

