﻿/************ CommercialSilk theme styles start ***************/
body {
	background: #000 url(/images/bg-standard.jpg) no-repeat top;
	background-color: #000000;
	color: #444444;
	font-family: Arial;
	margin: 0 auto;
	width: 976px;
	position: relative;
	
}

h1 {
	font-size: 15px;
	letter-spacing: 1px;
}

h2 {
	font-size: 13px;
}

a {
	text-decoration: none;
	color: #FF6633;
}

a[href^="\/file.axd"] {
	font-weight: bold;
	background: url(download.png) no-repeat right center;
	padding-right: 15px;
}

a:hover {
	text-decoration: underline;
}

img {
	border: none;
}

#content {
	float: left;
	width: 50%;
	font-size: .8em;
}

#sidepanel {
	float: right;
	width: 28%;
	font-size: .8em;
}

#sidepanel a {color: #fff;}
#sidepanel a:hover {color: #FF6633;}

#postnavigation{
	margin-bottom: 10px;
    margin-left: 10px;
	text-align: left;
	color: Gray;
	background: #000;
	/*border: 1px solid silver;*/
	padding: 3px;
}

#postnavigation a {
	color: #FFFFFF;
}

#postnavigation a:hover {
	color: #FF6633;
}

#topbannerwrapper 
{
	background: url(/images/top-nav-gg.jpg) repeat-x top; line-height: 31px; margin: 0 0 8px 0; padding: 0px;
}

#content .loginbox {color: white;}

/*----------------------------
				 topbanner
----------------------------*/

#topbanner {
		background-image: url('/images/commercialsilk-top.jpg');
		background-repeat:no-repeat;
		background-position:right;
		height: 95px;
		line-height: 95px;
}

#topbanner h1 {
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	font-family: Arial; 
	font-size: .9em;
	text-decoration: none;
	font-weight: bold;  position:absolute; bottom: -34px; right: 1em; }

/*#topbannerlinks { color: #FFFFFF; padding: 35px 0px 0px 680px; font-size: .7em;}*/
#topbannerlinks { color: #FFFFFF; padding: 35px 0px 0px 670px; }
#topbannerlinks a { color: #FFFFFF; text-decoration: none; font-family: Arial; font-size: .7em; padding: 0px 0px 0px 10px; margin: 0px; text-transform:uppercase; font-weight: bold;}
#topbannerlinks a:hover { color: #FF6633;}

/*----------------------------
					 Widgets
----------------------------*/

div#widgetzone{
	padding: 0;
	background: none;
}

div#widgetzone .clear{
	clear: left;
}

div.widget{
	background: black;
	/*border: 1px solid silver;*/
	padding: 10px 15px;
	margin-bottom: 10px;
	z-index: 1;
	min-width: 1px;
}

div.widget a {font-weight: bold;}

div.widget .content{
	line-height: 16px;
	color: #666666;
}

div.widget h4{
	font-size: 15px;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	margin: 0;
	margin-bottom: 5px;
	z-index: 0;
	color: #66CC33;
	letter-spacing: 1px;
}

div.widget a.edit{
	font-size: 10px;
	font-weight: normal;
	float: right;
	z-index: 1;
}

div.widget a.delete{
	font-weight: bold;
	color: #999999;
	float: right;
	margin-left: 5px;
	z-index: 1;
	text-decoration: none;
}

div.widget a.delete:hover{
	color: black;
}

#widgetzone .widget ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
}

#widgetzone .widget ul li {
	margin-bottom: 3px;
}

#widgetzone div.search{
	background: none;
	border: none;
	padding-left: 10px;
}

#widgetzone img.rssButton {
	margin-right: 3px;
}

/*----------------------------
				 Tag cloud
----------------------------*/

.tagcloud {
	margin-bottom: 10px;
	white-space: normal;
}

.tagcloud li {
	display: inline;
}

.tagcloud a {
	margin-right: 3px;
	display: inline;
}

.tagcloud a.biggest {
	font-size: 19px;
}

.tagcloud a.big {
	font-size: 17px;
}

.tagcloud a.medium {
	font-size: 14px;
}

.tagcloud a.small {
	font-size: 12px;
}

.tagcloud a.smallest {
	font-size: 10px;
}

/*----------------------------
					 Blogroll
----------------------------*/

#blogroll ul {
	list-style-type: none;
	margin: 0 0 3px 0;
	padding: 0px;
}

#blogroll ul li ul li a {
	margin-left: 25px;
	color: #666666;
}

#blogroll ul li a img {
	border: none;
	margin-right: 3px;
}

/*----------------------------
					 Posts
----------------------------*/

div.post {width: 488px;}

div.post, .mceContentBody {
	/*border: 1px solid silver;*/
	padding: 3px 10px;
	margin-left: 5px;
	margin-bottom: 20px;
	background-color: black;
	line-height: 17px;
	color: White;
}

div.post h1, .mceContentBody h1 {
	margin: 5px 0 0 0;
}

div.post .author {
	color: #666666;
	font-size: 10px;
	float: left;
	text-transform: capitalize;
}

div.post .pubDate {
	color: #666666;
	font-size: 10px;
	float: right;
}

div.post .text {
	margin-top: 30px;
}

div.post .text h2 {
	margin-bottom: -10px;
}

div.post .text h3 {
	font-size: 11px;
	margin-bottom: -10px;
	padding: 0;
}

div.post .footer 
{
	
	text-align: right;
	border-top: 1px dashed silver;
	padding-top: 4px;
	padding-bottom: 2px;
}

div.post .bottom 
{
	clear: both;
	margin-bottom: 45px;
}

div.post .categories {
	margin-bottom: 5px;
	float: right;
}

div.post .tags {
	float: left;
	margin-bottom: 5px;
}

div.post .tags a {
	color: #FFFFFF;
}

div.post .tags a:hover {
	color: #FF6633;
}


div.post .text a[href^="http:"] {
	background: url(../../pics/remote.gif) right top no-repeat;
	padding-right: 10px;
  white-space: nowrap;
}

div.post .text a {color: #FF6633;}
div.post h1 a {color: #66CC33;}

#postPaging a {color: #FFFFFF;}

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div {
	background: white;
	padding: 5px 10px 10px 10px;
	border: 1px solid silver;
}

#relatedPosts h1 {
	margin: 0 0 10px 0;
}

#relatedPosts p
{
	font-size: 15px;
	letter-spacing:1px;
	font-weight: bold;
}

#relatedPosts a {
	display: block;
	margin-top: 5px;
}

#relatedPosts span {
	color: #666666;
	text-indent: 10px;
	font-size: 10px;
}

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li{
	padding-bottom: 10px;
}

ul.recentPosts li a{
	font-weight: normal;
}

ul.recentPosts li span{
	display: block;
	text-indent: 10px;
	text-transform: none;
}

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li{
	padding-bottom: 10px;
	text-transform: none;
}

ul.recentComments li a.postTitle{
	font-weight: bold;
}

/*----------------------------
			navigation
----------------------------*/

#topnavigation {padding-left: 185px; background: url(/images/top-nav-gg.jpg) repeat-x top; line-height: 31px;}
#topnavigation-products {padding:0; margin:0; list-style:none; position:relative; height:31px;  background:url(/images/line.gif) no-repeat 100% 4px; width:100%; z-index:500; background: url(/images/top-nav-gg.jpg) 31px top; line-height: 31px;} 
#topnavigation-products li {display:inline; float:left; height:31px; background:url(/images/bar-separation.png) no-repeat 0 0;}
#topnavigation-products li a.tl {display:block; width:149px;  text-decoration:none; height:31px; line-height:26px; font-family:Arial;	font-size: 13px; font-weight:bold; text-align: center;  color:#000; text-transform: uppercase; }

#topnavigation-products li a.nav-products {display:block; width:151px; height:31px; text-decoration:none; line-height:26px; font-family:Arial;	font-size: 13px; font-weight:bold; text-align: center; color:#000; }
#topnavigation-products li.product-background {background: url(/images/top-nav-og.jpg) 2px 0px;}
#topnavigation-products li.product-background a:hover span, #topnavigation-products li.product-background a.active span{
	background:url(/images/allProductArrows.gif) right -14px no-repeat;
}
#topnavigation-products li a.nav-products span{
	background:url(/images/allProductArrows.gif) right top no-repeat;
	padding-right:15px;
}

#topnavigation-products li a.nav-special {display:block; width:90px; height:31px; text-decoration:none; line-height:27px; font-family:Arial;	font-size: .7em; font-weight:bold; text-indent:10px;  color:#000; text-transform: uppercase; }

#topnavigation-products div {display:none;}

#topnavigation-products li a:hover {text-decoration:none; white-space:normal; background-position:130px 15px; background-color: #ff6633; background: url(/images/top-nav-og.jpg) 2px 0px; border-left: 1px solid #000;}
#topnavigation-products li:hover > a {text-decoration:none; white-space:normal; background-position:130px 15px; background: url(/images/top-nav-og.jpg) 1px 0px; border-left: 1px solid #000;}

#topnavigation-products :hover div /* pos1 */
{display:block; width:595px; background:#999999; position:absolute; left:0; top:31px; border:1px solid #000; padding-bottom:10px; background: url(/images/nav-dd-grad-bk.jpg);}


#topnavigation-products :hover div.pos2 {background:#f0f5ee;}
#topnavigation-products .single:hover {position:relative;}

#topnavigation-products .single:hover div.pos2 {padding-bottom: 0px;  margin-bottom: 0px;}
#topnavigation-products .single:hover div.pos3 {padding-bottom: 0px;  margin-bottom: 0px;}
#topnavigation-products .single:hover div.pos4 {padding-bottom: 0px;  margin-bottom: 0px;}
#topnavigation-products .single:hover div.pos2 {background: url(/images/nav-dd-grad-bk.jpg); width:260px;}
#topnavigation-products .single:hover div.pos3 {background: url(/images/nav-dd-grad-bk.jpg); width:166px;}
#topnavigation-products .single:hover div.pos4 {background: url(/images/nav-dd-grad-bk.jpg); width:247px;}
#topnavigation-products .single:hover div.pos6 {background: url(/images/nav-dd-grad-bk.jpg); width:166px;}


/*#topnavigation-products :hover div dl {display:inline; padding:0; margin:0 10px 10px 10px; float:left; width:170px;}*/
#topnavigation-products :hover div dl {display:inline; padding:0; margin:0 0px 10px 0px; float:left; width:195px;}
#topnavigation-products :hover div dl dt {width:170px; text-indent:10px; margin:5px 0 0px 0; text-decoration:none; height:20px; line-height:20px; }

#topnavigation-products .two:hover div {left:-150px;}
#topnavigation-products .two:hover div dl {width:129px;}
#topnavigation-products .two:hover div dl dt {width:129px;}

#topnavigation-products .single:hover div dl dt {width:149px;}
#topnavigation-products .single:hover div.pos2 dl {width:260px; margin: 0px;}
#topnavigation-products .single:hover div.pos3 dl {width:166px; margin: 0px;}
#topnavigation-products .single:hover div.pos4 dl {width:247px; margin: 0px;}
#topnavigation-products .single:hover div.pos6 dl {width:166px; margin: 0px; height: 135px;}

#topnavigation-products :hover div dl dd {padding:0; margin:0; }

#topnavigation-products :hover div dt a {text-decoration:none; cursor:default; font-weight: bold; color:#000; font-family: Arial; font-size: 1.2em; background: none; border-left: none;}
html>body #topnavigation-products :hover div dt a {text-decoration:none; cursor:default; font-weight: bold; color:#000; font-family: Arial; font-size: .8em; background: none; border-left: none;}

#topnavigation-products :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: 1em; color:#000; text-indent:17px; line-height:18px; background: none;border-left: none; text-transform: capitalize;}
html>body #topnavigation-products :hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: .75em; color:#000; text-indent:17px; line-height:18px; background: none;border-left: none; text-transform: capitalize;}

#topnavigation-products .single:hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: 1em; color:#000; text-indent:0px; padding-left: 5px; line-height:18px; }

html>body #topnavigation-products .single:hover div dd a {display:block; text-decoration:none; font-weight:normal; font-family: Arial; font-size: .7em; color:#000; text-indent:0px; padding-left: 5px; line-height:18px; }

#topnavigation-products .single:hover div.navdd dd a {font-size: .75em; text-indent:12px;}

#topnavigation-products :hover div dd a:hover {font-weight: bold; color: #000; background-color: #FF6633;}
#topnavigation-products .single:hover div.navdd dd a:hover { background-color:#F0682C; text-decoration: none; text-transform:capitalize; color: #000000; font-weight: bold;}

#topnavigation-products :hover div dl dt a:hover {background-color:#F0682C; cursor: pointer;}

#topnavigation-products .clear {clear:both;}


/************ leftnav styles ***************/
.leftnav ul a:link, .leftnav ul a:visited { display: block; }
.leftnav ul { list-style: none; margin: 0; padding: 0; }
.leftnav a { text-decoration:none; }
.leftnav { 
	margin: 0px 0px 10px 0px;
	float: left;
	width: 180px;
	margin-bottom: 20px;
}


/************ leftnav-title styles ***************/
.leftnav-title {
	margin: 0px;
	padding: 0px;
	font-family: Arial; 
	font-size: .8em;
	background-image: url('/images/left-nave-gg.jpg');
	background-repeat: repeat-x;
	font-weight: bold;
	height: 27px;
}

.leftnav-title a {
	color: #000000;
	font-weight: bold;
	padding-left: 8px;
	
}

.leftnav-title a:link {
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
	padding-left: 8px;
	padding-top: 5px;
}

.leftnav-title a:visited {
	padding: 5px 0px 0px 8px;
}

.leftnav-title a:hover {
	background-image: url('/images/left-nav-og.jpg');
	background-repeat: repeat-x;
	height: 27px;
}

/************ leftnav-title styles ***************/
.leftnav-title-closed {
	margin: 0px 0px 4px 0px;
	padding: 0px;
	font-family: Arial; font-size: .8em;
	background-image: url('/images/MenuLeft_Green.jpg');
	background-repeat:no-repeat;
	font-weight: bold;
	height: 18px;
}

.leftnav-title-closed a {
	color: #000000;
	font-weight: bold;
	padding-left: 8px;
	
}

.leftnav-title-closed a:link {
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
	padding-left: 8px;
	padding-top: 1px;
}

.leftnav-title-closed a:visited {
	padding: 1px 0px 0px 8px;
}

.leftnav-title-closed a:hover {
	background-image: url('/images/MenuLeft_Orange.jpg');
	background-repeat:no-repeat;
	padding-left: 8px;
	padding-top: 1px;
}

/************ leftnav-link styles ***************/
.leftnav-link {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	font-family: Arial; font-size: .8em;
	text-transform: capitalize;
}

.leftnav-link a {
	color: #FFFFFF;
	padding: 0px 0px 2px 8px;
}

.leftnav-link a:link {
	padding: 0px 0px 2px 8px;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}

.leftnav-link a:visited {
	color: #FFFFFF;
}

.leftnav-link a:hover {
	color: #FF6633;
}

html>body .leftnav-link a:hover {
	padding: 0px 0px 2px 8px;
	color: #FF6633;
}

.leftnav-link ul {
	margin: 0px;
}

html>body .leftnav-link ul {
	margin: 0px;
}

.leftnav-link ul li {
	margin: 0px;
}

html>body .leftnav-link ul li {
	margin-top: 4px;
}

.leftnav-link ul li .highlight {
	font-weight: bold;
	color: #66CC33;
	
}

html>body .leftnav-link ul li .highlight {
	font-weight: bold;
	color: #66CC33;
}

/******* 404 styles **************/
#error404 {margin-left: 10px;}
#error404 p, #error404 td {color: #FFFFFF; font-weight: bold; }
#error404 a {color: #FF6633; font-weight: bold; }
#error404 .title {color: #66CC33; font-weight: bold;}


/************ footer styles ***************/
#footer {
	color: #FFFFFF; font-family:Arial;	font-size: .82em; text-decoration:none;
}

#footer a {
	color: #FFFFFF; font-family:Arial;	font-size: .82em; text-decoration:none; padding: 0px 4px 0px 4px;
}

#footer a:hover {
	color: #FF6633; font-family:Arial;	font-size: .82em; text-decoration:none; padding: 0px 4px 0px 4px;
}

html>body footer {
	font-size: .7em;
}

html>body footer a {
	font-size: .7em;
}

html>body footer a:hover {
	font-size: .7em;
}

#footersection {
	clear:both;
	padding-top: 40px;
}

#footer-copy 
{
	text-align: center;
}

#footer-copy p 
{
 color: #FFFFFF; font-family:Arial;	font-size: .7em; text-decoration:none; padding: 0px 4px 0px 4px;
}

#footer-copy p a { color: #fff;}