@charset "UTF-8";
/* CSS Document */
body.viewOne { background: #000000 url(../bgrounds/mainTextilBG.jpg) no-repeat center 0px; }
body.viewTwo { background: #000000 url(../bgrounds/mainTextilPrintBG.jpg) no-repeat center 0px; }

table { font-family:Arial, Helvetica, sans-serif; color:#222222; font-size:11px; }


.splash { width:900px; float:left; position:relative; margin:0; padding:0; height:176px; }
.page_body { width:900px; height: auto; float:left; position:relative; margin:0; padding:0; text-align: left; }


.textil_splash { width: 688px; float:left; height:auto; margin: 16px 0 0 0; padding: 0; position: relative; border: solid 1px #d6dbdf; }

.textil_content { width: 900px; float:left; height:auto; margin: 30px 0 0 0; padding: 0px; position: relative; }

.moreInfo { width: 900px; float:left; position: relative; padding: 36px 0 0 0; font-weight: bold; }



#pBody { width:900px; height: auto; float:left; position:relative; margin:0; padding:0 0 26px 0; text-align: left; }

/*tabs*/

ul.tabs { float: left; width: 190px; height: auto; position: relative; margin: 0; padding: 0; float: left; }
ul.tabs li { position: relative; top: 1px; float: left; padding: 7px 4px; margin: 0; font-size:11px; font-family:Arial, Helvetica, sans-serif; line-height:50px; font-weight:bold; color:#616161; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; height: 50px; width: 180px; border:none; /*float: left; margin: 0; padding: 0; height: 31px; --Subtract 1px from the height of the unordered list-- line-height: 31px; --Vertically aligns the text within the tab--  border: 1px solid #999; border-left: none; margin-bottom: -1px; --Pull the list item down 1px-- overflow: hidden; position: relative; background: #e0e0e0;*/ }
ul.tabs li a { text-decoration: none; color: #555; display: block; font-size: 11px; /*padding: 0 20px;*/ /*--Gives the bevel look with a 1px white border inside the list item--*/ outline: none; }
ul.tabs li a:hover { color: #75232f; text-decoration: none }
html ul.tabs li.active .desc a { color:#75232f; }
html ul.tabs li.active, html ul.tabs li.active a:hover { list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; border:none; }

ul.tabs li .pic { width: 50px; height:auto; float:left; padding:0; margin: 0; }
ul.tabs li .desc { width: auto; height:auto; float:left; padding:0; margin: 0; }

.tab_container { width: 690px; height:auto; padding:22px 0 0 0; margin:0; float:left; position:relative; }

.tab_container ul { width: 690px; height:auto; float:left; margin:0; padding: 0; position:relative; }
.tab_container ul li { list-style: none; display: inline; padding: 0; position:relative; margin: 0; }
.tab_container ul li.one { width: 380px; height:auto; position:relative; padding: 0 0 0 16px; float: left; }
.tab_container ul li.two { width: 280px; height:auto; margin:0; position:relative; font:normal 12px Arial, Helvetica, sans-serif; padding: 0; float: left; }

.two em { font-size:9px; }

.two p { line-height: 24px; }
.blackBull { font-size: 24px; font-weight: bold; color: #333; line-height: 24px; }
.grayBull { font-size: 24px; font-weight: bold; color: #666666; line-height: 24px; }
.greenBull { font-size: 24px; font-weight: bold; color: #83b704; line-height: 24px;}
.yellowBull { font-size: 24px; font-weight: bold; color: #fff500; line-height: 24px; }


.tab_container h1 { width:100%; float:left; font-size: 16px; font-weight:bold; line-height: 26px; border-bottom: solid 1px #e91c21; }
.tab_container p { text-align: left; line-height: 15px; font-size:12px; }


/* /tabs*/

.tab_content  h2 { font-weight: normal; font-size: 12px; color: #f8f8f8; line-height: 20px;}
.tab_content img { padding-left: 30px }

/*TAB*/

.textil_content .TabbedPanels { margin: 16px 0 0 0; padding: 0; float: left; clear: none; width: 900px; }
.textil_content .TabbedPanelsContent { width: 684px; height:auto; padding:0 0 0 16px; margin:0; float:left; }
.textil_content .TabbedPanelsContent
/*.textil_content .TabbedPanelsTabGroup { width:900px; height: 142px; float:left; position:relative; margin:0 0 30px 0; padding:0; border:none; }*/

.textil_content .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 7px 0; margin: 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:30px; font-weight:bold; color:#616161; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; height: 114px; width: 102px; border:none; }
.textil_content .TabbedPanelsTabHover { background: url(../navigator/tabs/vertical/over_selected.jpg) center 0 no-repeat; color:#616161; text-decoration:none }
.textil_content .TabbedPanelsTabSelected { background: url(../navigator/tabs/vertical/over_selected.jpg) center 0 no-repeat; text-decoration:none }
.textil_content .TabbedPanelsTab a { color: black; text-decoration: none; }
.textil_content .TabbedPanelsContentGroup { clear: both; border:none; width: 900px; height: auto; padding: 0; margin: 0; }

.textil_content .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 190px; height: auto; position: relative; }
.textil_content .VTabbedPanels .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 7px 4px; margin: 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:50px; font-weight:bold; color:#616161; list-style: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; height: 50px; width: 180px; border:none; /*float: none; margin: 0px; border-top: none; border-left: none; border-right: none; width: 180px; height: 50px; */ }


.textil_content .VTabbedPanels .TabbedPanelsTab .pic { width: 50px; height:auto; float:left; padding:0; margin: 0; }
.textil_content .VTabbedPanels .TabbedPanelsTab .desc { width: auto; height:auto; float:left; padding:0; margin: 0; }

.textil_content .VTabbedPanels .TabbedPanelsTabSelected { color: #75232f; }
.textil_content .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: auto; height: auto; }

/*.TabbedPanelsContent { width:510px; height:auto; float:left; padding: 4px; }*/
.textil_content .TabbedPanelsContentVisible { }



.TabbedPanelsContent table.coll  { border-collapse:collapse; border-color:#333333;}
.TabbedPanelsContent table.coll  tr td { border:solid 1px #4b5157; line-height:18px; }


.TabbedPanelsContent ul { width: 600px; height:auto; padding:22px 0 0 0; margin:0; float:left; position:relative; }
.TabbedPanelsContent ul li { display: inline; float:left; height:auto; margin:0; padding:0 10px 10px 10px; line-height: 26px; }

.textil_content .TabbedPanelsContent h1 { width:100%; float:left; font-size: 16px; font-weight:bold; line-height: 26px; border-bottom: solid 1px #e91c21; }
.textil_content .TabbedPanelsContent p { text-align: left; line-height: 15px; font-size:12px; }


/*TABLES*/

.data_table { width:520px; height:auto; float:left; margin:0; padding:16px 0 0 0; position:relative; }
.data_table table { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

/*.textil_content table  tr td { border:solid 1px #888888; line-height:14px; }*/
.textil_content .data_table  .header { background:#4b5157; color:#f8f8f8; padding: 0 0 0 5px; }
.textil_content .data_table table  tr td { border:solid 1px #888888; line-height:14px; }
.textil_content .data_table table .p_five { padding: 0 5px 0 0; }
.textil_content table .p_twenty { padding: 0 20px 0 0; }
.textil_content table .pl_five { padding: 0 0 0 5px; }


.t_white { background:#FFFFFF; }
			
			.t_preview	{ background:#6d737a; text-decoration:none; line-height:16px; color:#FFFFFF; }
			.t_preview	.face { padding: 6px; }
			
.t_lemon { background:#f6e652; }
.t_yellow {  background:#ebcc00; }
.t_orange { background:#e78e16; }
.t_red { background:#e91102; }

.t_green { background:#67cc54; }
.t_darkgreen {  background:#0b700a; }
.t_blue {  background:#3993d2; }
.t_marineblue {  background:#506281; }
.t_magenta { background:#b41da8; }
.t_violett { background:#843f9a; }
.t_gray { background:#bcbcbc; }
.t_black { background:#000000; }

.TabbedPanelsContent .view_colour { width:340px; float:left; margin:0; padding:10px 0; position:relative; height: auto; background: none; border: none; }
.TabbedPanelsContent  .view_colour li { display:inline; list-style:none; width: 20px; height:10px; margin:2px; padding:0px;  float:left; line-height:10px; cursor:pointer; }
.TabbedPanelsContent  .view_colour2 li.t_preview	{ display:inline; list-style:none; text-decoration:none; line-height:12px; color:#FFFFFF; text-align: center; padding: 5px; margin:2px; cursor:pointer; }
.TabbedPanelsContent  .view_colour_walk { width:150px; height:16px; float:left; margin:0; padding:0; position:absolute; left: 338px; top: 328px; }
.TabbedPanelsContent  .view_colour_walk li { display:inline; list-style:none; width: 20px; height:12px; margin:2px; padding:0px; position:relative; float:left; line-height:10px; }


.t_details a { position:absolute; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4b5157; font-weight:normal; height:16px; border:solid 1px #4b5157; line-height:16px; padding:0 6px; margin:0; text-decoration:none; left: -66px; top: -57px; }
.t_details a:visited { height:16px; text-decoration:none;  color:#4b5157; font-size:10px;}
.t_details a:hover { height:16px; text-decoration:none; color:#4b5157; font-size:10px;}
.t_details a:active { height:16px; text-decoration:none;  color:#4b5157; font-size:10px;}

.t_details3 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#4b5157; font-weight:normal; height:16px; line-height:16px; padding:0 6px; margin:0; text-decoration:none; }



.t_choice a { width:138px; height:10px; float:left;  margin:0px;  padding:2px 1px; position:relative; background:none; font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:9px; text-align:left; text-decoration:none; }
.t_choice a:hover { text-decoration:none; color:#333333; font-size:9px;}
.t_choice a:active { text-decoration:none;  color:#333333; font-size:9px;}
.t_choice a:visited {text-decoration:none;  color:#333333; font-size:9px;}

.get_price { line-height:16px; float:left; background:url(../images/products/quadrat_bg.gif) no-repeat left 7px; height: 16px; padding: 2px 0 2px 12px; text-align:left; position:relative; width:400px; margin: 16px 0 0 0; }

.get_price a { font-family:Arial, sans-serif; color:#4b5157; font-weight:bold;  text-decoration:none; font-size: 10px; }
.get_price a:visited { color:#4b5157; font-weight:bold;  text-decoration:none; }
.get_price a:hover { color:#4b5157; font-weight:bold; text-decoration:underline; }
.get_price a:active { color:#4b5157; font-weight:bold;  text-decoration:underline; }

.newFeatures { width: 900px; height: 196px; float:left; position:relative; margin: 0; }

.thisIntroPrint { width: 900px; height:auto; float:left; position:relative; margin: 0 0 10px 0; padding: 0; }
.thisIntroPrint h1 { color: #CCCCCC; line-height: 20px; font-size: 18px; font-weight:normal; }
.thisIntroPrint .box { width: 115px; height:auto; padding: 5px; float:left; position: relative; }
.thisIntroPrint .box * { margin: 0; padding:0; }
.thisIntroPrint .box .pic { width: 90px; float:left; margin: 0; padding:0; }
.thisIntroPrint .box h2 { width:100px; color: #CCCCCC; line-height: 16px; font-size: 14px; text-align: center; display:block; clear: both; }


ul#links { width: 900px; height: 120px; float:left; position:relative; }
ul#links li { display: inline; list-style:none; float:left; }

ul#links li.one { width: 238px; height: 50px; margin-right:54px; padding: 14px; }
ul#links li.two { width: 240px; height: 50px; margin-right: 52px; padding: 14px; }
ul#links li.three { width: 230px; height: 50px; padding: 12px 0 0 14px; }



ul#links li.four { width: 154px; height: 50px; margin-right:54px; padding: 14px; }
ul#links li.five { width: 154px; height: 50px; margin-right: 52px; padding: 14px; }
ul#links li.six { width: 160px; height: 50px; margin-right: 52px; padding: 14px; }
ul#links li.seven { width: 154px; height: 50px; padding: 12px 0 0 14px; }

ul#links li a { font-size: 1.2em; color: #ffb400; text-decoration: none; font-weight:bold; line-height: 1.4em; }
ul#links li a:visited { color: #ffb400; text-decoration: none; }
ul#links li a:hover { color: #e4e4e4; text-decoration: none; }
ul#links li a:active { color: #e4e4e4; text-decoration: underline; }