/* General text and background colors */
body{ 
 background: #00C8B4;
 color: #FFFFFF;
 font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}	 
/* General links colors */
a:link,
a:visited{
	color:#A1A5A9;
}	

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

#ScreenAlbums{ 
	background-color: #00C8B4;
}

	#ScreenAlbums #AlbumsArea {
		background:white;
		-moz-border-radius:10px; -webkit-border-radius:10px;
	}
		#AlbumsArea table {
			margin:0 28px 0 0;
			display:table;
			border:collapse;
		}
		
			#AlbumsArea  table td {			
				vertical-align: top;
			}
 
/* Logo Area*/
#Albums_logo{
	background-color: white;
	height:98px;
	width:190px;
}

/* Text Next to Logo*/
#Albums_topText{
	color: #000;
	margin:10px 20px 0 0;
	font-size:12px;
	line-height:24px;
	padding:5px 10px;
	width:100%;
	background:#ecf8ff;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
}

/* Area containing albums list*/
#Albums_main{
	background-color: white;
	border-top:2px solid #eee;
	margin:5px 10px 0 10px;
	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
}

table#Albums_list {
	margin:0 auto;
}

/* Header text in area containing albums list*/
#Albums_mainHeader{
	border-bottom:2px solid #eee;
	color: #888;
	font-size: 24px;
	margin:0;
	padding:0 0 10px 0;
	font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	text-align:center;
}
/* Subheader*/
#Albums_mainText{
	color: #FFFFFF;
}

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

/* Frames for albums list*/
div .Albums_imgFrame, .Montage_imageArea div.Montage_imageFrame {
	background-color: #c6e5df;
	border-color: #96bbb4;
}

/* Picture boxes color when mouse is over it*/
div .Albums_imgFrame:hover, .Montage_imageArea div.Montage_imageFrame:hover{
 background-color: #1c7daa;
 border-color: #96bbb4;
}

#Bar_visibleArea_pricesArea h2 {
	font-size: 13px;
	font-weight:bold;
	color:black;
}

#Bar_visibleArea_pricesArea {
	padding:0 7px;
}

#Bar_visibleArea_discountMsg {
	color:black;
}

#Bar_visibleArea_priceTable_prints table {
	background:white;
	color:black;
}

#Bar_visibleArea_tableQty, #Bar_visibleArea_tableDesc, #Bar_visibleArea_tablePrice {
	background:white;
	color:black;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}

/* 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: #00C8B4;
	color: #FFFFFF;	
}

/* Bar Visible Area (Column containing logo, always visible)---------------------*/
#Bar_visibleArea{
	background-color: #c6e5df;
	border:1px solid #008a7c;
	border-width:0 1px;
	color: #FFFFFF;
}
/* "Add or Edit Quantity" Text*/
.Bar_visibleArea h2{
	color:#36B4CD;
}

/* 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: #00C8B4;
	border-bottom: #008a7c 1px solid;
}


/* Prices table */
.Bar_visibleArea table{
	background-color: #00C8B4;
	border-color: #FFFFFF;
}
/* Prices table caption*/
.Bar_visibleArea_tableHeader{
	background-color: #000000;
	color:#36B4CD;
}

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

/* 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: #00c8b4;
	border-top: #008a7c 1px solid;
}

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

/* Button colors on click */
#Bar_visibleArea_btnPreviousStep a, 
#Bar_visibleArea_btnNextStep a, 
#Bar_visibleArea_gallery a, 
#Bar_visibleArea_btnMontage a, 
#Bar_extendedArea_close a,
.montageTab_controlsArea a.montageTab_btnTemplate { background-color: white; color:black;}

#Bar_visibleArea_btnPreviousStep a:hover,
#Bar_visibleArea_btnNextStep a:hover,
#Bar_visibleArea_gallery a:hover,
#Bar_visibleArea_btnMontage a:hover,
#Bar_extendedArea_close a:hover,
.montageTab_controlsArea a.montageTab_btnTemplate:hover, 
div#Bar_extendedArea_navigation ul li a:hover {
	background-color: #039586;
	color:white;
}

#Bar_extendedArea_close a { color:white; }
/* 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;*/
	-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; 
	background-color: #c6e5df;
	border: solid 1px white;
	border-width: 1px 1px 0 1px;
}
/* Button text color */
#Bar_extendedArea_navigation ul li a{
	color:#FFFFFF;
}

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

#enlargedImage img{
	border: white 1px solid;
}

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

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

/* Picture boxes color when mouse is over it*/
.Gallery_imageFrame-hover{
 background-color: #1c7daa;
 border-color: #96bbb4;
}

a.Gallery_imageFrame_montageCheckboxLabel {
	color:black;
}

#Bar_visibleArea_instructionsArea center  h2, #Bar_visibleArea_instructionsArea center  ol {
	color:black;
}

/* MONTAGES ---------------------------------------------------------------*/

/* Selected images for montage list area*/
.Montage_imageArea{
	border: none;
}

/* Selected images for montage list frames */
.Montage_imageFrame{
	border: 1px solid;
	background-color: #000000;
	border-color: #FFFFFF;
}

/* Montage Frame properties */
.Bar_extendedArea_montageFrame{
	 background-color: black;
	 border: solid 1px white;
}
/* Montage picture boxes properties */
.Bar_extendedArea_montageBox{
	background-color: transparent;
	color: #36B4CD;
}
/* Montage picture boxes border properties */
.Bar_extendedArea_montageBoxWithBorders{
		border: dashed 1px #222;
}
/* Montage picture box properties on mouse over it */
.Bar_extendedArea_montageBox-hover{
	border-color: #36B4CD;
}


/*Tabs area in montage area*/
.MontagePicturesArea_tabsArea{
  border:1px solid #222;
	background:#181818;
}
/* Tab properties on normal state */
.MontagePicturesArea_tabsArea ul a, #MontagePicturesArea_tabsLabel {
  color:#FFF;
  background:#444;
}
/* Tab properties on mouse over it */
.MontagePicturesArea_tabsArea ul a:hover {
  color:#36B4CD;
  background:#111;
}
/* Selected tab properties */
.MontagePicturesArea_tabsArea ul a.selected {
  color:#36B4CD;
  background:#000;
}
/* Select layout button normal state properties */
.montageTab_controlsArea a.montageTab_btnTemplate {	
	background: url(images/bg-nav-layouts.gif) no-repeat bottom left;
	color: white;
}
/* Select layout button on mouse over it */
.montageTab_controlsArea a.montageTab_btnTemplate:hover{
	background: black url(images/bg-nav-layouts.gif) no-repeat bottom left;
}
/* Montage color list properties */
.montageCombo {
	border:1px solid #ccc;
}

/* TEMPLATE LIST (Select layout) SCREEN ----------------------------------------------*/
/* Whole area */
#ScreenTemplates{
	background-color: black;
}
/* Header area */
#TemplatesArea_header{
	background-color: #2C2D2C;
	border-bottom: solid 1px white;
	color: #36B4CD;
}

/* Template in list properties*/
.TemplatesArea_template{
	border:0;
	background:#181818;
}

/* Template in list properties on mouse over it */
.TemplatesArea_template-hover{
	border:0;
}
/* Filter by picture number selector properties */
.MontageList_layoutsCombo{
	border:1px solid #ccc;
}

/* Template Frame properties*/
.TemplatesArea_montageListFrame{
	 background-color: black;
	 border: solid 1px white;
}

/* Template picture boxes properties*/
.TemplatesArea_montageListBox{
	border: dashed 1px #222;
	background-color: transparent;
	color: #36B4CD;
}


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

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

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

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

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

/* Montage Frame properties*/
.BasketArea_montageFrame{
	 background-color: black;
	 border: solid 1px white;
}

/* Montage picture boxes properties*/
.BasketArea_montageBox{
	border: dashed 1px #222;
	background-color: transparent;
	color: #36B4CD;
}

/* Onsite Checkout button */
#Basket_submitButton_onsite a{ 

	color: #36B4CD;
	border: 1px solid white;
	background-color: black;
}

#Basket_submitButton_onsite a:hover{
	background-color: black;
	border-color: white;
	color: white;
	
}

/* 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: #000000;
	color: #36B4CD;
	border-bottom: #FFFFFF solid 1px;
}
/* Main Body */
.hovertip, .clicktip {
	background-color: #000000;
	border-color: #FFFFFF;
	color: #FFFFFF;
}


/* MESSAGE DIALOGS ------------------------------*/
/* Box colors*/
.dialogYesNo, .dialogError, .dialogYes, .dialogProcess{
	background-color: #c6e5df; border: 1px solid #96bbb4;
	color: #000000;
}

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


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

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

.dialogYesNo, .dialogYesNo h1, .dialogYesNo p { background:#c6e5df; color:black; }

#ScreenTemplates { background:white; }
#TemplatesArea_header { width:100%; background:white; }
#TemplatesArea_header h1 { color:black; }

#TemplatesArea_templateList { background:#c6e5df; }

#TemplatesArea_templateList table { border:0; }

#TemplatesArea_templateList td { background-color: #c6e5df; border: 1px solid #96bbb4; }
#TemplatesArea_templateList td:hover { background-color: #96bbb4; border: 1px solid #96bbb4; }

#MontagePicturesArea_tabsArea {
	background:#c6e5df;
	border:1px solid #c6e5df;
}

ul#MontagePicturesArea_tabs, ul#MontagePicturesArea_tabs li.tab, #MontagePicturesArea_tabsLabel, #tab_0, #tab_1, #tab_2, #tab_3, #tab_4, #tab_8, #tab_5, #tab_6, #tab_7, #tab_9 {
	background:white;
	margin-top:8px;
	color:black;
}

ul#MontagePicturesArea_tabs {
	background:none;
}
	
ul#MontagePicturesArea_tabs li a.selected {
	background:#c6e5df;
	color:black;
}

div#montageTab_controlsArea, div#montageTab_controlsArea ul li, div#montageTab0_controlsArea ul li {
	color:black;
}

a.montageTab_btnTemplate, #montageTab0_btnTemplate, #montageTab0_btnTemplate:hover {
	color:black;
	background:#c6e5df;
}

div#Bar_extendedArea_navigation ul li a {	color:black;}
div#Bar_extendedArea_navigation ul li a:hover {	background-color:#c6e5df; color:black;}

div.Bar_extendedArea_montageBoxWithBorder, div#Bar_extendedArea_montageBox_0_0 { border:0; }

hr { display:none; }

#BasketArea, #Basket_page, #Basket_orderInfo, #Basket_orderInfo h2, .Basket_productHeader td, .Basket_productHeader, #Basket_form h2, .Basket_productPreHeader { background:white; color:black; }

.Albums_foldername { color:black; padding:20px 0 0 10px; font-size:12px;font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif; }

.Gallery_imageArea, .Montage_imageArea { background:#ecf8ff; margin:5px; padding:15px; }

.Bar_open { right:210px; width:95%; }
.Gallery_open { margin-right:15px; }