/* CSS Document */

body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(images/header_background.gif); background-repeat: repeat-x; font-size: 11px; color: #323231; min-width: 1100px; }

html, body, #container { min-height: 100%; width: 100%; height: 100%; }

html>body, html>body #container { height: auto; }

.printable { display: none; }
.small { font-size: 5pt; }

#container { position: absolute; top: 0; left: 0; }

#header { height: 142px; position: relative; border-bottom: 1px solid #ffffff; }
#header h1 { margin: 0; padding: 0; position: absolute; left: 6px; top: 10px; width: 320px; height: 89px; background-size: 315px; background-image: url(images/classic-logo-small.png); background-repeat: no-repeat; text-indent: -27000px; z-index: -1;}
#header h2 { margin: 0;	padding: 0;	position: absolute;	right: 7px;	top: 3px; width: 125px;	height: 40px; text-indent: -27000px; background-image: url(images/wAdmin.gif);	background-repeat: no-repeat; }

#print_queue { }
#print_queue ul { margin: 0; padding: 0; margin-top: -50px; list-style: none; }
#print_queue li { margin: 0; padding: 0; list-style: none; }

#links { position: absolute; width: 100%; top: 10px; text-align: center; }
#links a:link {	color: #eabc21;	text-decoration: underline;	font-weight: bold; } 
#links a:visited { color: #eabc21; text-decoration: underline; font-weight: bold; } 
#links a:hover { color: #fcda32; text-decoration: underline; font-weight: bold; } 
#links a:active { color: #eabc21; text-decoration: underline; font-weight: bold; }

#breadcrumbs { padding-top: 114px; padding-left: 10px; }
#breadcrumbs a:link { color: #323231; font-weight: normal; text-decoration: underline; } 
#breadcrumbs a:visited { color: #323231; font-weight: normal; text-decoration: underline; } 
#breadcrumbs a:hover { color: #000000; font-weight: normal; text-decoration: underline; } 
#breadcrumbs a:active { color: #323231; font-weight: normal; text-decoration: underline; }

#product_added { float: right; padding-right: 10px; /* margin-top: -20px; **commented out 19/4/10 as doesn't seem necessary** */ }

#content { padding-left: 10px; padding-right: 10px; padding-bottom: 50px; }
#content h1 { font-size: 16px; }
#content h2 { font-size: 14px; }
#content h3 { font-size: 12px; }
#content h4 { }
#content h5 { }
#content h6 { }
#content th { background-image: url(images/header_background_grey.gif);	background-position: center; background-repeat: repeat-x;text-align: left; height: 18px; }
#content th a:link { color: #323231; text-decoration: underline; font-weight: bold; } 
#content th a:visited {	color: #323231;	text-decoration: underline;	font-weight: bold; } 
#content th a:hover { color: #000000; text-decoration: underline; font-weight: bold; } 
#content th a:active { color: #323231; text-decoration: underline; font-weight: bold; }
#content th .small { font-size: 9px; font-weight: normal; }

.blank { border: 1px solid #ffffff; background-color: #ffffff; }

.duplicate_list { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666666; background-color: #fde990; }

.list { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666666; }
.list_grey { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666666; background-color: #fcfcfb; }
.list_red { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666666; background-color: #FF6666; }
.list_light_red { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666666; background-color: #F2C6CA; }
.list_preorder { padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #666666; background-color: #7d6ae0; }

.green { font-weight: bold;	color: #009900; }
.green_normal {	color: #009900; }
.hide { position: absolute; visibility: hidden; }
.invalid { color: #dfdfdf; font-weight: normal; text-decoration: underline; font-weight: bold; }
.error { color: #FFFFFF; background-color: #FF3300; }
.red { color: #ff3300; }
.update { color: #bababa;	font-size: 9px; }

#product_view p { clear: both; }
/*#product_view ul { list-style: none; margin: 0; padding: 0; padding-left: 4px; }*/

#content label { clear: left; float: left; width: 150px; }
#content a:link { color: #eabc21; text-decoration: underline; font-weight: bold; } 
#content a:visited { color: #eabc21; text-decoration: underline; font-weight: bold; } 
#content a:hover { color: #fcda32; text-decoration: underline; font-weight: bold; } 
#content a:active { color: #eabc21; text-decoration: underline; font-weight: bold; }

input {	border: 1px solid #323231; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;	color: #323231; }

.update input {	border: none; color: #bababa; font-size: 9px; }

h2 input { border: none; font-size: 14px; }

.disabled { border: 1px solid #323231; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #323231; background-color: #990000; }

.no_border { border: none; }

.remove_from_screen { position: absolute; left: -270000px; visibility: hidden; }

textarea { border: 1px solid #323231; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #323231; }

select { border: 1px solid #323231;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; color: #323231; }

form { margin: 0; padding: 0; }

#side_menu { border: 1px solid #bababa; height: 60px; }
#side_menu #options { width: 20px; float: right; height: 60px; text-align: center; }
#side_menu #options input { border: none; padding-top: 5px; padding-bottom: 5px; }

#center { border: 1px solid #000000; height: 60px; }
#center #options { width: 20px; float: right; height: 60px; text-align: center; }
#center #options input { border: none; padding-top: 5px; padding-bottom: 5px; }
#product_add { float: right; }
#product_add img { border: 1px solid #323231; }

#image { height: 200px; }
#image img { border: 1px solid #323231; }

#not_logged_in { border: 1px solid #dfdfdf; width: 400px; text-align: left; margin-top: 30px; }
#not_logged_in h1 { margin: 0; padding: 0; margin-bottom: 3px; 	color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px;	background-image: url(images/not_logged_in_header.jpg);	background-repeat: no-repeat;	padding-top: 9px; height: 30px;	padding-left: 40px; }
#not_logged_in label { float: left;	width: 160px; font-weight: bold; }
#not_logged_in p { margin: 0; padding: 0; padding-top: 6px; padding-bottom: 6px; padding-left: 20px; padding-right: 20px; }

#product_quick_update { font-size: 9px; }
#product_quick_update input { font-size: 24px; }

#search_suggest div { background-color: #dfdfdf; }
#search_suggest a:link { display: block; color: #323231; font-weight: normal; text-decoration: none; cursor: text; padding-bottom: 1px; width: 100%; } 
#search_suggest a:visited { display: block; color: #323231; font-weight: normal; text-decoration: none; cursor: text; padding-bottom: 1px; width: 100%; } 
#search_suggest a:hover { display: block; color: #323231; font-weight: normal; text-decoration: none; background-color: #fde990; cursor: text; padding-bottom: 1px; width: 100%; } 
#search_suggest a:active { display: block; color: #323231; font-weight: normal; text-decoration: none; cursor: text; padding-bottom: 1px; width: 100%; }
#search_suggest1 { position: absolute; left: 150px; width: 254px; z-index: 11; }
#search_suggest2 { position: absolute; left: 388px; width: 254px; z-index: 11; }
#search_suggest_composer { position: absolute; left: 171px; width: 254px; z-index: 11; }
#search_suggest_work { position: absolute; left: 171px; width: 254px; z-index: 11; }
#search_suggest_artist { position: absolute; left: 171px; width: 254px; z-index: 11; }
#search_suggest_conductor { position: absolute; left: 171px; width: 254px; z-index: 11; }
#search_suggest_surname { position: absolute; left: 160px; width: 133px; z-index: 11; }
#search_suggest_postcode { position: absolute; left: 160px; width: 104px; z-index: 11; }

.white { font-weight: bold; color: #ffffff; }

#order_supplier_select_order_sheet { border: 1px solid #b7b7b7; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }

.plus_button { background-image:url(images/+.gif); background-position: center; background-repeat: no-repeat; text-indent: -60px; }

#website_stats { float: right; width: 150px; }
#website_stats label { width: 90px; font-weight: bold; }

#get_account_set { position: absolute; left: 400px; width: 500px; background-color: #ffffff; }
#get_account_set .inside {  	border: 1px solid #bababa; padding: 3px; height: 120px; }

/* print icons */
#print_icons img { border: none; }
#print_icons ul { margin: 0; padding: 0; list-style: none; }
#print_icons li { margin: 0; padding: 0; list-style: none; width: 110px; height: 90px; float: left; text-align: center; color: #c2c2c0; }
#print_icons h2 { clear: left; }

/* print queue */
#print_queue { margin: 0; padding: 0; position: absolute; top: 56px; right: 7px; font-size: 11px; z-index: 11; text-align: right; }
#print_queue a:link {  text-decoration: none; color: #c2c2c0; } 
#print_queue a:visited { text-decoration: none; color: #c2c2c0; } 
#print_queue a:hover { text-decoration: none; color: #eabc21; } 
#print_queue a:active { text-decoration: none; color: #c2c2c0; }
#print_queue p { margin: 0; padding: 0; padding-left: 30px; }

#footer { position: absolute; bottom: 0; width: 100%; background-image: url(images/footer_background.gif); font-size: 9px; color: #323231; height: 35px; }
#footer a:link { color: #323231; font-weight: normal; text-decoration: none; } 
#footer a:visited {  color: #323231; font-weight: normal; text-decoration: none; } 
#footer a:hover { color: #323231; font-weight: normal; text-decoration: underline; } 
#footer a:active { color: #323231; font-weight: normal; text-decoration: none; }
#footer_left { padding-top: 14px; float: left; padding-left: 10px; }
#footer_right { padding-top: 14px; float: right; padding-right: 10px; }

.submit_save { background-color: #006600; color: #ffffff; }

.develWebsite { color: #FF0000; font-weight: bold; font-size: 18px; background: #FFFF00; padding: 5px; text-align: right;  }
.develDebug { color: #FF0000; font-weight: bold; font-size: 12px; background: #FFFF99; padding: 5px;   }

/* fix for table styles */
td, tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #323231; }

.clear { clear: both; }

/* product edit and add - New works section */
/* ajax predictive text */
#suggestComposer { position: relative; font-style: italic; font-weight: bold; }
.suggestionBoxComposer { position: absolute; left: 120px; top:0px; margin: 26px 0px 0px 0px; width: 400px; padding:0px; background-color: #000; border-top: 3px solid #000; color: #fff; z-index: 10; }
.suggestionListComposer { margin: 0px; padding: 0px; font-style: normal; font-weight: normal; }
.suggestionListComposer ul li { list-style:none; margin: 0px; padding: 6px; border-bottom:1px dotted #666; cursor: pointer; }
.suggestionListComposer ul li:hover { background-color: #FC3; color:#000; }
#suggestionUlComposer ul { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:0; margin:0; }

#suggestWorks { position: relative; font-style: italic; font-weight: bold; }
.suggestionBoxWorks { position: absolute; left: 140px; top:0px; margin: 26px 0px 0px 0px; width: 500px; padding:0px; background-color: #000; border-top: 3px solid #000; color: #fff; z-index: 10; }
.suggestionListWorks { margin: 0px; padding: 0px; font-style: normal; font-weight: normal; }
.suggestionListWorks ul li { list-style:none; margin: 0px; padding: 6px; border-bottom:1px dotted #666; cursor: pointer; }
.suggestionListWorks ul li:hover { background-color: #FC3; color:#000; }
#suggestionUlWorks ul { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:0; margin:0; }

#suggestWorksSub { position: relative; font-style: italic; font-weight: bold; }
.suggestionBoxWorksSub { position: absolute; left: 140px; top:0px; margin: 26px 0px 0px 0px; width: 500px; padding:0px; background-color: #000; border-top: 3px solid #000; color: #fff; z-index: 10; }
.suggestionListWorksSub { margin: 0px; padding: 0px;font-style: normal; font-weight: normal;  }
.suggestionListWorksSub ul li { list-style:none; margin: 0px; padding: 6px; border-bottom:1px dotted #666; cursor: pointer; }
.suggestionListWorksSub ul li:hover { background-color: #FC3; color:#000; }
#suggestionUlWorksSub ul { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:0; margin:0; }

#suggestProNumber { position: relative; font-style: italic; font-weight: bold; }
#suggestProNumber1 { position: relative; font-style: italic; font-weight: bold; }
#suggestProNumber2 { position: relative; font-style: italic; font-weight: bold; }
#suggestProNumber3 { position: relative; font-style: italic; font-weight: bold; }
#suggestProNumber4 { position: relative; font-style: italic; font-weight: bold; }
.suggestionBoxProNumber { position: absolute; left: 120px; top:0px; margin: 26px 0px 0px 0px; width: 400px; padding:0px; background-color: #000; border-top: 3px solid #000; color: #fff; z-index: 10; }
.suggestionListProNumber, .suggestionListProNumber1, .suggestionListProNumber2, .suggestionListProNumber3, .suggestionListProNumber4  { margin: 0px; padding: 0px; font-style: normal; font-weight: normal; }
.suggestionListProNumber, .suggestionListProNumber1, .suggestionListProNumber2, .suggestionListProNumber3, .suggestionListProNumber4 ul li { list-style:none; margin: 0px; padding: 6px; border-bottom:1px dotted #666; cursor: pointer; }
.suggestionListProNumber, .suggestionListProNumber1, .suggestionListProNumber2, .suggestionListProNumber3, .suggestionListProNumber4 ul li:hover { background-color: #FC3; color:#000; }
#suggestionUlProNumber ul { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF; padding:0; margin:0; }

.load { background-image:url(images/predictive-loader.gif); background-position:right; background-repeat:no-repeat; }
.works ul { display: block; }