/*
2Fluid Screen styles quick-start template
LH 03.05.06
Amended by AB 14.05.09
*/

/* ---[ reset ]----------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* ---[ default ]---------------------------------- */
body {
	background: #7ab4fe url(/images/reuse/bground.jpg) repeat-x 0 -115px;
	font: 82% "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* font-weight: bold !important; */
}
.mceContentBody{background:#fff !important; padding:0 0.5em;}
a#skipToContent{display:block; text-indent:-9999px;}

del {
	color: #787878
	text-decoration:line-through;
}
ins {
	color: #004890;
}

blockquote {
	background: url(/images/reuse/blockquote.gif) left 5px no-repeat !important;
	border-top: 1px solid #e0edf5;
	border-bottom: 1px solid #e0edf5;
	margin: 10px;
	padding: 5px 0 5px 25px;
}

address span{display:block; font-weight:bold;}

form{padding:1em; background:#fff;}
form dl{margin:0; font-weight:bold;}
form dt{margin-bottom:0.1em;}
form dd{margin:0; margin-bottom:1em;}

/* ---[ tables ]----------------------------------- */
table {
	border-collapse: separate;
	border-spacing: 0;
	vertical-align: top;
}
td, th {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
tfoot { display: none; }

#homepage-image-wrapper{overflow:hidden; width:950px; height:342px;}
#homepage-image-wrapper ul{margin:0; padding:0; width:100000px; position:relative; left:0;}
#homepage-image-wrapper ul li{margin:0; padding:0; float:left; height:342px;}

/* ---[ forms ]------------------------------------ */
#search-filters {
	background: #FFF;
	float: left;
	width: 360px;
	padding:0 1em;
}
#search-filters h1{
	font-size:1.3em; font-weight:bold;
}
#search-filters .row {
	float:left;
	clear:left;
	margin-bottom:0.5em;
	width:360px;
}
#search-filters .accordian {
	float: left;
}
#search-filters label {
	border:1px solid #666;
	background:#ccc url(/images/reuse/drop-down-arrow.png) no-repeat right ;
	width:156px;
	display:block;
	padding:3px 5px;
	font-weight:bold;
}
#search-filters .accordian select {
	height: 100px;
	width: 168px;
	position:relative;
	top:-1px;
}
#search-filters .accordian ul{margin:0; padding:0; list-style:none; width:170px; }
#search-filters .accordian ul li{float:left; border:1px solid #000;}
#search-filters .accordian ul li.on a{border:3px solid #fff; width:34px; height:34px;}
#search-filters .accordian ul li a{display:block; width:40px; height:40px; text-indent:-9999px;}
.counter {
	float: left;
	margin-left: 10px;
	width: 156px;
	padding:3px 5px;
	border:1px solid #333; background:#fff; color:#333;
}
#search-filters .button{
	width:168px; margin-right:0.1em;
	padding-top:0.2em; padding-bottom:0.2em;
	color:#fff; font-weight:bold; text-align:left;
	border:1px solid #333;
	background:#7ab2d1;
}
#standard-content.narrow{width:260px; padding-top:1.5em;}

/* temporary */

#fabric-search-results{width:348px; background:#eee; padding:1em; padding-top:0; float:left;}
#fabric-search-results h1{font-size:1em; font-weight:bold;}
#fabric-search-results h1 span{font-weight:normal;}

#fabric-search-results ul{padding:0; margin:0; list-style:none;}
#fabric-search-results ul li{border:2px solid #fff; margin-bottom:0.5em; float:left; clear:left; width:100%;}
#fabric-search-results ul li a{color:#000; text-decoration:none; display:block;}
#fabric-search-results ul li img{float:left; margin-right:5px; width:60px; height:60px;}
#fabric-search-results ul li strong{font-weight:bold; display:block; margin-top:0.4em;}
#fabric-search-results p{clear:left; font-weight:bold;}
#fabric-search-results p a{padding:0 1em; text-decoration:none; color:#000;}
#fabric-search-results p .back{background:url(/images/reuse/back.png) no-repeat center left;}
#fabric-search-results p .next{background:url(/images/reuse/next.png) no-repeat center right;}

#fabric-search-results ul li.on{background:#fff;}
#fabric-search-results ul li.on img{margin:5px; margin-right:10px; width:50px; height:50px;}

#search-results-detail{float:left; width:303px; position:relative; left:1px;}
#search-results-detail img{width:303px;}
#search-results-detail .downloads{width:283px; background:#000; color:#fff; margin-top:-35px; padding:10px 10px; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
#search-results-detail .downloads a{color:#fff;}
#search-results-detail table{width:100%; padding:0.5em;}
#search-results-detail table td{padding:0.2em 0;}
#search-results-detail table thead tr td{font-weight:bold;}
#search-results-detail table colgroup col.specifications{width:120px;}

/* ---[ common elements ]-------------------------- */
h1, h2, h3, h4, h5, h6{color: #7ab2d1; margin:0; padding:0; margin-top:1em;}
h1, h2{font-size:1.6em; color:#004990;}
/*h2{font-size: 1.4em; margin-top:0.8em;}*/
h3{font-size:0.9em; font-weight:bold; color:#000; text-transform:uppercase;}
h4{margin-top:2em;}
h5{color:#000;}
h6{font-size: 1.0em; color:#000; margin-bottom:0px;}
p{}
a {color:#004990;}
a:link, a:visited {}
html body a:hover {}

/* ---[ phrase elements ]-------------------------- */
em {}
strong {}
q {}

/* ---[ containers and layout divisions ]---------- */
#wrapper{
	margin: 65px auto;
	width: 960px;
}
#viewport {
	background: #FFF;
	padding: 5px;
}

/* ---[ sidebar(s) ]------------------------------- */
#sidebar {}

/* ---[ header ]----------------------------------- */
#header {
	height:35px;
	position: relative;
}
#header h1 a {
	display: block !important;
	background: transparent url(/images/reuse/logo.png) no-repeat;
	text-indent: -9999px;
	text-align: left; /* Fixes odd image replacement bug */
	width: 157px; height:28px;
	position:absolute; top:0px; left:0px;
}

ul#accessibility {
	color: #FFF;
	list-style: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin:0; padding-bottom:10px;
}
ul#accessibility li {
	display: inline;
}
ul#accessibility li a {
	color: #FFF;
	text-decoration: none;
}

/* ---[ global navigation ]------------------------ */
#global-nav {
	position: relative; z-index:1;
	
}
ul#nav {
	border-bottom: 1px solid #020104;
	font-weight: bold;
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	padding-bottom: 5px;
	width: 100%;
}

ul#nav li {
	border-right: 1px solid #7b7f86;
	display: inline;
	margin: 0;
	margin-left: 5px;
	padding: 0 9px 5px 0;
}

ul#nav li.first {}
ul#nav li.last  { border: none; }

ul#nav li a {
	color: #020104;
	text-decoration: none;
}
ul#nav li a:hover, ul#nav li.active a {color:#7db5ce;}

/* ---[ breadcrumbs ]------------------------------ */
ul#breadcrumbs {
	color: #8b9697;
	list-style: none;
	margin:0; margin-left:5px;
	padding: 5px 0;
}
ul#breadcrumbs li {
	display: inline;
	padding:0 5px 0 8px; background:url(/images/reuse/breadcrumbBullet.gif) no-repeat center left;
}
ul#breadcrumbs li.first{padding:0; background:none;}
ul#breadcrumbs li a {
	color: #8b9697;
	text-decoration: none;
}

/* ---[ quick search ]----------------------------- */
#quickSearch, #quickSearch dl,#quickSearch dt, #quickSearch dd {
	margin: 0;
	padding: 0;
}
#quickSearch label {
	position:absolute; top:0px; right:190px;
	font-weight: bold; cursor:pointer;
}
#quickSearch input.text {
	background: #e7e7e7;
	border: 1px solid #020104;
	margin: 0;
	padding:5px 5px;
	width: 230px; font-size:1em; height:16px;
	position:absolute; right:44px; top:21px; z-index:1;
}

#quickSearch input.button {
	background: #99979b;
	border: 1px solid #020104;
	color: #FFF;
	margin: 0;
	padding:0;
	width:45px; font-size:1em; height:28px;
	position:absolute; right:0px; top:21px;
	cursor:pointer;
}

.quickSearchResults{margin:0; padding:1em; padding-left:450px; background:url(../mediaLibrary/images/english/1251.jpg) no-repeat -243px 0px; min-height:200px; width:437px;}
.quickSearchResults li{list-style:none; margin-bottom:1.2em;}
.quickSearchResults a{display:block; text-decoration:none; text-decoration:underline; margin-bottom:0.2em; padding-left:10px; background:url(/images/reuse/breadcrumbBullet.gif) no-repeat center left; position:relative; left:-0.8em;}

/* ---[ main content ]----------------------------- */
#content {
	background: #004990 url(/images/reuse/viewport-background.gif) repeat-y;
	position: relative; z-index:2;
	float:left; border-top:1px solid #020104;
	width:950px;
}
.search #content{background:none;}

/* ---[ fabric menu ]------------------------------ */
#fabrics-menu {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0; border-right:1px solid #fff; border-top:1px solid
}
body.home #fabrics-menu, body.contact #fabrics-menu {
	float: none;
	position: absolute;
	top: -1px;
	left: 0;
	z-index:10;
}

#fabrics-menu li a {
	display: block !important;
	background:url(/images/reuse/Main_Nav.gif) no-repeat;
	height: 30px;
	text-indent: -9999px;
	text-align: left; /* Fixes odd image replacement bug */
	width: 129px;
	border-bottom:1px solid #fff;
}

#fabrics-menu li.collections a  { background-position: 0 0px; }
#fabrics-menu li.bespoke a  { background-position: 0 -31px; }
#fabrics-menu li.special a  { background-position: 0 -62px; }
#fabrics-menu li.aviation a { background-position: 0 -93px; border-bottom:none;}
#fabrics-menu li.rail a     { background-position: 0 -124px; height:28px;}

#fabrics-menu li.collections a:hover  { background-position: -132px 0; }
#fabrics-menu li.bespoke a:hover      { background-position: -132px -31px; }
#fabrics-menu li.special a:hover      { background-position: -132px -62px; }
#fabrics-menu li.aviation a:hover     { background-position: -132px -93px;}
#fabrics-menu li.rail a:hover         { background-position: -132px -124px; }

#fabrics-menu li.collections.on a{background-position: -262px 0; }
#fabrics-menu li.bespoke.on a{background-position: -262px -31px; }
#fabrics-menu li.special.on a{background-position: -262px -62px; }
#fabrics-menu li.aviation.on a{background-position: -262px -93px;}
#fabrics-menu li.rail.on a{background-position: -262px -124px; }

/* ---[ subnav ]----------------------------------- */
#subnav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 142px;
}
#subnav li {
	padding: 10px 0 0 8px;
}
#subnav li a {
	color: #7ab2d1;
	text-decoration: none;
}
#subnav li a:hover {
	color: #FFF;
}
#subnav li.active a {
	color: #FFF;
}

/* ---[ content images ]--------------------------- */
#content-images {
	float: left;
	overflow: hidden;
	width: 227px;
}
#content-images img {
	margin: 0;
	padding: 0;
}

#contact-image-wrapper{float:left;}
#contact-image-wrapper img{width:665px;}

/* ---[ content column ]--------------------------- */
#standard-content {
	background: #FFF;
	float: left;
	overflow: hidden;
	padding: 0 12px; padding-bottom:2.5em;
	width: 427px;
}
body.contact #standard-content{width:261px;}

#standard-content img {
	display: block;
	max-width: 100%;
}

.tel, .fax{display:block;}
.mapLink{font-weight:bold; border-bottom:1px dashed #004990; text-decoration:none;}

body.certifications-and-accreditations ul{list-style:none; padding:0; margin:0;}
/* ---[ components/teasers/custom lists ]---------- */


/* ---[ notice/warning/error boxes ]--------------- */
.notice {
	background: #F0EFEF;
	border: 1px solid #DFDFDE;
	color: #4F4D4B;
	margin: 15px 0;
	padding: 7px;
}

.alert {
	background: #FCF9CE;
}
.success {
	background: #CEE6C3;
	border: 1px solid #359545;
	color: #248D44;
}
.error {
	background: #F6CBCA;
	border: 1px solid #D45341;
	color: #D02127;
}


/* ---[ footer ]----------------------------------- */
#footer {
	background: #004990;
	border-top: 1px solid #FFF;
	color: #FFF;
	padding: 15px;
	clear:both;
}
#footer p {
	margin: 0;
	margin-bottom: 3px;
	padding: 0;
}

#footer a {
	color: #FFF;
	text-decoration: none;
}

#footer-images {
float: right;
padding-bottom: 3px;
}
/* ---[ pagepilot link ]---------------------------- */
p.pagepilot {
	float: right;
	margin-right:5px; margin-top:5px;
}
p.pagepilot a {
	color: #FFF;
	text-decoration: none;
	text-transform: lowercase;
	padding-top:15px;
}

/* ---[ misc ]------------------------------------- */
img, a img { border: none; }
.hide      { display: none; }
.clear     { clear: both; }
.debug     { border: 1px solid red; }

/* self-clearing floats */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}