body { margin: 0px; /* margin-left:50px; margin-right:50px; */ padding: 0; background: #D6D6D6 url(../images/img01.jpg) repeat-x left top; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #737373; } body#product_details { margin: 0px; padding: 0px; background: #D6D6D6 url(../images/product_details_body_bg.jpg) repeat-y 20px 0px; margin-left:0px; margi-right:0px; } #upper_wrapper { margin:0px; padding:0px; background: #D6D6D6 url(../images/img01.jpg) repeat-x left top; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #737373; } #upper_wrapper2{ margin-left:50px; margin-right:50px; margin-top:0px; } #page_wrapper { margin:0px; padding:0px; background: #D6D6D6 url(../images/img01.jpg) repeat-x left top; text-align: justify; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; color: #737373; margin-left:75px; margin-right:50px; } h1, h2, h3 { margin-top: 0;} h1 { font-size: 1.6em; font-weight: normal;} h2 { font-size: 1.6em;} h3 { font-size: 1em;} ul {} a { text-decoration: none; color: #333333;} a:hover { border-bottom: none;} a img { border: none;} img.left { float: left; margin: 0 20px 0 0;} img.right { float: right; margin: 0 0 0 20px;} /* Headers */ #header {width: 1000px; margin: 0 auto; height: 231px; background: url(../images/img03.jpg) no-repeat left top;} #header1 {position:relative;height:90px;min-width:1000px;_width:1000px;background:url(../images/header_center.jpg) top left repeat-x;margin-left:50px;margin-right:50px;} #header1_left{float:left;width:50px;height:90px;background:url(../images/header_left.jpg) top left no-repeat;} #header1_right{float:right;width:50px;height:90px;background:url(../images/header_right.jpg) top right no-repeat;} #header1_bottom_spacer {positon:relative;height:5px;min-width:1000px;_width:1000px;background: #fff url(../images/header1_bottom_spacer_left.jpg) top left no-repeat;margin-top:0px;margin-left:50px;margin-right:50px;} #header1_bottom_spacer_right {float:right;width:50px;height:5px;background: #fff url(../images/header1_bottom_spacer_right.jpg) top right no-repeat;} #header1 h1 {font-size:12pt;color:#fff;position:absolute;top:60px;left:50px;} /* #header1 ul { margin: 0; padding: 60px 0 0 0px; list-style: none;} #header1 li { float: left; display: inline;} #header1 a { height: 30px; margin: 0px; padding: 20px 25px 0px 25px; background: url(../images/img06.gif) no-repeat left 24px; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #FFFFFF;} #header1 a:hover { color: #C0C0C0;} */ #header1 .title1_logo_link a{font-size:12pt;margin-left:-20px;margin-right:20px;background:none;color:#C0C0C0;} #header1 .current_page_item a { background: none; color: #C0C0C0;} #header2 {position:relative; height:220px;min-width:1000px;_width:1000px;background: #fff;margin-left:50px;margin-right:50px;} #header2_left{float:left;width:30px;height:220px;background:url(../images/header2_left.jpg) 0px 0px no-repeat;} #header2 #img_container {height:216px;border:0px;margin:0px;padding:0px;background-color:#B0B4B7;border-top:5px solid #fff;} #header2 #img_container img {height:216px;border:0px;margin:0px;padding:0px;background-color:#2A1502;border-left:1px solid #fff;} #header2_sidebar2 {float:right;width:230px;height:215px;background: #fff url(../images/header2_right.jpg) top right no-repeat;color: #737373;padding-top:5px;border-left:10px solid #fff;z-index:2000;} #header2_sidebar2 ul {margin: 0;padding: 0;list-style: none;} #header2_sidebar2 li {padding: 0 0 20px 0;} #header2_sidebar2 li ul {background: #F7F7F7;padding-bottom: 20px;} #header2_sidebar2 li li {margin: 0px 15px;padding: 8px 0px; border-bottom: 1px #DCDCDC dashed;background: none;} #header2_sidebar2 li h2 { height: 26px; background: #C9C9C9; margin: 0px 30px 0px 0px; padding: 14px 15px 0px 15px; text-transform: uppercase; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #535353; } #header2_sidebar2 a { color: #737373;} #header2_sidebar2 a:hover { color: #BDBDBD;} #header2_sidebar2 #sidebar2_searchform input { margin: 10px 0px 0px 15px;} #header2_sidebar2 .tag {margin-right:30px;} #header2_sidebar2 #searchform {margin: 0; padding: 0 0 20px 0;} #header2_sidebar2 #searchform br {display: none;} #header2_sidebar2 #searchform h2 {} /* Page */ #page { position:relative; min-width:1000px; _width:1000px; padding: 0px 0px 0px 0px; background-color:#fff; background: #fff url(../images/page_right.jpg) top right repeat-y; margin-left:50px; margin-right:50px; } #page_background_left_border { position:relative; min-width:1000px; _width:1000px; padding: 0px 0px 0px 0px; background-color:#fff; background: #fff url(../images/page_left.jpg) top left repeat-y; } /* Content */ #content {position:absolute; left:250px; background: #FFFFFF;margin-right:280px;} .post {padding-bottom: 15px; line-height: 200%;} .post h1 {font-weight: normal;} .title {margin: 0; padding: 15px 0 4px 0px; font-size: 28px; font-weight: normal;} .title a {border-bottom: none; color: #535353;} .title a:hover {border-bottom: 1px dotted #000000;} .byline {margin: -4px 0px 20px 0px; padding: 4px 0px; border-bottom: 1px #DCDCDC dashed; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} .tag {padding: 0 15px;} .entry {padding: 0px 0px;} .links {} .links a {display: block; width: 110px; height: 28px; padding-top: 2px; background: url(../images/img07.jpg) no-repeat left top; text-align: center; font-weight: bold; color: #FFFFFF;} .links a:hover {} /* Sidebars */ #sidebar1 {float: left; width: 230px; background: #fff url(../images/img04.jpg) repeat-y left top;padding: 0; color: #737373;} #sidebar1 ul {margin: 0; padding: 0; list-style: none; margin-left:0px; margin-top:10px;} #sidebar1 li {padding: 0 0 20px 31px;} #sidebar1 li ul {background: #F7F7F7; padding-bottom: 20px;} #sidebar1 li li {margin: 0px 15px; padding: 4px 0px; border-bottom: 1px #DCDCDC dashed; background: none;} #sidebar1 li li a {display:block;padding:8px 8px;} #sidebar1 li li a:hover {display:block;padding:8px 8px;color:#fff !important;background:#535353} #sidebar1 li h2 {height: 26px; background: #C9C9C9; margin: 0 0 0 0; padding: 14px 15px 0px 15px; text-transform: uppercase; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #535353;} #sidebar1 ul li ul {margin-top:0px;} #sidebar1 a {color: #737373;} #sidebar1 a:hover {color: #BDBDBD;} #sidebar2 {float: right; width: 230px; margin-top: 0px; background:url(../images/page_right.jpg) top right repeat-y;} #sidebar2 ul {margin: 0; padding: 0; list-style: none; margin-top:10px;} #sidebar2 li {padding: 0 0 20px 0;} #sidebar2 li ul {background: #F7F7F7; padding-bottom: 20px; width:200px;} #sidebar2 li li {margin: 0px 0px; padding: 8px 0px; border-bottom: 1px #DCDCDC dashed; background: none;text-align:center;} #sidebar2 li h2 {height: 26px; background: #C9C9C9; margin: 0 30px 0 0; padding: 14px 15px 0px 15px; text-transform: uppercase; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #535353;} #sidebar2 ul li ul {margin-top:0px;} #sidebar2 a {color: #737373;} #sidebar2 a:hover {color: #BDBDBD;} #sidebar1_product_details {color: #737373;width:207px;vertical-align:top;} #sidebar1_product_details ul {margin: 0; padding: 0; list-style: none; margin-left:0px; margin-top:0px;} #sidebar1_product_details li {padding: 0 0px 20px 10px;} #sidebar1_product_details li ul {background: #F7F7F7; padding-bottom: 20px;} #sidebar1_product_details li li {margin: 0px 15px; padding: 4px 0px; border-bottom: 1px #DCDCDC dashed; background: none;} #sidebar1_product_details li li a {display:block;padding:8px 8px;} #sidebar1_product_details li li a:hover {display:block;padding:8px 8px;color:#fff !important;background:#535353} #sidebar1_product_details li h2 {height: 26px; background: #C9C9C9; margin: 0 0 0 0; padding: 14px 15px 0px 15px; text-transform: uppercase; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #535353;} #sidebar1_product_details ul li ul {margin-top:0px;} #sidebar1_product_details a {color: #737373;} #sidebar1_product_details a:hover {color: #BDBDBD;} #sidebar2_product_details {width: 207px; margin-top: 0px;vertical-align:top;} #sidebar2_product_details ul {margin: 0; padding: 0; list-style: none; margin-top:0px;} #sidebar2_product_details li {padding: 0 0 20px 0;} #sidebar2_product_details li ul {background: #F7F7F7; padding-bottom: 20px; width:200px;} #sidebar2_product_details li li {margin: 0px 0px; padding: 8px 0px; border-bottom: 1px #DCDCDC dashed; background: none;text-align:center;} #sidebar2_product_details li h2 {height: 26px; background: #C9C9C9; margin: 0 7px 0 0; padding: 14px 15px 0px 15px; text-transform: uppercase; font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; color: #535353;} #sidebar2_product_details ul li ul {margin-top:0px;} #sidebar2_product_details a {color: #737373;} #sidebar2_product_details a:hover {color: #BDBDBD;} /* Footer */ #footer {position:relative;height:110px;min-width:1000px;_width:1000px;background:url(../images/footer_center.jpg) top left repeat-x;margin:0px 50px 0px 50px;} #footer_left {float:left;width:50px;height:110px;background:url(../images/footer_left.jpg) top left no-repeat;} #footer_right {float:right;width:50px;height:110px;background:url(../images/footer_right.jpg) top right no-repeat;} #footer p { margin: 0; padding: 40px 0 0 0; text-align: center; text-transform: uppercase; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #737373; } #footer a { color: #BDBDBD;} #footer .link {} #footer .copyright {} .random_pick_imgs {display:block;background-color:#F7F7F7;text-align:center;} .random_pick_imgs a {border:0px;} .random_pick_imgs img {border:1px solid #D6D6D6;padding:1px;width:100px;height:100px;} .sample_product_from_collection {display:inline-block;background-color:#F7f7f7;text-align:center;margin:10px;} .sample_product_from_collection a {border:0px;} .sample_product_from_collection img {border:1px solid #D6D6D6; padding:1px; width:100px;height:100px;} #post_img_left {padding-top:10px;} #TJK_dropDownMenu, #TJK_dropDownMenu * { margin:0;padding:0;} #TJK_dropDownMenu { position:absolute;top:30px;left:200px;width:80em;max-width:100%;float:left;margin-bottom:3.5em;padding-top:30px;} #TJK_dropDownMenu li ul { position:absolute; height:auto; display:none; left:-10px; background:url(/img/clear.gif);/* trick to keep'em open */ } #TJK_dropDownMenu li { position:relative; max-width:16.5%; float:left; list-style-type:none; font-weight:bold; } #TJK_dropDownMenu li ul li { width:12em/*FF*/; padding:0; border:none; max-width:120%; border:1px solid #333; border-top:none; margin-left:26px; } #TJK_dropDownMenu li a { color:#fff; text-decoration:none; display:block; float:left; padding:0 .4em; height:2em; line-height:2em; padding: 0px 20px 0px 20px; background: url(../images/img06.gif) no-repeat left 5px; } #TJK_dropDownMenu li ul li a { width:11em/*FF*/; position:relative !important; /* ie Mac */ white-space:nowrap; line-height:1.7em; height:1.7em; font-weight:normal; border:1px solid #fff; color:#666; background-position:0 50% !important; padding:4px 0px 4px 8px; background-image:none; } #TJK_dropDownMenu li a:hover, #TJK_dropDownMenu li a:focus, #TJK_dropDownMenu li a:active {color:#C0C0C0;} #TJK_dropDownMenu ul a:hover, #TJK_dropDownMenu ul a:focus, #TJK_dropDownMenu ul a:active {color:#fff !important;background:#535353} #TJK_dropDownMenu li:hover ul, #TJK_dropDownMenu li.msieFix ul {display:block;z-index:10;top:2em !important;} /* safari: users can keep sub-menus up by from sub-menus to next top level */ /* didn't find a solution for users going back from the last one. I prefer */ /* to leave it like that vs. taking the last sub-menu *out of* the wrapper */ #TJK_dropDownMenu li#AB {z-index:6;} #TJK_dropDownMenu li#CF {z-index:5;} #TJK_dropDownMenu li#GJ {z-index:4;} #TJK_dropDownMenu li#KR {z-index:3;} #TJK_dropDownMenu li#ST {z-index:2;} #TJK_dropDownMenu li#UZ {z-index:1;} /* Current location - class on Body must match LI's id */ .AB #TJK_dropDownMenu li#AB a, .CF #TJK_dropDownMenu li#CF a, .GJ #TJK_dropDownMenu li#GJ a, .KR #TJK_dropDownMenu li#KR a, .ST #TJK_dropDownMenu li#ST a, .UZ #TJK_dropDownMenu li#UZ a {color:#000;} /* Keeping current menu accessible to JAWS */ .AB #TJK_dropDownMenu li#AB ul, .CF #TJK_dropDownMenu li#CF ul, .GJ #TJK_dropDownMenu li#GJ ul, .KR #TJK_dropDownMenu li#KR ul, .ST #TJK_dropDownMenu li#ST ul, .UZ #TJK_dropDownMenu li#UZ ul {display:block;top:-1000px} /* background colors */ #AB li a {background-color:#e2facd;} #CF li a {background-color:#fffcd0;} #GJ li a {background-color:#C9C9C9;} #KR li a {background-color:#C9C9C9;} #ST li a {background-color:#c9c9ff;} #UZ li a {background-color:#ffcebe;} /* "trigger" and "msieFix" classes */ #TJK_dropDownMenu li.msieFix a {} /* last nested UL. keeping it in */ #TJK_dropDownMenu li#UZ ul {left:-2.3em !important;} /* If JS is OFF we need to style the links in the sub-menu of the current page */ /* so they are accessible to keyboard users. Using a class on each link would let */ /* us stick each link in the same place, but we would have to plug a lot of */ /* attributes in the markup and many rules here, so... */ .AB #TJK_dropDownMenu li#AB ul li a:focus, .AB #TJK_dropDownMenu li#AB ul li a:active, .CF #TJK_dropDownMenu li#CF ul li a:focus, .CF #TJK_dropDownMenu li#CF ul li a:active, .GJ #TJK_dropDownMenu li#GJ ul li a:focus, .GJ #TJK_dropDownMenu li#GJ ul li a:active, .KR #TJK_dropDownMenu li#KR ul li a:focus, .KR #TJK_dropDownMenu li#KR ul li a:active, .ST #TJK_dropDownMenu li#ST ul li a:focus, .ST #TJK_dropDownMenu li#ST ul li a:active, .UZ #TJK_dropDownMenu li#UZ ul li a:focus, .UZ #TJK_dropDownMenu li#UZ ul li a:active {position:absolute !important;top:1028px !important;} /*========================================== Navigation Links for Product pages */ /* blue, circular arrow buttons above product list pictures */ #nav_wrapper {position:relative; height:30px;margin-top:0px;} #nav_bottons {position:absolute;top:20px;left:250px;} #label {display:inline-block;height:20px;padding-top:2px;padding-right:10px;vertical-align:top;font-size:14pt;margin-top:-5px;} #label a {display:inline-block;height:20px;margin:0px;padding:0px;border:0px;padding-right:15px;font-weight:bold;text-decoration:none;color: #565656;} #label a:link {display:inline-block;height:20px;margin:0px;padding:0px;border:0px;padding-right:15px;font-weight:bold;text-decoration:none;color: #565656;} #label a:active {display:inline-block;height:20px;margin:0px;padding:0px;border:0px;padding-right:15px;font-weight:bold;text-decoration:none;color: #565656;} #label a:visited {display:inline-block;height:20px;margin:0px;padding:0px;border:0px;padding-right:15px;font-weight:bold;text-decoration:none;color: #565656;} #label a:hover {display:inline-block;height:20px;margin:0px;padding:0px;border:0px;padding-right:15px;font-weight:bold;text-decoration:underline;color: #565656;} a.pp {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -2px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.pp:link {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -2px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.pp:active {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -2px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.pp:visited {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -2px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.pp:hover {background:#fff url('../images/navtiles.gif') -2px -23px no-repeat;border:0px;badding:0px;margin:0px;} a.p {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -23px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.p:link {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -23px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.p:active {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -23px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.p:visted {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -23px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.p:hover {background:#fff url('../images/navtiles.gif') -23px -23px no-repeat;border:0px;badding:0px;margin:0px;} a.f {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -44px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.f:link {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -44px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.f:active {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -44px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.f:visited {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -44px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.f:hover {background:#fff url('../images/navtiles.gif') -44px -23px no-repeat;border:0px;badding:0px;margin:0px;} a.ff {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -65px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.ff:link {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -65px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.ff:active {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -65px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.ff:visited {display:inline-block;width:20px;height:20px;background:#fff url('../images/navtiles.gif') -65px -2px no-repeat;border:0px;badding:0px;margin:0px;} a.ff:hover {background:#fff url('../images/navtiles.gif') -65px -23px no-repeat;border:0px;badding:0px;margin:0px;} .product_listing {display:inline-block;background-color:#F7f7f7;text-align:center;margin:10px;} .product_listing a {border:0px;} .product_listing img {border:1px solid #D6D6D6; padding:1px; width:100px;height:100px;} .product_listing .spacer {border:0px;} .sample_product_from_collection {display:inline-block;background-color:#F7f7f7;text-align:center;margin:10px;} .sample_product_from_collection a {border:0px;} .sample_product_from_collection img {border:1px solid #D6D6D6; padding:1px; width:100px;height:100px;}