/* css for universal 2 col */ @import url(st8-reset.css); a { cursor: pointer; cursor: hand;   } body { background: #7b5d6d url('bg_page-foot.jpg') no-repeat 50% 100%; color: #333; font: 62.5%/1.5em  Arial, Verdana, sans-serif;  height: 100%; margin: 0; } #wrapper-out { background: url('bg_page-top.jpg') no-repeat 50% -61px; height: 100%; padding: 10px 0; } img { border: none; } #wrapper { text-align: left; margin: 0px auto; padding: 0px; border:0; width: 976px; } #wrapper-in { background: #fff; width: 100%; } #header { background: #481e2c; height: 120px; padding: 0 18px; position: relative; top: 0; left:0; } * html #header { height: 120px; } #header h1 {	 width: 523px; height: 89px;	 } #header h1 span {	 position: absolute; top: 0; left:0; width: 523px; height: 89px; background: url('logo.jpg') no-repeat 0 0;	 } #header h2 { position: absolute; right: 18px; top: 13px; text-align: right; width: 190px; color: #fff; font-size: 2.7em; line-height: 1.5em; font-weight: normal; } #navbar { position: absolute; top: 88px; left: 10px; height: 21px; 	 } html>body #navbar { position: absolute; top: 85px; left: 10px; height: 21px; 	 } #navbar li { float: left; font-size: 1.4em;	 line-height: 1.5em; border-right: 2px solid #e3dddf; height: 21px;	 } #navbar li a { color: #fff; text-decoration: none; padding: 3px 20px 2px; } #navbar li a:hover { color: #481e2c; text-decoration: none; background: #8d666f;	 } #navbar li a.current { color: #481e2c; text-decoration: none; background: #8d666f; } #viewitems { position: absolute; top: 89px; left: 703px; height: 31px; width: 273px; background: url('bg_checkout.jpg') no-repeat 0 0;	 } #viewitems h3 { font-size: 14px; padding-left: 28px; color: #672C40; line-height: 2.5em; margin-left: 50px;	 background: url('basket.jpg') no-repeat 0 50%;	 } #viewitems h3 a { color: #672C40; text-decoration: none; } #viewitems h3 a:hover { color: #672C40; text-decoration: underline; } #subheader { /* css for regform see bottom of page */ /*	background: url('bg_col-end.png') no-repeat 100% 100%;*/ min-height: 25px; /*padding-bottom: 10px;*/ } * html #subheader { height: 20px; } #conTent { width: 940px; margin: 0 auto;	 } #main { } #left { float: left; width: 190px; padding-right: 10px; } #left-main { float: left; width: 190px; padding-right: 10px; } #left h2 { width: 173px; height: 25px; margin: 0px; padding-left: 5px; color: #fff; background: #672c40; font-size: 1.3em; line-height: 1.7em; } #sidenav { font-size: 1.6em; line-height: 1.5em; margin: 0 0 0.75em 0; } #sidenav a { color: #333; text-decoration: none; } #sidenav a:hover { color: #333; text-decoration: underline; } ul, li { list-style-type: none; } ul.shopop { display: block; font-size: 1.6em; line-height: 1.5em; margin: 0 0 0.75em 0px; margin-bottom: 0.75em; } html>body ul.shopop { margin: 0 0 0.75em 0px; } * html ul.shopop { line-height: 1.4em; } ul.shopop li { width: 170px; } ul.shopop li a { width: 100%; color: #333; text-decoration: none; } ul.shopop li a:hover { color: #333; text-decoration: underline; } ul.sub-shopop li { display: none; margin-left: 10px; } ul.shopop li.current  { background: url('shopop.png') repeat-x 0 0; padding-left: 3px; display: block; height: 100%; } ul.shopop li.current a { color: #fff; line-height: 1.0em; padding-bottom: 5px; height: 24px; } * html ul.shopop li.current a:hover { color: #fff; } ul.shopop li.current ul.sub-shopop li {  display: block;	 } * html ul.shopop li.current ul.sub-shopop {  margin-top: 10px;	 } ul.shopop li.current ul.sub-shopop li a { padding-left: 20px; background: url('subop.png') no-repeat 0 50%; color: #333; text-decoration: none; } ul.shopop li.current ul.sub-shopop li a:hover { color: #333; text-decoration: underline; } * ul.shopop li li { height: 25px; margin-top: 3px; } #left p { font-size: 1.3em; margin: 1em 0 0; line-height: 1.4em; width: 180px;	 } #left p.img { text-align: center; margin-top: 0;	 } .info h3 { font-size:1.4em; margin:10px 5px; } .info p { font-size:1.2em; margin:10px 5px; } #middle { float: left; width: 542px; } #middle h2 { color: #fff; background: #8d656f; font-size: 1.3em; height: 20px; width: 527px; padding: 5px 0 2px 15px; margin: 7px 0;	 } #middle h2 a {color:white;} .tribox { width: 542px; background: url('bg_tribox-tile.png') repeat-y 0 0;	 } .tribox-top { background: url('bg_tribox-end.png') repeat-y 0 0; } .tribox-foot { background: url('bg_tribox-end.png') no-repeat 0 0; width: 100%; height: 13px; } .tribox h3, .fbox h3, .prodbox h3 { color: #fff; padding: 0.25em 0 0.25em 15px; font-size: 1.2em; font-weight: bold;	 background-color:#672C40; } .box { float: left; width: 186px;	 } .box3 { float: left; width: 168px;	 } .fbox { width:168px; float:left; border:1px solid #672C40; margin: 0 5px 10px 5px;  } * html .fbox { margin: 0 4px 10px 4px;  } .box img, .box3 img, .fbox img { margin: 10px 0px 0 11px; } h1.H1product { font-size: 12px; color: #fff; background-color: #672c40; margin: 0; padding-top: 6px; height: 34px; } h1.H1product2 { font-size: 12px; color: #fff; background-color: #672c40; margin: 0; padding: 6px 0; } .productWRAP { border: 1px solid #672c40; background-color: #fff; } .productLEFT { margin: 20px auto; text-align: center; } .productLEFT2 { margin: 5px auto; width: 280px; float: left; } .productTITLE { text-align: center; height: 40px; } .productTITLE2 { text-align: center; height: 26px; } .productRIGHT { padding: 5px; } .productRIGHT2 { padding: 20px 5px; width: 240px; float: right; } .productDESC { height: 45px; } .productDESC2 { font-size: 12px; padding: 0 0 20px 5px; } .productORDER { margin: 0; padding: 5px; } .basketBUT { background-color: #006666; margin-top: 4px; width: 232px; } .basketBUT img { } .prodbox { border: 1px solid #672C40; width:540px; margin-bottom:25px; } .prodbox h3 { font-size:1.4em; } .product-image { margin:10px; width:140px; float:left; } .product-info { width:360px; background-color:#C3C9C0; color:#333; float:right; margin:10px; padding-bottom:15px; } .product-info h4 { font-size:1.6em; color:#481E2C; margin:16px; } .product-info p { font-size:1.2em; margin:16px; } .order-buttons { float:right; margin:10px; width:254px; } .price { background-color:#672C40; font-size:16px; color:white; text-transform:uppercase; padding:4px 6px;	 height:16px; margin-bottom:1px; /*float:right;*/ /*width:250px;*/ } .price2 { background-color:#672C40; font-size:16px; color:white; text-transform:uppercase; padding:4px 6px;	 height:16px; margin-bottom:1px; /*float:right;*/ width:220px; } .att-description {width:79px;} .att-description p {margin:3px 0 3px 16px;} .price .label {float:left;} .price .pprice {float:right;} .price2 .label {float:left;} .price2 .pprice {float:right;} .tribox p, .fbox p { width: 136px; margin: 0.25em 0 0.25em 15px; font-size: 1.1em; line-height: 1.5em; } .tribox p span, .fbox p span { float: right; padding-bottom: 0.5em; margin-top: -7px; } .tribox p span a, .fbox p span a { color: #943f5c; text-decoration: none; } .tribox p span a:hover, .fbox p span a:hover { color: #672c40; text-decoration: underline; } #right { float: right; width: 190px; } #right h2 { width: 171px; height: 25px; margin: 2px 0 0.25em 7px; padding-left: 5px; color: #fff; background: #672c40; font-size: 1.3em; line-height: 1.7em; } .offer { width: 186px; margin-left: 2px;	 } .offer img { margin: 10px 0px 0 14px;	 } .offer p { width: 160px; margin: 0.5em 0 0.5em 13px; font-size: 1.2em; line-height: 1.6em; } .offer p span { float: right; padding-bottom: 0.5em; } .offer p span a { color: #943f5c; text-decoration: none; } .offer p span a:hover { color: #672c40; text-decoration: underline; } #subfooter { background: url('bg_col-end.png') no-repeat 100% 0; text-align: center; padding: 10px 0 20px; height: 25px; } #footer { clear: both; width: 966px; margin: 0 auto;	 min-height: 20px; color: #fff; line-height: 2em; } * html #footer { height: 20px; } #footer a { color: #fff; text-decoration: underline;	 } #footer a:hover { color: #ccc; text-decoration: underline;	 } #f-left { float: left; width: 38%;	 } #f-left a { color: #fff; text-decoration: none;	 margin-right: 2em; } #f-left a:hover { color: #fff; text-decoration: underline;	 } #f-right { float: right; width: 58%; text-align: right;	 } #middle table { font-size:12px; } #middle table td { padding:3px; } /* *************** FORM **************** */ #regform { margin: 10px 0 0px 230px; } * html #regform { margin: 10px 0 0px 117px; } *:first-child+html #regform { margin: 10px 0 0px 117px; } #regform input.text { height: 16px; background: #fff; border: 1px solid #a8a8a8;	 font-size: 11px; line-height: 1.3em; width: 175px; } #regform .txt { margin-top: 2px; float:left; width: 365px; white-space: nowrap; } #regform .but { margin-top: -1px; float:left; width: 90px; } * html #regform .but { margin-left: 4px; margin-top: 0px; } *:first-child+html #regform .but { margin-left: 116px; margin-top: 0px; } .clearBOTH { clear:both; } #dhtmltooltip{ position: absolute; width: 150px; border: 1px solid black; padding: 2px; background-color: white; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); } .tthead{ text-align:center; }