/* CSS Document */
/*yui reset*/
html{color:#010042;background: #FFFFFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#010042;}
del,ins{text-decoration:none;}


/* Generic
---------------------------------------------------------------------------------*/
body {
	font: 80%/160% Verdana, Arial, Helvetica, sans-serif;
	background-color: #DED7CF	;
	color: #010042;
	width: 100%;
	text-align:center;
	margin:auto;
	height: 100%; 

}
input, textarea {
	font: 110%/150% Arial, Helvetica, sans-serif;
}
p {
	padding: 0 0 1.3em;
}
img {
	border: none;
}
a {
	color:#010042;
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
em {
	font: italic 110% Georgia, "Times New Roman", Times, serif;
}
em strong {
	color: #CC0000;
}
del {
	color: #666666;
}
ins {
	text-decoration: none;
}
blockquote {
	padding: 0 10px 5px 20px;
	background: url(images/comments-bullet.gif) no-repeat left 2px;
	font: italic 115%/135% Georgia, "Times New Roman", Times, serif;
	color: #666666;
}
blockquote em {
	font: italic 110%/130% Georgia, "Times New Roman", Times, serif;
}
blockquote cite {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	text-align: right;
	display: block;
}
ul {
	list-style: none;
	padding-top: .5em;
}
ul li {
	/*background: url(images/bullet.gif) no-repeat 4px 4px;*/
	padding: 0 0 1em 18px;
	line-height: 140%;
}
ol {
	font: italic 125% Georgia, "Times New Roman", Times, serif;
	color: #CC0000;
	margin: .3em 0 15px;
}
ol li {
	margin: 0 0 5px 30px;
	padding: 0;
}
ol p {
	font: normal 80%/150% Arial, Helvetica, sans-serif;
	color: #333;
}


/* headings and typography
---------------------------------------------------------------------------------*/
h1, h2 {
	color:#010042
}
h1{	font: bold 190%/100% Georgia, Times, serif;
	padding: 0 0 8px;
	letter-spacing: -1px;
	margin-left: -2px;
	white-space:nowrap;
}
h2
{
	font: bold 150%/95% Georgia, Times, serif;
	padding: 0 0 4px;
	letter-spacing: -1px;
	white-space:nowrap; 
	}
h3
{
	font: bold 110%/90% Georgia, Times, serif;
	padding: 0 0 4px;
	letter-spacing: -1px;
	margin-left: 2px;

	}	
.title {
	background: url(images/tape.gif) no-repeat center center;
	text-align: center;
	font: normal small-caps 190%/100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	margin: 0px 0 20px;
	padding: 16px 20px 16px 0;
}
.title span {
	color: #666666;
}
h1 a, h2 a {
	color:#010042
}
h1 a:hover, h2 a:hover {
	color: #2b2b2b;
	text-decoration: none;
}
h3 {
	font: bold 135%/100% Arial, Helvetica, sans-serif;
	padding: 1.2em 0 .3em;
}
h3 em, h4 em {
	color: #CC0000;
	letter-spacing: -1px;
}
h4 {
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	padding: .85em 0 5px;
	color: #666666;
}
p big, .intro {
	font: 115%/155% Georgia, "Times New Roman", Times, serif;
	color: #333333;
	
}

/* body */

	/*  navigation bar */
#mainnav[ID]{
background:transparent ; /*url(images/nav/navbar.png) no-repeat scroll 0 0;*/
color:#999999;
font-family:"Segoe UI",Verdana,sans-serif;
height:48px;
margin:auto;
text-align:center;
top:35px;
width:950px;
}
* html #mainnav {width: 951px; height:48px;padding:0; margin:0; }



div#menubar {float:right;width:500px;}
div#menubar ul li{float:left;padding:3px; }
div#menubar ul li a{font-weight:bold; }
/*master search menu*/
#searchbar{position:relative; float:left; width:300px;}
#bar { 
		height: 27px;
		padding:3px;
		font-size: 110%;
		background-color:#fff;
		width:99%;
		text-align:center;
		margin:auto;
		margin-bottom:5px;
		
}
#anony{width:250px;float:right; padding-right:20px;}

/*Master*/
/*----------footer push to bottom-------------*/
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.allcontent{ width:100%;    
             background: #DED7CF url(images/paperback.jpg) repeat ;
			text-align:left;
             min-height:100%;
             position:relative;
             height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}
.featuredcontent{background-color:#F2E9F2;
border:1px solid;
margin:100px auto auto;
padding:5px;
width:700px;}
.footer
{
	position:relative;
	height: 70px; /* .push must be the same height as .footer */
}
.push {position:relative;height:2px;}
/*end footer setup code*/
.maincontent{width:1024px;margin:auto;
             }             
.hdr{height:200px; background:url('../../images/headerback.jpg') no-repeat;
} 
.hdr a {padding:8px;}

/*this is floating footer for the ADMIN page, will keep the footer at the bottom*/
#wrapperadmin
{
	background-color: #FFF;
	padding-top:20px;
	position:relative;
	width:950px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px; /* the bottom margin is the negative value of the footer's height */
}
.footeradmin, .pushadmin
{
	position:relative;
	height: 90px; /* .push must be the same height as .footer */
}
/*----------------------------------------------------------*/
.floatright{float:right;}
.floatleft{float:left; padding:10px;margin:10px;}
.floatcenter{text-align:center;margin:auto;}
.clearall, .resetfloat{clear:both}

.footer{background-color:transparent;         
         width:1024px; 
        margin:auto;text-align:center;
        }

#footerwrapper{width:950px; text-align:center; margin:auto;padding-top:20px;
               }
#footerlinks{width:850px;margin:auto;
             padding:20px;
             }


div#footerlinks ul li a {width:100px; float:left; text-decoration:underline;}             
div#footerlinks ul li , div#footerlinks ul{float:left;
                                           list-style:none;}
#credits{ width:850px; text-align:center; height:30px; clear:both;}
/*vcard*/
#hcard-Faxt-Internet{width:250px;float:right;
                   padding:20px;}
.vcard{margin:auto; text-align:center; width:250px;}
.fn, .org, .email, .adr, .locality, .tel, .region {font-size:1em;}
/* -------- code embed ------------*/

.codebox {
background:#F4F4F4 none repeat scroll 0 0;
border:1px dotted #666666;
display:block;
font-family:monospace;
font-size:0.95em;
margin:10px;
padding:5px;
width:500px;
}
/* --------- orange button --------*/	
.formbutton{background-color:#F28A1E;color:#fff;}

/* -------- blu button ------------*/
div.button-blu, input.button-blu, a.button-blu {

  line-height:1.2;
  padding:15px;
}

div.button-blu div, input.button-blu, a.button-blu, button.button-blu, ctl00_ContentPlaceHolder1_Login1_LoginButton {
border-bottom:1px solid #e8eefa;
  background:url("images/button-blu.gif") no-repeat 0% 0%;
  font-size:1.2em;
  margin:0;
  padding:0;
  color:#fff;
  margin:auto;
  text-align:center;
  }
   a.button-blu
   {
   	display:block;
  color:#FFF;
  padding:4px;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  width:82px;
   	}
div.button-blu div span a {
  display:block;
  color:#FFF;
  padding:4px;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  }
  
  div.button-blu div span a {
	background:url("images/button-blu2.gif") no-repeat right bottom;
  }

div.button-blu div p {
  background:none;
  background:url("images/button-blu.gif") no-repeat right -400px ;
  margin:0;
  padding:0;
  text-align:center;
 }
div.button-blu div p span, div.button-blu div p span input {
  display:block;
  background:url("images/button-blu.gif") no-repeat left bottom;
  margin:0;
  padding:0;
 }


 /*End blu Button*/

/* right content */
#rightcontent, #demo {float:right; width:250px;color:#fff;}
#demo h2{color:#fff;}
#masterbody{padding:10px;}

#container, #demo {background-color:#F2E9F2;}

div#centercontent p {padding:10px; text-align:left; margin-left:3px;}
div#centercontent h3 {text-align:left;}
/*div#centercontent p:first-letter {font-weight:bold; font-size:1.1em;}*/
#centercontent, #defaultcentercontent{background-color:transparent; width:100%; border:solid 1px #d1d1d1;}
#defaultcentercontent{background-image:url(/images/rocktile.jpg);background-repeat:repeat;height:700px;}               
#defaultcentercontent p, #defaultcentercontent td{background-image:url(/images/ContentBack.png);background-repeat:repeat;}
#defaultcentercontent td {border: solid 1px #ffffff; padding:15px;}
#defaultcentercontent table { border-spacing:2em 0.25em;}

/*    login form     */
body h3 {text-align:center;}
#ctl00_ContentPlaceHolder1_Login1{margin:auto; text-align:center; width:300px; font-size:1.1em;margin-bottom:90px;margin-top:20px;}
.errorrow{color:#f00;font-size:.9em;font-weight:bold;}
/*        default form      */
#htmlUsage
{
	width:350px;
	height:300px;
	float:left;
	border:solid 1px #ddd;
	background:#fff;
	}
	#embeddedSilverlightUsage
	{
		float:left;
		padding:10px;
		width:250px;
		height:250px;
	}
/*------------ADMIN -------------------------------*/
#centercontentadmin{height:850px; overflow:auto; width:950px;background: #fff;}
div#centercontentadmin div#leftcontent {float:left; width:200px; background-color:#EAE3DD;
                                        border:solid 2px #D6CFC9;
                                        text-align:left;margin-left:0;padding-left:10px;
                                        margin-right:3px;
                                        }
div.adminNavLink a {width:180px; padding:3px;}                          
div.adminNavLink a:hover{background-color:#D6CFC9;}                                        
div#centercontentadmin div#centercontent {position:absolute; top:59px;left:220px; width:726px;}

.admingif {left:147px;
position:relative;
top:-10px;}
.adminreturn {float:left;padding-left:10px;padding-top:3px;padding-right:5px;}
.returnlnk{float:left;font-weight:bold; font-size:.9em;}
.desc{color:#111;}
ul.testimonialform { background-color:#fff;}
/*-------------messagesdemo---------------------*/
#step2, #step1, #step3, #stepfinished
 {display:none; width:400px; margin:auto; text-align:center;
                        margin-top:20px; margin-bottom: 20px;
                        background-color:#D6CFC9;
                        padding:20px;border:solid 1px #013CBC}
#promo{width:80%; padding:10px; border:solid 1px #D6CFC9;}   
/*---------------catalog page list display------------------*/                     
.breadcrumb{font-size:.9em;float:left;}
.productlistbox{margin:auto;width:850px;background-color:#fff; border:solid 1px #ddd;}
.addtocart{margin:auto; text-align:center;}


.twentyPixSpacer{padding:20px;}
/*--Contact-----*/
div.contactForm, div.box {margin-top:20px;padding-left:25px;text-align:left;
                          width:450px;padding:5px;padding-top:10px;
                          background:#D6CFC9 url('images/boxback.jpg') repeat-x;}
div.box b{text-align:center;}

/*------Register------*/
div.logintable {margin:auto;margin-top:0px;margin-bottom:80px;width:650px;
                background-color:#D6CFC9;}
div#centercontent p.loginheader 	
{
	text-align:center;font: bold 120% Georgia, "Times New Roman", Times, serif;
              	padding:5px;
}
.logincell {margin:auto;}
dd.labelfor {clear:both; width:150px;}
dt.inputfor { float:left;width:285px;}
.errorbox {color:red;}
.sectionheader{font-size:1.1em;font-weight:bold;}
.plainbox{font-size:1em;}
.checkoutlabel{font-size:1em;}
/*----------Mystuff----------------*/
#mystuffcentercontent{width:920px;margin:auto;background:#FFFFFF;border:solid 1px #D6CFC9; }
.myaccounttitle{background-color:#EAE3DD;
                border:solid 2px #D6CFC9;}
.myaccountlabel{font-size:1em;}
.myaccountitem{font-size:1em;}
.myaccountlabel h6 {width:50px;font-size:1.05em;font-weight:bold;}
#mystuffmainleft ul li {line-height:1.0em;}
#mystuffmainleft h3, #mystuffmainright h3{padding-top:5px;margin-left:-5px;background-color:#D6CFC9}
#mystuffmainleft, #mystuffmainright
{padding-left:5px; width:450px;
             background-color:#EAE3DD;
			 border:solid 2px #D6CFC9;
			 text-align:left;
 }
 #mystuffmainright{float:right;}
 #embedinput, #embedstyle{background:#FFFFFF url(images/pre_bg.gif) repeat scroll left top;
border:1px solid #D6CFC9;
color:#000000;
display:block;
font-family:"Courier New",Courier,monospace;
font-size:13px;
line-height:18px;
margin-bottom:10px;
overflow:auto;
padding:18px 10px 17px;
width:577px;}
 #testimonydetails 
 {
 	padding:5px;
 	background-color:#FFFFFF;
border:solid 2px #D6CFC9;
margin:auto;
width:600px;}
dt{clear:both;background-color:#EAE3DD;
border:2px solid #D6CFC9;}
#ctl00_ContentPlaceHolder1_calStart, #ctl00_ContentPlaceHolder1_calEnd{width:90px;}
.entryform{text-align:center;padding:3px;background-color:#D6CFC9;border:solid 2px #EAE3DD;}
.tableback{background-color:#ffffff;}
ul.testimonylist  {list-style:none;border:solid 2px #EAE3DD; width:550px; }
ul.testimonylist  li {list-style:none;height:80px;clear:both;}
.approvetest, .removetest {float:right; width:200px;margin-right:30px;}
div.picpart{float:left;height:85px;padding:5px;}
div.addedby{width:150px;float:left;}
div.smalltext{font-size:.7em;}
div.descpart{padding-left:5px;width:250px;float:left;}