/* stylesheet.css  --  Rollashade */

/* NORMALIZE BROWSER DEFAULTS */

ul { list-style: none; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, label, div, dd, dt, dl, table, tr, th, td, img { margin: 0px; padding: 0px; border:0px; }
a img, :link img, :visited img, fieldset { border: none; }
a { outline: none; cursor: pointer; }

input, textarea, select { margin: 0px; padding: 0px; border: 1px solid #666666; } 

table { border-collapse: collapse; }


/* GLOBALS */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
  color: #000000;
	background-color: #002d62;
	margin: 15px 0px 15px 0px;
  }

p, ol, dl { padding-bottom: 10px; }

p.padding0 { padding:0px; }

blockquote { padding: 0px 15px 8px 15px; }

p, td, ul, ol {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
  line-height: 120%;
}

h1 { font-size: 16px; color: #333333; padding-bottom: 8px; }
h2 { font-size: 14px; color: #333333; padding-bottom: 8px; }
h3 { font-size: 13px; color: #333333; padding-bottom: 8px; }
h4 { font-size: 12px; color: #333333; padding-bottom: 0px; }

div.clear { clear: both; }

ul { padding: 6px 0px 6px 25px;}
ul.bullets { padding: 5px 0px 12px 32px; list-style: disc outside; }
ul.bullets-arrow { padding: 5px 0px 12px 32px; list-style: url(images/arrow-right-red-small.gif) outside; }
ol.numbers { padding: 5px 0px 12px 32px; list-style: outside;
}

li { padding-bottom: 3px;}

ul.specs {
	padding: 0px 0px 6px 32px;
	list-style: disc outside;
}
ul.specs li { padding-bottom: 0px;}

a { cursor: pointer; }
a:link, a:visited  { color: #006AA4; }
a:hover { color: #CC0000; }

a.a-nav:link, a.a-nav:visited { color: #ffffff; text-decoration: none; }
a.a-nav:hover { color:#CC0000; text-decoration:none; }

a.a-footer:link, a.a-footer:visited { font-size:11px; color:#333333; }
a.a-footer:hover { font-size:11px; color:#cc0000; }

a.a-fabrics:link, a.a-fabrics:visited { font-style:italic; font-weight:bold; }
a.a-fabrics:hover { font-style:italic; font-weight:bold; }

.text-normal {
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}

.text-mlarge { font-size:14px; }
.text-small { font-size:11px; }
.text-vsmall { font-size:10px; }
.text_small { font-size:11px; }
.text_vsmall { font-size:10px; }

.bold {font-weight: bold; }

.hide { display:none; }

.indent { margin-left: 18px; }
.indent2 { margin-left: 36px; }

.superscript { vertical-align: top; font-size: 8px; }

.margin0 { margin:0px; padding:0px; }

.border-none { border: none; }

.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }

div.horizontalrule {
	margin: 12px 0px 12px 0px;
	padding: 0px;
	border-bottom: 3px solid #00529B;
}

/* FRAMEWORK */

#page { 
  width: 940px; 
  margin: 0 auto;  /* auto side margins to center page */
  background-color: #FFFFFF; 
  text-align: left; 
}

div#topbar {
	text-align: right;
	height: 20px;
	width: 940px;
	margin: 0;
	padding: 0;
	background-color: #002d62;
	border-bottom: 10px solid #00a1b1;
}

div#copyrightbar { 
	text-align:left;
	height:32px;
	width:940px;
	margin: 0;
	padding: 0;
	background-color:#002d62;
}

.dba { font-size:10px; color:#999; font-weight:normal; }

div#copyrightbar p.copyright {
  float: right;
	width: 350px;
  margin: 6px 2px;
	text-align: right;
	padding: 0;
	font-size: 10px;
	color: #666;
	font-weight: normal;
}
div#copyrightbar p.websitedesignby {
  float: left;
	width: 350px;
  margin: 6px 2px;
	padding: 0;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #aaa;
}
div#copyrightbar a.a-webdesign:link, 
div#copyrightbar a.a-webdesign:visited, 
div#copyrightbar a.a-webdesign:active {
  margin: 0;
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color: #aaa;
	text-decoration: underline;
}
div#copyrightbar a.a-webdesign:hover, 
div#copyrightbar a.a-webdesign:focus {
	color: #e24b17;
	text-decoration: underline;
}


#textcontent-home {
	margin: 0px;
	padding: 12px 30px 5px 15px;
}

#textcontent-home p {
	line-height:140%;
	font-size:13px;
	font-weight:bold;
}

#textcontent-subpage {
	margin: 0px;
	padding: 0px 30px 5px 20px;
}

#textcontent-subpage-top0 {
	margin: 0px;
	padding: 0px 30px 5px 20px;
}

#nav-sublinks-container {
	height: 22px;
	width: 590px;
	border: 1px solid #002D62;
	padding: 3px 0px 0px 0px;
	text-align: center;
	font: 11px Arial, Helvetica, sans-serif;
}

.text-red { color: #EE0000; }
.text-red-bold {
	font-weight: bold;
	color: #EE0000;
}


form input#submit {
  width: 130px;
  overflow: visible;
  cursor: pointer;
  padding: 2px 6px 1px 6px;
  background-color: #CDDFF8;
}

form#form-fabric-request input, 
form#form-fabric-request textarea, 
form#form-fabric-request select {
  width: 165px;
}

table#contact-form, 
table#fabric-request-form { border-collapse:collapse; }

table#contact-form td, 
table#fabric-request-form td { padding: 4px 0px 7px 0px; }

table#contact-form td.bottom-border {
	border-bottom: 1px solid #000000;
  padding-top: 8px;
}


div#fabric-sample-request {
  width: 318px;
  margin: 24px 0 30px 8px;
  padding: 12px 0;
  background: #f8f8f8;
  border: 1px solid #666666;
  text-align: center;
}

div#fabric-sample-request h2 {
  margin: 0 0 18px 0;
  padding: 0;
  font-size: 16px;
  color: #c00;
}

table#fabric-request-form {
  margin: 0 auto;
}


div#gallery-slideshow-container  {
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: 366px;
}

div#iframe-photo-gallery {
	margin: 0px;
	padding: 0px;
	width: 590px;
	height: 304px;
}

div#footer {
	margin: 12px 0px 20px 20px;
	text-align: center;
}

.fabric-style {
	font-weight: bold;
	color: #006AA4;
	line-height:100%;
}
h3.fabric-style {
	color: #fff;
	width: 400px;
	padding: 3px 6px;
	background: #006AA4;
}

.fabric-style-13 {
  font-size: 13px; 
	font-weight: bold;
	color: #006AA4;
	line-height:100%;
}

.fabric-description-container { margin: 0px 10px 15px 20px; }

.fabric-description-subcontainer { margin: 0px 10px 10px 20px; }

.fabric-swatch-table {
	width:505px;
	border-collapse:collapse;
	margin:0px;
	border-style: none;
}

.fabric-swatch-table td { font-size:11px; text-align:left; vertical-align:top; width:105px; margin:0px; padding: 0px 20px 10px 0px; }

.fabric-swatch-table td.last { width:85px; padding-right:0px; }

.no-underline { text-decoration: none; }

.section-title {
	font-weight: bold;
	color: #333333;
	line-height:100%;
}
.section-title-13 {
  font-size: 13px; 
	font-weight: bold;
	color: #333333;
	line-height:100%;
}
.section-title-background {
  margin: 4px 0 18px 0;
  padding: 3px 10px 3px 8px;
  font-weight: bold;
  color: #fff;
  line-height:100%;
  background: #0097A8;
}
.section-title-background-large {
  margin: 4px 0 18px 0;
  padding: 5px 8px;
  font-size: 34px;
  font-weight: normal;
  color: #fff;
  line-height:100%;
  background: #0097A8;
}

#home-green-theme {
	padding: 0px;
	margin-top: 20px;
	margin-left: 20px;
}

.float-left {
	float: left;
}
.float-left-address {
	float: left;
	margin-left: 70px;
}

.float-right {
	float: right;
}

.float-right-photo {
	float: right;
  margin: 2px 0px 5px 12px;
	text-align:left; 
}

.float-right-image {
	float: right;
  margin: 0 5px 12px 20px;
  padding: 0;
}

.table-fabrics {
	width: 510px;
	margin-bottom: 20px;
	margin-left: 20px;
}
.table-fabrics th {
	padding: 2px 5px 3px 4px;
}
.table-fabrics th.openness {
  width: 80px;
}
.table-fabrics th.product {
  width: 120px;
}
.table-fabrics th.fabric {
  width: 310px;
}
.table-fabrics td {
	border: 1px solid #CCCCCC;
	padding: 2px 5px 3px 4px;
}

img.logoshade {
	border: 1px solid #000000;
}

table.table-client-logos {
  width: 532px;
}
table.table-client-logos tr {
	height: 105px;
}
table.table-client-logos tr.tr-logo-shorter {
	height: 85px;
}
table.table-client-logos tr.tr-logo-shortest {
	height: 70px;
}
table.table-client-logos td {
  width: 133px;
	text-align: center;
	vertical-align: middle;
}

.sitemap-level1 { margin-top: 12px; font-size: 16px; font-weight: bold; }
.sitemap-level2 { margin-left: 30px; font-size: 13px; font-weight: bold; }
.sitemap-level3 { margin-left: 54px; font-size: 12px; }

.sitemap-level2 a, 
.sitemap-level3 a { text-decoration: none; }

.sitemap-level2 a:hover, 
.sitemap-level3 a:hover { text-decoration: underline; }