/* ---------------------
   Diagrams & Info
   ------------------- */
ul#diagram {
	width: 500px;
	height: 250px;
	position: relative;
	margin: 0 0 1.5em;
	padding: 0;
	background: url(../../img/fabricCrossSection.jpg) no-repeat 0 0;
	}
#diagram li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	}
#diagram li {
    width: 34px;
	height: 34px;
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background-image: none;
	}
li#label-a { top: 35px; left: 45px;}
li#label-b { top: 100px; left: 120px; }
li#label-c { top: 215px; left: 170px; }
li#label-d { top: 185px; left: 290px; }
li#label-e { top: 115px; left: 305px; }
li#label-f { top: 200px; left: 40px; }

#diagram li a {
    width: 34px;
	height: 34px;
	display: block;
	}

li#label-a a { background: url(../../img/label-a.png) no-repeat 0 0; }
li#label-b a { background: url(../../img/label-b.png) no-repeat 0 0; }
li#label-c a { background: url(../../img/label-c.png) no-repeat 0 0; }
li#label-d a { background: url(../../img/label-d.png) no-repeat 0 0; }
li#label-e a { background: url(../../img/label-e.png) no-repeat 0 0; }
li#label-f a { background: url(../../img/label-f.png) no-repeat 0 0; }


/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 01 - Carbon
  -----------------------------------
*/

.p7AB {
	background-color: #fff;
	padding: 0px;
	border-bottom: 1px solid #333333;
	margin-bottom: 1.5em;
	/*font-family: Arial, Helvetica, sans-serif;*/
	}
.p7ABtrig {
	margin: 0;
	padding: 0;
	}
.p7ABtrig h3, .p7ABtrig h4 {
	margin: 0;
	padding: 0;
	/*font-size: 14px;*/
	background: url(../../img/bg-trigPanel.gif) repeat-x 0 0;
	}
#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a {
	display: block;
	text-decoration: none;
	padding: 6px 0 6px 38px;
	color: #fff;
	font-weight: normal;
	/*background-color: #333333;*/
	border-bottom: 1px solid #0e3371;
	border-top: 1px solid #83a7ee;
	/*background-image: url(images/p7ap_east_med_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	}
* html #p7ABW1 .p7ABtrig a, * html #p7ABW2 .p7ABtrig a,
* html #p7ABW3 .p7ABtrig a, * html #p7ABW4 .p7ABtrig a,
* html #p7ABW5 .p7ABtrig a, * html #p7ABW6 .p7ABtrig a,
* html #p7ABW7 .p7ABtrig a, * html #p7ABW8 .p7ABtrig a,
* html #p7ABW9 .p7ABtrig a, * html #p7ABW10 .p7ABtrig a {
	display: block;
	text-decoration: none;
	padding: 6px 0 10px 33px;
	color: #fff;
	font-weight: normal;
	/*background-color: #333333;*/
	border-bottom: 1px solid #0e3371;
	border-top: 1px solid #83a7ee;
	/*background-image: url(images/p7ap_east_med_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;*/
	}

a#p7ABt1_1 { background: url(../../img/label-asm.png) no-repeat 6px 3px; }
a#p7ABt1_2 { background: url(../../img/label-bsm.png) no-repeat 6px 3px; }
a#p7ABt1_3 { background: url(../../img/label-csm.png) no-repeat 6px 3px; }
a#p7ABt1_4 { background: url(../../img/label-dsm.png) no-repeat 6px 3px; }
a#p7ABt1_5 { background: url(../../img/label-esm.png) no-repeat 6px 3px; }
a#p7ABt1_6 { background: url(../../img/label-fsm.png) no-repeat 6px 3px; }

* html a#p7ABt1_1 { background: url(../../img/label-asmie.png) no-repeat 0 0; }
* html a#p7ABt1_2 { background: url(../../img/label-bsmie.png) no-repeat 0 0; }
* html a#p7ABt1_3 { background: url(../../img/label-csmie.png) no-repeat 0 0; }
* html a#p7ABt1_4 { background: url(../../img/label-dsmie.png) no-repeat 0 0; }
* html a#p7ABt1_5 { background: url(../../img/label-esmie.png) no-repeat 0 0; }
* html a#p7ABt1_6 { background: url(../../img/label-fsmie.png) no-repeat 0 0; }

#p7ABW1 .p7ABtrig a:hover, #p7ABW2 .p7ABtrig a:hover,
#p7ABW3 .p7ABtrig a:hover, #p7ABW4 .p7ABtrig a:hover,
#p7ABW5 .p7ABtrig a:hover, #p7ABW6 .p7ABtrig a:hover,
#p7ABW7 .p7ABtrig a:hover, #p7ABW8 .p7ABtrig a:hover,
#p7ABW9 .p7ABtrig a:hover, #p7ABW10 .p7ABtrig a:hover {
	color: #fff;
	background-color: #18448d;
	border-top-color: #2053a6;
	}
.p7ABtrig a:active, .p7ABtrig a:focus {
	/*outline: 1px dotted #ccc;*/
	outline: none;
	}
#p7ABW1 .p7ABtrig .p7ABtrig_down, #p7ABW2 .p7ABtrig .p7ABtrig_down,
#p7ABW3 .p7ABtrig .p7ABtrig_down, #p7ABW4 .p7ABtrig .p7ABtrig_down,
#p7ABW5 .p7ABtrig .p7ABtrig_down, #p7ABW6 .p7ABtrig .p7ABtrig_down,
#p7ABW7 .p7ABtrig .p7ABtrig_down, #p7ABW8 .p7ABtrig .p7ABtrig_down,
#p7ABW9 .p7ABtrig .p7ABtrig_down, #p7ABW10 .p7ABtrig .p7ABtrig_down {
	/*color: #ABABAB;
	letter-spacing: 0.1em;
	background-color: #333333;
	background-image: url(images/p7ap_south_med_gray.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;*/
	color: #fff;
	background-color: #18448d;
	border-top-color: #2053a6;
	}
.p7ABcontent {
	padding: 20px;
	/*font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	background-color: #FFFFFF;*/
	background: #fff url(images/p7ap_light_gray_bevel.jpg) repeat-x 0 0;
	/*background-repeat: repeat-x;*/
	border-right: 1px solid #2053a6;
	border-left: 1px solid #333333;
	}
.p7ABcontent h2, .p7ABcontent h3, 
.p7ABcontent h4 {
	/*font-size: 14px;
	color: #333333;*/
	margin: 0px;
	line-height: normal;
	letter-spacing: 0.1em;
	}
.p7ABcontent p.uv {
	background: url(../../img/detail-uvprotection.jpg) no-repeat 0 0;
	padding: 0 0 98px 118px;
	}	
.p7ABcontent p {
	margin: 6px 0 12px 0;
	}
	
/* ----------------------------
   Detail Image & Description
   -------------------------- */	
.details {
  	float: left;
	/*width: 270px;*/
	width: 490px;
  	padding: 0;
  	}
.details dl {
  	float: left;
	/*width: 270px;*/
	width: 490px;
  	margin: 0;
  	padding: 0;
  	display: inline; /* fixes IE/Win double margin bug */
  	}
.details dt,
.details h4 {
  	margin: 0 0 .25em 121px;
	color: #0b4977;
  	padding: 0 0 4px;
  	font-size: 110%;
	letter-spacing: 1px;
	font: bold 1.2em "trebuchet ms", verdana, sans-serif;
  	}
.details dd {
  	margin: 0 0 0 121px;
  	padding: 0;
	color: #092e49;
  	font-size: 90%;
  	line-height: 1.5em;
  	}
.details p {
  	padding: 0;
	color: #092e49;
  	font-size: 90%;
  	line-height: 1.5em;
  	}
.details dl dd.img {
   	margin: 0;
   	}
.details dd.img img {
  	float: left;
  	margin: -24px 8px 0 0;
  	background: #fff;
  	}