@charset "utf-8";
/* CSS Document */
/* CSS Document */
/*
Theme Name: Finishing Touch
Theme URI: http://www.theme-time.com/26/
Description: Finshing Touch an attractive adsense ready template by Theme Time
Author: Lee Cooper
*/
* {
padding: 0;
/*margin:0; */
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
dt
{
font-weight:bold;
}
dd
{
margin:0.5em;
padding:0;
}
/*.clear {
clear:both;
height:20px;
}*/
fieldset
{
border:0;
}
body
{
background-color:#fff;
margin: 0px;
font: 76%/1.6em gil sans, verdana, tahoma, arial, sans-serif;
color: #000000;
text-align: center;
}
div#sitewrapper {
text-align:left;
width:905px;
margin:0 auto;
}
a
{
text-decoration:none;
color: #CF3D1E;
}
a:link, a:visited {
color: #CF3D1E;
text-decoration:underline;
}
a:active {
color: #CF3D1E;
text-decoration:underline;
}
a:hover {
color:#00A7B5;
text-decoration:none;
}
#dc_block14 {
background-color: #ff0;
padding-right:6px;
padding-bottom:6px;
/*float:left;*/
/*clear:left;*/
background: url(images/shadow.png) no-repeat bottom right !important;
background: url(images/shadow.gif) no-repeat bottom right;
margin: 10px 0px; 10px 0px !important;
margin: 10px 0px; 10px 5px;
}
#dc_block14 table {
position:relative;
bottom:0px;
right: 0px;
border: 1px solid #999999;
padding:5px;
margin: 0px;
}
#dc_block14 table td {
padding:5px;
}
#dc_block14 a {
font-size: 12px;
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#dc_block14 a:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
#container {
margin: 0 auto;
padding-bottom:10px;
background: #CF3D1E;
width:905px;
position: relative;
text-align: left;
}
#navigation {
background-repeat:repeat-x;
background: #CF3D1E;
background-position:top;
overflow: hidden;
width:905px;
position: relative;
text-align: center;
font-size:12px;
font-family: gil sans, verdana, tahoma, arial, sans-serif;
margin: 0 auto;
border-top:1px solid #000;border-bottom:1px solid #000;
/*border-bottom: 1px solid #282828;
border-top: 1px solid #282828;*/
}
html #navigation {
/*height: 1%;*/
}
#navigation ul li {
float: left;
margin: 0px;
list-style-type: none;
}
#navigation ul li a {
/*border-right:1px solid #282828;*/
padding: 8px 8px 8px 8px;
display: block;
/*font-weight:bold;*/
color:#fff;
text-decoration: none;
background:#/*282828;*/
font-size:12px;
letter-spacing:0px;
/*background-image:url(images/nav_bar_m.gif);*/
background-repeat:repeat-x;
background-position:center;
border-right:1px solid #000;border-left:1px solid #000; border-width:1px 0 1px 1px;
}
#navigation ul li a:hover,
#navigation ul li a:active {background:#00A7B5; color:#CF3D1E;}
{
/*background-image:url(images/cat-hov.jpg);*/
background-repeat:repeat-x;
background-position:top;
color:#CF3D1E;
font-size:12px;
text-decoration:underline;
}
#drop-shadow{
background-image:url(images/drop-shadow.gif);
background-repeat:repeat-x;
background-position:center;
margin: 0px;
width:202px;
padding-top:2px;
padding-bottom:3px;
}
#header {
clear: both;
margin: 0 auto;
width:810px;
height:127px;
position: relative;
text-align:left;
font-size:12px;
padding:0;
background-image:url(images/header.png);
background-repeat:no-repeat;
background-position:top;
}
#header h1
{
font-size:1.8em;
top:25px;
left:10px;
position:absolute;
visibility:visible;
letter-spacing:0px;
}
#header h1 a {
text-decoration:none;
border:0;
color:#00A7B5;
font-family:gil sans, verdana, tahoma, arial, sans-serif;
text-transform:none;
font-size:24px;
font-weight:bold;
}
#header h2
{
top:2px;
right:3px;
position:absolute;
visibility:visible;
font-size:12px;
font-weight:normal;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
color:#CF3D1E;
}
#feedarea {
height:25px;
text-align: left;
width:810px;
position: relative;
margin:0 auto;
font-size:12px;
background-color:373737;
}
#feedarea a:link,
#feedarea a:active,
#feedarea a:visted,
#feedarea a:hover{
font-size:12px;
}
html #feedarea {
border-bottom:1px solid #282828;
font-size:12px;
}
#feedarea dl dt {
display: inline;
margin-right: 5px;
}
#feedarea dl dd {
height:25px;
display: inline;
margin-right: 5px;
background:url(images/icon_feed.gif) no-repeat left center;
padding-left:19px;
}
#content {
width:810px;
margin:0 auto;
position:relative;
}
html #content {
}
#content-main ul
{
padding:0 1em;
list-style-image:url(images/bullet.png);
}
#content-main ul.asides
{
margin:0;
border-bottom:#ddd 1px solid;
}
#content ol
{
list-style-type:decimal;
margin-left:40px;
}
html #section-index #content-main {
margin-right: 0px;
}
#content .post{
background-image:url(images/underline.gif);
background-repeat:no-repeat;
background-position:top -1px;
padding:10px;
}
#content h2.pagetitle {
color:#c3ec6a;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
#content h2,
#content h2 a,
#content h2 a:link,
#content h2 a:visited{
color:#a4b87a;
font-size:16px;
font-weight:normal;
text-decoration:none;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
#content h2 a:hover{
color:#00A7B5;
font-size:16px;
font-weight:normal;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
background-color: #000000;
}
#content .entry
{
}
#content .entry a:link, #content .entry a:visited{
color:#00A7B5;
}
#content .entry a:hover, #content .entry a:active
{
}
#content .entry li
{
margin:5px;
padding:0;
line-height:1.6em;
}
#content .postmetadata
{
clear:both;
font-size:0.9em;
text-align:left;
color:#999;
margin:5px 0px 5px 0px;
padding:5px;
background-color:#282828;
border: 1px solid #494848;
}
.postmetadata a:link,
.postmetadata a:active,
.postmetadata a:visited
{
color:#bdbd8c;
text-decoration:none;
}
.postmetadata a:hover
{
color:#00A7B5;
text-decoration:underline;
}
#content .post-info{
clear:both;
font-size:0.9em;
color:#999;
margin:0;
padding:0;
}
#content .post-info a:link,
#content .post-info a:visited,
#content .post-info a:active{
color:#bdbd8c;}
#comments, #respond{
margin: 0;
padding:1em 0 0 0;
margin: 50px;
color:#333333;
background-color:#666666;
}
#commentform
{
margin: 5px;
padding:10px;
background:#373737;
border: #282828 1px solid;
}
.commentnum
{
font-weight:bold;
margin:0 5px 0 0;
color:#ecc13c;
font-size:12px;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
#container .commentlist {
margin: 1em 0;
padding: 0;
margin: 5px;
}
#container .commentlist li
{
list-style:none;
margin: 0;
padding: 5px;
background-color:#1f1f1f;
}
#container .commentlist li.alt
{
background-color:#464545;
color:#00A7B5;
margin-top:5px;
margin-bottom:5px;
}
#container .commentlist li.authorcomment
{
background:#212121;
border:2px solid #666;
color:#fff;
margin-top:5px;
margin-bottom:5px;
}
#container .commentlist li .cmtinfo
{
font-size:1em;
}
#container .commentlist li cite
{
font-style:normal;
font-weight:bold;
}
#container .commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em; color:#00A7B5;
}
#content .commentsfeed
{
background:url(images/icon_feed.gif) no-repeat left center;
padding:5px 5px 5px 20px;
}
#content .trackback
{
background:url(images/icon_link.gif) no-repeat left center;
padding:5px 5px 5px 20px;
height:30px;
}
#submit
{
background-image:url(images/nav_bar_m.gif);
background-repeat:repeat-x;
background-position:center;
padding:5px;
color:#333;
font-weight:bold;
border: 1px solid #282828;
}
#submit:hover{
background-image:url(images/cat-hov.jpg);
background-repeat:repeat-x;
background-position:center;
text-decoration:underline;
color: #333;
}
#header, #content, #sidebar, #footer, .widget {
overflow: hidden;
}
#footer-area{
width:810px;
position: absolute;
bottom:0px;
left:0px;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:5px;
font-size:12px;
color:#00A7B5;
text-decoration:none;
}
#footer-area a{
font-size:12px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:hover{
font-size:12px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:visited{
font-size:12px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#footer-area a:hover{
font-size:12px;
font-weight:bold;
border:0px;
color:#fff;
text-decoration:none;
}
#Theme-Sponsors{
width:810px;
position:relative;
visibility:visible;
z-index:55;
font-size:12px;
margin: 0px auto;
color:#fff;
text-align:left;
height:147px;
background-color:#373737;
background-image:url(images/footer.png);
background-repeat:no-repeat;
background-position:top;
}
#Theme-Sponsors a:visited{
font-size:12px;
color:#ddd84f;
border:0px;
}
#Theme-Sponsors a:active{
font-size:12px;
color:#ddd84f;
border:0px;
}
#Theme-Sponsors a{
font-size:12px;
color:#ddd84f;
border:0px;
}
#Theme-Sponsors a:hover{
font-size:12px;
color:#fff;
border:0px;
}
#search-tool-div{
position:absolute;
visibility:visible;
z-index:100;
right:10px;
top:95px;
}
.search-top{
border:#fff 1px solid;
padding:4px;
font-size:12px;
color:#333;
background:#fff url(images/shadow_top.gif) repeat-x top;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
.search-top:focus{
border:#fff 1px solid;
padding:4px;
color:#333;
font-size:12px;
background:#fff url(images/shadow_top.gif) repeat-x top;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
.submit-search{
padding:2px;
font-size:11px;
color:#333;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
}
.no-image{
border:0px;
background-image:none;
padding:0px;
margin-right:5px;
}
#sidebar-left {
width: 195px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
overflow:hidden;
float:left;
background-color:#373737;
}
.dynamic_widget {
float: left;
width:100%;
color:#e0e0c8;
}
#sidebar-left h2 {
display: block;
float:left;
width: 195px;
margin: 0px;
padding:5px 5px 5px 8px;
overflow:hidden;
font-size:14px;
font-weight:bold;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
background-image:url(images/underline.gif);
background-position:center;
border-bottom: 1px solid #494848;
}
#sidebar-right {
width: 195px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:10px;
overflow:hidden;
float:right;
background-color:#373737;
}
#sidebar-right h2 {
display: block;
float:left;
width: 195px;
margin: 0px;
padding:5px 5px 5px 8px;
overflow:hidden;
font-size:14px;
font-weight:bold;
font-family:Gil Sans,Verdana, Arial, Helvetica, sans-serif;
text-align: left;
color: #fff;
background-image:url(images/underline.gif);
background-position:center;
border-bottom: 1px solid #494848;
}
.arrow {
float: left;
list-style-type: none;
text-align: left;
margin: 0px;
width:100%;
padding: 0px;
color:#e0e0c8;
}
.arrow li {
float: left;
text-align: left;
margin: 0px;
width:100%;
padding: 0px;
color:#e0e0c8;
}
.arrow li a:link, .arrow li a:visited {
width: 185px;
display: block;
padding:5px 5px 5px 19px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #494848;
background-image:url(images/nav-bullet.gif);
background-position:left center ;
background-repeat:no-repeat;
color:#bdbd8c;
}
.arrow li a:hover, .arrow li a:active {
width: 185px;
text-decoration:underline;
display: block;
overflow:hidden;
text-align: left;
color:#fff;
border-bottom: 1px solid #494848;
padding:5px 5px 5px 19px;
background-image:url(images/nav-bullet-hov.gif);
background-position:left center ;
background-repeat:no-repeat;
background-color:#282828;
}
.arrow ul li {
text-align: left;
font-family: verdana, tahoma, arial, sans-serif;
font-weight: 400;
color:#e0e0c8;
margin: 0px;
padding: 0px;
}
.arrow ul {
list-style-type: none;
text-align: left;
margin: 0px;
padding: 0px;
color:#e0e0c8;
}
.arrow ul li a:link, .arrow ul li a:visited {
width: 185px;
display: block;
padding:5px 5px 5px 19px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #494848;
background-image:url(images/nav-bullet.gif);
background-position:left center ;
background-repeat:no-repeat;
color:#bdbd8c;
}
.arrow ul li a:hover, .arrow ul li a:active {
width: 185px;
display: block;
padding:5px 5px 5px 19px;
text-decoration: none;
overflow:hidden;
text-align: left;
border-bottom: 1px solid #494848;
background-image:url(images/nav-bullet-hov.gif);
background-position:left center ;
background-repeat:no-repeat;
color:#fff;
}
#wp-calendar {
empty-cells: show;
width: 100%;
font-size: 12px;
color: #e0e0c8;
text-decoration: none;
text-align: center;
float: left;
padding: 0px;
margin: 0px;
font-weight: normal;
border-bottom: 1px solid #494848;
}
#wp-calendar a:link, #wp-calendar a:visited {
text-decoration: none;
color: #feea01;
}
#wp-calendar a:hover, #wp-calendar a:active {
text-decoration: underline;
color: #e0e0c8;
}
#wp-calendar caption {
text-align: left;
width: 90%;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
color:#00A7B5;
font-size: 18px;
background-image: url(images/cats.gif);
background-repeat: no-repeat;
background-position: left;
height: 36px;
line-height: 36px;
}
#wp-calendar th {
margin: 0px;
padding: 0px;
text-align: center;
color:#fff;
}
#next a:link, #next a:visited {
text-align: center;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}
#next a:hover, #next a:active {
text-align: center;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: right;
}
#prev a:link, #prev a:visited {
text-align: left;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#prev a:hover, #prev a:active {
text-align: left;
color: #fff;
text-decoration: none;
font-weight: bold;
font-size: 12px;
float: left;
}
#wp-calendar td {
margin: 0px;
padding: 0px;
text-align: center;
}
#wp-calendar tf {
margin: 0px;
padding: 0px;
}
.pad {
text-align: center;
}
.cat{
margin: 0px;
padding:4px;
overflow:hidden;
border-bottom: 1px solid #ccc;
text-align: left;
color: #e0e0c8;
font-weight:bold;
background-position:center center;
background-repeat:repeat-x;
background-image:url(images/header.gif);
}
input.submit_order_btn {
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
background-color: #00a8b7;
border: 1px solid;
border-top-color: #036;
border-left-color: #036;
border-right-color: #036;
border-bottom-color: #036;
width:145px;
filter: progid:DXImageTransform.Microsoft.Gradient
(GradientType=0,StartColorStr='#00a8b7',EndColorStr='#00a8b7');
}
.OrderBtnTable {
width: 145px;
margin-bottom:10px;
background: #A2DD99;
padding: 5px;
border: 1px solid #000;
font-size: 14px;
font-weight:bold;
COLOR: #1e406e;
margin-bottom:10px;
}
/*MYSTUFF*/
#showcase {background:#00A7B5;}
dl.menus_list dt {background:#00A7B5; font-size:1.5em; margin:3px 0;}
#foot {background:#8fbc8f;}
dl.menus_list dd.nil {padding:0; margin:0;}
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin:2px 0px 2px 0px; position:relative; width:905px; height:25px; z-index:100;}
/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}
/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:185px; font-size:12px; font-family:arial,helvetica; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}
/* Set up the link size, color and borders */
#homelist a, #homelist a:visited {display:block;width:160px; font-size:12px; font-family:arial,helvetica; color:#fff; height:25px; line-height:24px; text-decoration:none; text-indent:5px; border:1px solid #000; border-width:1px 0 1px 1px;}
/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0 1px 1px 1px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
/* Set up the list items */
#pmenu li {float:left; background:#CF3D1E;}
/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {background:#6FBE44; color:#FFFFFF;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; width:185px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:16px;}
/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#00A7B5; color:#CF3D1E;}
/* For accessibility of the top level menu when tabbing */
#pmenu li a:active, #pmenu li a:focus {background:#00A7B5; color:#CF3D1E;}
/* Set up the pointers for the sub level indication */
#pmenu li.fly {background:#CF3D1E url(images/fly.gif) no-repeat right center;}
#pmenu li.drop {background:#CF3D1E url(images/drop.gif) no-repeat right center;}
/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
/* change the drop down levels from display:none; to visibility:hidden; */
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px;}
/* keep the third level+ hidden when you hover on first level link */
#pmenu li a:hover ul ul{
visibility:hidden;
}
/* keep the fourth level+ hidden when you hover on second level link */
#pmenu li a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the fifth level hidden when you hover on third level link */
#pmenu li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}
/* keep the sixth level hidden when you hover on fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}
/* make the second level visible when hover on first level link and position it */
#pmenu li a:hover ul {
visibility:visible; left:-30px; top:14px; lef\t:-31px; to\p:15px;
}
/* make the third level visible when you hover over second level link and position it and all further levels */
#pmenu li a:hover ul a:hover ul{
visibility:visible; top:-11px; left:80px;
}
/* make the fourth level visible when you hover over third level link */
#pmenu li a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the fifth level visible when you hover over fourth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* make the sixth level visible when you hover over fifth level link */
#pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
visibility:visible;
}
/* If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like */
#QuickSearch {display:none;visibility:hidden;}
#CatalogLinkDiv {width: 150px !important;margin-left:5px;padding-left:2px;margin-top:4px;}
.productLine {
background: #00a8b7!important;
}
.product .order {
float: right;
width: 150px;
background: #00a8b7!important;}
.product .order ul {
padding:6px!important;}
.searchReorder{
background: #00a8b7!important;
font-size:12px;
}