/* General text and background colors */
body{ 
 background: #BEBEBE;
 color: #000000;
}	 
/* General links colors */
a:link,
a:visited{
	color:#A1A5A9;
}	

/* FIRST SCREEN: ALBUMS ------------------------------------------------------------*/

#ScreenAlbums{ 
	background-color: #F7FBFF;
}
 
/* Logo Area*/
#Albums_logo{
	background-color: #F7FBFF;
}

/* Text Next to Logo*/
#Albums_topText{
	color: #000000;
}

/* Area containing albums list*/
#Albums_main{
	background-color: #bebebe;
}

/* Header text in area containing albums list*/
#Albums_mainHeader{
	color: #000000;
}
/* Subheader*/
#Albums_mainText{
	color: #000000;
}

/* Albums name text*/
.Albums_foldername{
	color: #000000;
}

/* Frames for albums list*/
div .Albums_imgFrame {
	background-color: #F7FBFF;
	border-color:#000000;
}

/* Top Left Corner in Area Containing Albums list*/
#Albums_mainTL{
	width: 12px;
	height: 12px;
	/* Rounded corners. If you don't want them remove next line*/
	/*background: url(images/main-tl.gif) 0 0 no-repeat;*/
}
/* Bottom Right Corner*/
#Albums_mainBR{
	width: 12px;
	height: 12px;
	margin-top: 38px;
	/* Rounded corners. If you don't want them remove next line*/
	background: url(images/main-br.gif) 100% 0 no-repeat;
}


/* BAR ON THE LEFT -------------------------------------------------------- */
/* Has two sections: Visible area and extended Area. Extended is the area visible on its left */
/* when the pictures are enlarged */

#ScreenBar{
	background-color: #BEBEBE;
	color: #000000;	
	border-right: #000000 solid 1px;
}

/* Bar Visible Area (Column containing logo, always visible)---------------------*/
#Bar_visibleArea{
	background-color: #BEBEBE;
	color: #000000;
}
/* "Add or Edit Quantity" Text*/
.Bar_visibleArea h2{
	color:#000000;
}

/* Logo */
#Bar_visibleArea_logo{
	/* Rounded corners. Remove next line if you don't want squared corners*/
	/*background: url(images/border-bl.gif) no-repeat bottom left;*/
}

/* Logo Color Area */
#Bar_visibleArea_logo{
	background-color: #bebebe;
	border-bottom: #000000 0px solid;
}


/* Prices table */
.Bar_visibleArea table{
	background-color: #F7FBFF;
	border-color: #000000;
}
/* Prices table caption*/
.Bar_visibleArea_tableHeader{
	background-color: #F7FBFF;
	color:#000000;
}

/* "Basket updated" green message above prices table*/
#Bar_visibleArea_basketUpdatedMsg{
	color: #E45A49;
}

/* Clear button below prices table */
#Bar_visibleArea_clearButton{
	color: #E45A49;
}

/* Navigation and buttons */
#Bar_visibleArea_navigation{
	/* Rounded corners. Remove next line if you don't want squared corners*/
	background:  url(images/border-tl.gif) no-repeat top left;
	
	background-color: #949494;
	border-top: #000000 0px solid;
}

/* Buttons Text Color on normal state*/
#Bar_visibleArea_navigation ul li a,
#Bar_visibleArea_navigation ul li a:visited  {
	color: #000000;	
}
/* Buttons Text Color on clic */
#Bar_visibleArea_navigation ul li a:hover{
	color:#000000;
}

/* Button colors on click */
#Bar_visibleArea_btnPreviousStep a:hover,
#Bar_visibleArea_btnNextStep a:hover,
#Bar_visibleArea_gallery a:hover{
	background-color: #F7FBFF;
}


/* Bar Extended Area (Area showing enlarged icons when the bar moves to right)---------------------*/


/* Navigation */
#Bar_extendedArea_navigation{
	/* Rounded corners. Use next line if you don't want squared corners*/
	background: url(images/border-tl.gif) no-repeat;
	
	background-color: #949494;
	border-top: #000000 0px solid;
}
/* Button text color */
#Bar_extendedArea_navigation ul li a{
	color:#000000;
}

/* Button text color on click */
#Bar_extendedArea_navigation ul li a:hover {
	color:#000000;
}
/* Button Background Color on click*/
#Bar_extendedArea_close a:hover{
	background-color: #F7FBFF;
}

#enlargedImage img{
	border: #000000 4px solid;
}

/* GALLERY SCREEN showing all pictures in selected album ---------------------------- */
/* Main background color */
#ScreenGallery{
	background-color:#F7FBFF;
}

/* Picture boxes colors*/
.Gallery_imageFrame{
	background-color: #F7FBFF;
	border-color: #F7FBFF;
}

/* Picture boxes color when mouse is over it*/
.Gallery_imageFrame-hover{
 background-color: #F7FBFF0;
 border-color: #000000;
}

/* BASKET SCREEN (showing items in basket and order form)-----------------------------*/
/* Deep background color */
#BasketArea{
	background-color:#F7FBFF;
}

/* Main background color (page look & feel)*/
#Basket_page{
	background-color: #bebebe;
	border: #000000 solid 1px;
}
/* Section headers, like "Prints" text */
.ScreenBasket h2{
	color:#000000;
}

/* Border color for pictures in basket */
.ScreenBasket .picture{
	border-color: #000000;
}

/* Picture references in basket (first line next to picture above order subtables) */
.Basket_productPreHeader{
	color: #000000;
}

/* Header for subtables (Description, Price, Qty. Cost)*/
.Basket_productHeader{
	background-color: #F7FBFF;
	color:#000000;
}

/* Clear Basket Button Color */
#BasketArea ul li a,
#BasketArea ul li a:hover {	
	color: #e45a49;
}


/* Order Form */
/* All Text Boxes in the basket form will have these colors */
.Basket_input,
.Basket_combo{
	border-color: #b6b3b3;
}

/* EXTRAS (Other elements) ------------------------------------------- */

/* TOOLTIPS appearing with the price discounts for instance.*/
/* Caption*/
.hovertip-caption{
	background: #F7FBFF;
	color: #000000;
	border-bottom: #000000 solid 1px;
}
/* Main Body */
.hovertip, .clicktip {
	background-color: #BEBEBE;
	border-color: #000000;
	color: #000000;
}


/* MESSAGE DIALOGS ------------------------------*/
/* Box colors*/
.dialogYesNo, .dialogError, .dialogYes{
	border-color:#000000;
	color: #F7FBFF;
	background-color: #bebebe;
}

/* Header colors*/
.dialogYesNo  h1, .dialogError h1, .dialogYes h1{
	color:#000000;
}
/* Main body text color*/
.dialogYesNo p, .dialogError p, .dialogYes p{
	color:#000000;
}


/* FORM SELECT BOXES --------------------------*/
/* Main colors*/
div.autocomplete {
  background-color: #ffffff;
  border-color:#CCCCCC;
}
/* Main Text Color*/
div.autocomplete ul {
	color: black;
}

/* Main colors for list items*/
div.comboOptions {
  background-color:#000000;
  border-color: #CCCCCC;
}
/* List selected item color */
div.autocomplete ul li.selected,
.lihover { 
  background-color: #EAF2FB;
}