/********** global **********/
* { font-size: 14px; font-family:Georgia, Arial; color: #333; font-style:italic; line-height: 24px }
body { margin: 0; padding: 0; background: white; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
img { border: 0; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { border: medium none; clear: both; float: none; font-size: 0; height: 0; line-height: 0; }
.space { margin-bottom: 10px; border-bottom: dashed 1px #ccc; padding-top: 10px; }
.relative { position: relative; z-index: 1; }
.absolute { position: absolute; }

.graphic{ color:#64A21B;}
.main { font-size: 18px; margin-bottom: 10px; }
.main a { right: 5px; font-weight: bold; color: #E97400; }
/********** header **********/
.header { width: 100%; background: url(images/header_bg.gif) #ffffff repeat-x 0 0; text-align: center; }
.header .padder { width: 910px; margin: 0 auto; background: url(images/header_bg.gif) #ffffff repeat-x 0 0; padding-bottom: 4px; text-align: left; }
.header .padder a.logo { display: inline-block; /*background:url(/images/logo/090601.jpg) no-repeat 0 0;*/ background-position: 0 0; background-repeat: no-repeat; width: 512px; height: 72px; position: absolute; }
.header .padder .links { height: 100px; text-align: right; }
.header .padder .links  a{ position:relative;top:40px;}
.header .padder .links .outerLink { color: #738197; line-height: 16px; padding-top: 6px; }
.header .padder .links .outerLink a { color: #738197; display: inline-block; }
.header .padder .links .outerLink a.global { background: url(images/icons_holiday.gif) no-repeat 0 0; padding-left: 20px; }
.header .padder .links .outerLink span { padding: 0 16px; }
.header .padder .links .qqOnline { padding-top: 26px; }
.header .padder .links .qqOnline a { color: #000000; }
.header .padder .links .qqOnline a span { font-weight: bold; color: #dd5400; }
.header .padder .nav { background: url(images/vertical_holiday.gif) repeat-x scroll 0 0 transparent; height: 36px; }
.header .padder .navLeftBg { height: 36px; }
.header .padder .navRightBg { background: url(images/icons_holiday.gif) no-repeat right -146px; height: 36px; }
.header .padder .nav .mainNav { padding-left: 24px; position: absolute; }
.header .padder .nav .mainNav a { outline: none; }
.header .padder .nav .mainNav a:link, .header .padder .nav .mainNav a:visited, .header .padder .nav .mainNav a:active { width: 90px; height: 36px; display: inline-block; text-align: center; color: #ffffff; font-size: 14px; line-height: 36px; }
.header .padder .nav .mainNav a:hover { text-decoration: none; }
.header .padder .nav .mainNav a.actived:link, .header .padder .nav .mainNav a.actived:visited, .header .padder .nav .mainNav a.actived:hover, .header .padder .nav .mainNav a.actived:active { background: url(images/icons_holiday.gif) no-repeat scroll 0 -27px transparent; color: #000000; }
.header .padder .nav .lesser { text-align: right; padding: 8px 12px 0 0; }
.header .padder .nav .lesser .feedback, .header .padder .nav .lesser .help { display: inline-block; padding-left: 24px; color: #ffffff; line-height: 18px; margin-left: 12px; }
.header .padder .nav .lesser .feedback { background: url(images/icons_holiday.gif) no-repeat 0 -78px; }
.header .padder .nav .lesser .help { background: url(images/icons_holiday.gif) no-repeat 0 -111px; }

.tabs { display: none; border: solid 1px #eee; border-top: none; padding: 20px; margin-bottom: 50px; min-height: 1000px; }

#fitguide { display: block; }
#stepbystep li #headlabel { display: block; font-weight: bold; margin-bottom: 5px; }
#colorchart #fabric a { margin-right: 10px; text-decoration: underline; }
#faqs .faqlist li { list-style-type: upper-roman; list-style-position: inside; line-height: 24px; padding-left: 10px; font-size: 13px; text-decoration: underline; margin:5px 0;}
#faqs li.space, #faqs li.tip { list-style: none; padding-left: 0px; text-decoration: none; }
#faqs .title { font-weight: bold; font-size: 13px; background-color: #eee; margin: 10px 0; padding: 5px 0 5px 5px; list-style: none; text-decoration: none; }
.samplename{ width:100px; border:solid 1px #dedede; background-color:#fff; font-size:11px; color:#666; text-indent:3px;}

.tabs li h3 { font-size: 12px; margin: 0 0 10px; padding: 0px; font-weight: normal; }
.tabs li.left { float: left; width: 180px; }
.tabs li.right { float: right; width: 670px; }
.tabs li.right span { display: block; margin-top: 10px; font-style: italic; }
.tabs li.right h1 { font-size: 13px; padding: 0px; margin: 0 0 5px;}
.tabs p { margin: 0px; padding: 0px; }

/*User  friendly  Table*/
.friendlytable a { color: #c75f3e; }
.friendlytable { width: 100%; padding: 0; margin: 0 auto; margin-bottom: 5px; }
.friendlytable caption { padding: 0 0 5px 0; width: 100%; text-align: left; font-size: 15px; font-weight: bold; margin: 10px 0; }
.friendlytable th { color: #4f6b72; border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; text-align: left; font-size: 12px; background: #CAE8EA url(/images/table/bg_header.jpg) no-repeat; text-align: center; height: 32px; }
.friendlytable th.header { color: #4f6b72; border: 1px solid #C1DAD7; letter-spacing: 2px; text-align: left; padding: 6px 6px 6px 12px; background: #CAE8EA url(/images/table/bg_header.jpg) repeat-x; text-align: center; height: 20px; font-size: 11px; font-weight: bold; text-align: left; }
.friendlytable th.nobg { border-top: 0; border-left: 0; border-right: 1px solid #C1DAD7; background: none; color: #E97400; }
.friendlytable td { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; background: #fff; font-size: 11px; padding: 5px 6px 5px 12px; color: #4f6b72; text-align: center; }
.friendlytable td.alt { background: #F5FAFA; color: #797268; }
.friendlytable th.spec { border-left: 1px solid #C1DAD7; border-top: 0; background: #fff url(/images/table/bullet1.gif) no-repeat; }
.friendlytable th.specalt { border-left: 1px solid #C1DAD7; border-top: 0; background: #f5fafa url(/images/table/bullet2.gif) no-repeat; color: #797268; }
.green { color: Green; font-weight: bold; }
.bold { font-weight: bold; }

.margin_t { margin: 0px; padding: 0px; width: 100%; text-align: center; }
.tabtable01 td { padding: 10px 5px; }
.td01 { background: #787878; color: #fff; text-align: center; padding: 2px 0; }
.td02 { background: #E8E8E8; font-size: 14px; ;text-align:center;font-weight:bold;}
.td03 { background: #787878; color: #fff; text-align: center; font-size: 14px; font-weight: bold; padding: 5px 0; }
.tabtable01 .desc { text-align: left; vertical-align: top; }
.tabtable01 .img { width: 53px; height: 53px; }
.tabtable01 .icon{ text-align:right;}
.tabtable01 .icon img { width: 68px; height: 68px; }
.tabtable01 .desc span { font-weight: bold; display: block; margin-bottom: 5px; }

.round_style1_top { margin: 0 auto; height: 39px; line-height: 39px; padding-left: 50px; font-weight: bold; font-size: 18px; color: #000; background: url(images/round_style1_top1241075245.gif) no-repeat; }
.round_style1_con { margin: 0 auto; padding: 10px 0px 10px 50px; background: url(images/round_style1_con1241075227.gif) repeat-y; }
.round_style1_con dd { line-height: 20px; padding-left: 15px; background: url(images/31241075273.gif) 5px 5px no-repeat; }

.round_style2_con { margin: 0 auto; }

.round_style3_top { margin: 0 auto; height: 50px; line-height: 50px; font-size: 21px; color: #000; border-top: 1px dashed #ddd; padding: 0 10px; }
.round_style3_con { height: 260px; margin: 0 auto; }
.round_style3_bot { margin: 0 auto; height: 46px; line-height: 40px; }
.round_style3_con .bigimg { position: absolute; top: 5px; left: 0px; width: 157px; height: 157px; padding: 6px; border: 1px solid #ddd; background: url(images/loading_img_s1241076863.gif) center center no-repeat; }
.round_style3_con .bigimg img { width: 157px; height: 157px; }
.round_style3_con .mimg { position: absolute; width: 36px; height: 36px; border: 1px solid #ddd; overflow: hidden; cursor: pointer; background: url(images/color1242037072-6-191245405092.jpg) no-repeat; display: none; }
.round_style3_con .mimg img { width: 36px; height: 36px; }
.round_style3_con .mimgtext { width: 68px; height: 24px; line-height: 12px; position: absolute; overflow: hidden; text-align: center; font-size: 10px; cursor: pointer; }
.t1 { top: 5px; }
.t2 { top: 43px; }
.t3 { top: 67px; }
.t4 { top: 105px; }
.t5 { top: 129px; }
.t6 { top: 167px; }
.t7 { top: 191px; }
.t8 { top: 229px; }
.t00 { left: 0px; top: 190px; }
.l1 { left: 190px; }
.l2 { left: 175px; }
.l3 { left: 260px; }
.l4 { left: 245px; }
.l5 { left: 330px; }
.l6 { left: 315px; }
.l7 { left: 400px; }
.l8 { left: 385px; }
.l9 { left: 470px; }
.l10 { left: 455px; }
.l11 { left: 540px; }
.l12 { left: 525px; }
.l13 { left: 610px; }
.l14 { left: 595px; }
.l15 { left: 655px; }
.l16 { left: 645px; }
.l17 { left: 645px; }
.l18 { left: 635px; }

.round_style4_top { margin: 0px auto 10px auto; line-height: 20px; color: #000; padding-top: 10px; }
.round_style4_con { margin: 0 auto; border-top: 1px dashed #ddd; padding: 10px 20px 0px 20px; }
.round_style4_bot { margin: 0 auto; height: 20px; line-height: 30px; margin-top: 10px; border-top: 1px dashed #ddd; }



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BREADCRUMB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.breadcrumb { float: left; padding: 0px; margin: 10px 0px 10px 5px; }
.breadcrumb a { text-decoration: none; color: #3A4045; margin-right: 5px; }
.breadcrumb b { margin: 0 5px; font-weight: normal; }
.breadcrumb a:hover { text-decoration: underline; }

div.breadcrumbs { overflow: hidden; margin: 10px 0px 10px 0px; padding: 0; height: 30px; line-height: 30px; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span { float: left; overflow: hidden; height: 30px; padding: 0 8px; font-style: normal; }
div.breadcrumbs span { background: url(/app_themes/everyol/images/bg-breadcrumb.png) no-repeat left center; overflow: hidden; padding: 0 0 0 10px; width: 0px; filter: alpha(opacity=40); opacity: 0.4; }


#floatMenu { position: absolute; top: 150px; left: 0; width: 160px; }
#floatMenu ul { margin-bottom: 20px; border: 1px solid #999; border-left: 6px solid #999;padding: 5px;  }
#floatMenu ul li h1{ font-size:12px; margin:0px; padding:0px;}
#floatMenu ul li a { display: block;text-decoration: none; color: #535353; font-size:10px;  }
#floatMenu ul li a:hover { color: red;  }
#floatMenu ul li#lastViewed img{ display:block;}
#floatMenu ul li#backhome{  color:#333; margin:8px 0; background-image:url(/app_themes/everyol/images/gray_right.gif);
                             background-repeat:no-repeat; background-position:0 5px; text-indent:8px;}



#measure{ line-height:20px;}
#whycustom p#overall{ text-align:left;  color:#808080;font: bold 19px Arial,sans-serif;text-transform: uppercase;}
#whycustom h1{ font: bold 48px Arial,sans-serif; text-align:center;text-transform: uppercase;}
.whycustom_img img{ margin:0 auto; display:block;}
#whycustom h1.graphic{color:Green;}
#whycustom h1.spec{ margin:0;}
.col_ct{ margin:20px 0 0;}
.col3{ float:left; width:30%; margin-right:3%;}
.col3 .title{ font-style:italic; text-transform:uppercase; font-size:14px; margin:10px 0; color:#FC3398;}

.col2{ float:left; width:45%; margin-right:5%;}
.tips{ text-align:center;}