/* CSS Document */
html {
overflow-y: scroll;
} /*so that firefox always shows vertical scroll bar */

body,.chartsremainder {
font-family:Arial, Helvetica, sans-serif;
color:#000099;
background-color:#CCCCCC;
margin: 0;
padding:0;
}

p {
font-size:.9em;
margin-left:.5em;
margin-top:.5em;
margin-bottom:1em;
}

h3 {
font-size:.8em;
font-weight:700;
margin-top:1em;
margin-bottom:.7em;
margin-left:.5em;
}

h2 {
font-size:.9em;
font-weight:700;
margin-bottom:1em;
margin-top:1em;
margin-left:.5em;
}

h1 {
font-size:1em;
font-weight:700;
margin-top:0;
margin-bottom:0;
margin-left:.5em;
}

table {
font-size:.9em;
border-collapse:collapse;
empty-cells:show;
border:10px solid #000;
}

th {
vertical-align:top;
padding-left:.5em;
text-align:left;
border:1px solid #000;
}

td {
padding-left:.5em;
border:1px solid #000;
}

.cloths {
background-color:#fafafa;
}

table.cloths {
font-size:.8em;
border-collapse:collapse;
empty-cells:show;
border:0;
background-color:#fafafa;
}

table.cloths img{
border:0;
}

table.cloths td{
border-color:#fafafa;
color: #000000;
}

table.indexpage {
font-size:1em;}
th.indexpage {border-width:5px; border-color:#E6E6E6; padding-bottom:1em; margin:0; padding-left:0; text-align:center; color:white; font-weight:400; width:30%}
td.indexpage {border-width:5px; border-color:#E6E6E6; background-color:#CCCCCC; padding-bottom:1em; margin:0; padding-left:0; color: #000066; text-align:left; vertical-align:text-top; padding-left:6px; padding-right:10px; font-weight:400}
url.indexpage {border-top:1em}
.indexpage a:link, .indexpage a:visited {color:#FFFFFF}
.indexpage a:hover {color:#000066;}
table.noborders {
font-size:.9em;
border-width: 0px;
border-style: none;
padding:.5em;
}

th.noborders {
background-color:#fafafa;
padding:.5em;
text-align:left;
}

td.nobordersgrey {
background-color:#CCCCCC;
padding:.5em;

}

td.noborderswhite {
background-color:#fafafa;
padding:.5em;

}


.captionnote{
color: #144785;
font-weight:normal;
}

pre {
font-family:Arial, Helvetica, sans-serif;
}

a {
color:#251E6E;
}

a visited {
color:#09F;
}



img.top {
vertical-align:top;
}

fieldset {
font-size:.9em;
margin-left:.5em;
border:none;
}

fieldset li {
margin:1em 0;
}

legend {
font-weight:700;
margin-left:0;
}

input {
border:1px solid #000;
font-weight:400;
}

ul {
font-size:.9em;
margin-left:0;
padding-left:1em;
text-indent:0;
}

caption {
text-align:left;
font-weight:bold;
margin-bottom:.5em;
}

form li {
margin-bottom: 1em;
}

.tablepresentational,.tablepresentational td,.tablepresentational th {
border-collapse:collapse;
empty-cells:show;
border:0;
}

.colorred {
color:#033;
}

.legal {
font-size:.6em;
margin-left:.5em;
}

#skipNavigation {
margin-left:.5em;
text-align:left;
margin-bottom:1em;
padding:0;
}

#skipNavigation ul li {
display:inline;
padding-right:.5em;
margin:0;
}

#skipNavigation ul li a {
color:#003;
}

#wrap {
background-color:#E6E6E6;
width:960px;
border:1px solid #E6E6E6;
padding:3%;
margin-left: auto;
margin-right: auto;
}

#logo {
margin-bottom:.3em;
}

#logo-presentational {
margin-bottom:.3em;
padding-left:.5em;
}

#sidebar {
float:left;
width:16%;
}

#intwrap {
margin-left:17%;
width:83%;
}

#intwrap .clothpage{
margin-top:-55px;
background-color:#003652;
}

#intwrapsearch {
margin-left:26%;
width:74%;
}

#searchbox {
width:18%;
margin-left:81%;
}

#header-presentational {
color:#fafafa;
background-color:#190FA9;
margin-top:2em;
padding-top:.5em;
padding-bottom:1em;
width:100%;
clear:right;
border-color:#190FA9;
}

#main {
margin-left:0;
margin-bottom:1.5em;
}

.clothpage #main {
background-color: #ccdde6;
}

.clothpage table {
border-width:5px;
font-size:.8em;
margin-left:5px;
background-color:#fafafa;

}

#mainnosb{
margin-left:0;
width:95%;
}

#main-presentational {
background-color:#F6F6F6;
}

#footer {
font-family:Arial, Helvetica, sans-serif;
font-size:.7em;
clear:both;
padding:2em;
}

#footer p {
text-align:right;
}

#clear {
clear:both;
}

.clear {
clear:both;
}

#pagenumber {
clear:left;
}

#pagenumber p {
margin-left:0;
}

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

#worthlook {
padding-right:0.5em;
}

#worthlook h2 {
font-size:1em;
margin-top:2em;
}

#worthlook li {
list-style:none;
list-style-image:none;
list-style-position:outside;
margin-left:0;
padding-left:0.5em;
text-indent:0;
font-size:.8em;
}

.container-hold {
float:left;
width:710px;
margin:0;
}
.container{
float:left;
width:710px;
margin:0;
}

#container {
padding: 0px;
margin-left: .5em;
height: 1%;
width:710px;
}

#leftportal{
color:#FFFFFF;
margin: 0px;
width: 235px;
padding: 0;
float: left;
background-color:#6063F9;
background-image: url(images/background/blue-white.gif);
background-repeat: repeat-x;}


#centreportal {
color:#FFFFFF;
height: auto;
width: 235px;
padding: 0;
float: left;
margin: 0px 0px 0px 6px;
background-image: url(images/background/blue-white.gif);
background-repeat: repeat-x;
}
#rightportal {
color:#FFFFFF;
padding: 0;
height: auto;
width: 235px;
float: left;
margin: 0px 0px 0px 6px;
background-image: url(images/background/blue-white.gif);
background-repeat: repeat-x;
}

.left {
margin-top:1em;
margin-left:0;
float:left;
width:49%;
}

.right {
margin-top:1em;
float:right;
width:50%;
}

.picfloatleft {
float:left;
margin-right:.5em;
}

.picright {
clear:right;
overflow:hidden;
display:block;
float:right;
margin:0;
padding:.2em;
}

.sendright {
clear:left;
text-align:right;
}

.totheright {
text-align:right;
}

.rightfull {
width:75%;
margin-bottom:1em;
}

.hidden {
border:0;
position:absolute;
left:0;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
border-color:#E6E6E6;
}

.info {
font-size:.7em;
}

.nobullets {
list-style-type:none;
}

.imageBlackBorder {
border-color:#000;
border-style:solid;
border-width:1px;
}

.charts {
background-color:#30C;
text-align:center;
}

#intwrapcolbggen {
padding-top:1em;
margin-top:1em;
width:70%;
background-image:url(images/cloths/cloths-header.jpg);
background-repeat:no-repeat;
background-color:#F2F4E6;
border:1px;
border-color:#000;
}

#colorgrad {
background-image:url(images/cloths/clothscolorgrad.gif);
height:63px;
}

#background {
background-color:#fafafa;
}

#tablebackground a:active img,#tablebackground a:focus img {
border-right:.5em solid #FF6;
}

#tablefooter {
background-color:#fafafa;
padding:1em .5em;
}

ul#navbar {
padding: 0;
margin: 0;
color: #fff;
float: left;
width: 100%;
}
ul#navbar li { display: inline; }
ul#navbar li a {
padding:.25em;
background-color: #1F187E;
color: #fff;
text-decoration: none;
float: left;
border-bottom: solid .1em #fff;
border-top: solid .1em #fff;
border-left: solid .1em #fff;
border-right: solid .1em #fff;
}
ul#navbar a:link, ul#navbar a:visited { color: #fff; }
ul#navbar a:focus, ul#navbar a:active, ul#navbar li a:hover {
color: #000;
background-color: #6699FF;
}
#sidenavbar {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
float:left;
width:95%;
margin-left:0;
margin-top:.5em;
margin-bottom:1em;
}

#sidenavbar ul {
list-style:none;
font-size:.8em;
line-height:1.2em;
margin:0;
padding:0;
}

#sidenavbar > ul a {
width:auto;
}

#sidenavbar ul li {
background-color:#000099;
margin-bottom:.5em;
}

#sidenavbar a:link,#sidenavbar a:visited {
color:#fff;
}

#sidenavbar a:focus, #sidenavbar a:hover {
color: #000000;
background-color:#6699FF;
}

#sidenavbar li {
border-bottom:none;
}

#sidenavbar a {
padding:2px 0 2px 10px;
text-decoration:none;
display:block;
width:100%;
border-bottom: solid .1em #fff;
border-top: solid .1em #fff;
border-left: solid .1em #fff;
border-right: solid .1em #fff;
}

.highlight {
background:#FFFF40;
}

.searchheading {
font-size:110%;
font-weight:700;
}

.summary {
font-size:100%;
font-style:italic;
}

.category {
color:#999;
}

.description {
font-size:100%;
color:green;
}

.infoline {
font-size:80%;
font-style:normal;
color:gray;
}

.sorting {
text-align:right;
}

a.piccies:focus, a.piccies:visited, a.piccies:hover {
background-color: #e6e6e6;
}


label,dl {
font-size:.9em;
}



dd,.radio {
margin-bottom:1em;
}

.smalltext,.chartfont {
font-size:.8em;
}

#skipNavigation ul {
list-style-type:none;
margin:-.5em;
padding:0;
}
#navbar ul {
list-style-type:none;
margin:0;
padding:0;
}

#header,#printinfo {
margin-top:2em;
width:inherit;
clear:right;
}

/* for thumbnail viewer footer */
.footerbar{
color:#000000;
}

#thumbBox {
color: black;
font-family: Arial, Helvetica, sans-serif;
font-size: .8em;
font-style: italic;
}
/* Zoom search engine styling */
		.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; }
		.suggestion { font-size: 100%; }
		.results { font-size: 100%; }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title { font-size: 100%; }		
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}

		.zoom_searchform { font-size: 100%; }
		.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
		.zoom_match { font-size: 80%; margin-left: 10px;}				
		.zoom_categories { font-size: 80%; }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 1em; margin-bottom: 1em;}
		.result_altblock { margin-top: 1em; margin-bottom: 1em;}
		
		.result_pages { font-size: 100%; }
		.result_pagescount { font-size: 100%; }
		
		.searchtime { font-size: 80%; }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title { font-size: 100%; }
		.recommend_description { font-size: 100%; color: #008000; }
		.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}