@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#ffffff url(../images/bg2.jpg);}
html { padding:0; margin:0;}

.main { margin:0 auto; padding:0;}
/********** header **********/
.header { padding:0; margin:0 auto; width:960px;}
/* logo */
.logo {
	padding:0 0 0 40px;
	margin:0;
	position: absolute;
}
/* rss */
.rss { text-align:right; width:215px; margin:0; padding:10px 10px 10px 0; float:left; font: normal 11px Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:1.8em;}
.rss_img { float:left; margin:0; padding:20px 0 0 0;}
.rss_img img { margin:5px; padding:0;}
/*menu*/
.menu {
	padding:0;
	margin:0;
	float:right;
	width:630px;
}
.menu ul { text-align:left; padding:30px 0 0; margin:0; list-style:none; border:0; float:right; height:33px;}
.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:31px;}
.menu ul li a { float:left; margin:0; padding:8px 0; color:#fff; font:bold 16px/18px Arial, Helvetica, sans-serif; text-decoration:none; }
.menu ul li a span { padding:12px 10px; background:none; }
.menu ul li a:hover, .menu ul li a.active {
	color:#FFF;
	background:url(../images/menu_r.png) no-repeat right;
}
.menu ul li a:hover span, .menu ul li a.active span {
	color:#dedede;
	background:url(../images/menu_l.png) no-repeat left;
}
/* start of added notes */
.menu ul li ul {
	position:absolute;
	visibility:hidden;
}
.menu ul li ul a:hover {
	color:#FFF;
	top: 5px;
	background:url(../images/menu_r.png) no-repeat left;
	visibility:visible;
}
/* end of added notes */
/* body */
.body { padding: 10px 0; margin:0;}
.body_resize {
	width:920px;
	margin:0 auto;
	padding:10px 0 10px 20px;
	background:url(../images/transparent.png);
}
.body h2 {
	font: normal 26px Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #262421;
	color: #bbb3ab;
}
.body h2 span { display:block; font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0;}

.body h2 right { float:right;}

.body .comment { float:right; width:44px; height:46px; background:url(../images/comment_bg.gif) no-repeat; font:normal 22px Arial, Helvetica, sans-serif; color:#a4a4a4; line-height:38px; text-align:center;}
.body p { font:normal 110% Arial, Helvetica, sans-serif; color:#848484; line-height:1.4em; padding:10px; margin:0;}
.body table { font:normal 110% Arial, Helvetica, sans-serif; color:#848484; line-height:1.4em; padding:10px 0; margin:0;}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span {
	font-size:18px;
	font-weight:bold;
	color:#bbb3ab;
	line-height: 1.3;
}
.body p span2 {
	float:right;
	padding-top: 10px;
}
.body p ul li { 
	font:normal 110% Arial, Helvetica, sans-serif; 
	color:#848484; 
	line-height:1.4em; 
	padding:10px; 
	margin:0;
	display: list-item;
	text-align:left;
}

.span2 img.f_right { float:right;}


.orderline { font:normal 110% Arial, Helvetica, sans-serif; color:#848484;  padding:0; margin:0;}

.orderline ul { text-align:left; padding:0px 0 0; margin:0; list-style:none; border:0; float:right; }
.orderline ul li { float:left; margin:0; padding:0 5px; border:0; }
.orderline ul li a { float:left; margin:0; padding: 0; color:#dedede; font:bold 14px/16px Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/button_bg1.gif) no-repeat right; }
.orderline ul li a span { padding:12px; background:none; }
.orderline ul li a:hover {
	color:#e2d7b1;
	background: none;
}
.orderline ul li a:hover span {color:#e2d7b1;}


	
.orderline ul li span {
    padding-top: 10px;
	display: inline-block;
    float: left;
}

.flavor {
	text-align: center;
	color: #e2d7b1;
	margin: 0px auto;
	font-size: 90%;
	font-family: "Times New Roman", Times, serif;
}

.body a { color:#e2d7b1; text-decoration:none;}
.body ul.list { padding:0; margin:0; list-style:none;}
.body ul.list li { float:left; width:50%; padding:3px 0;}
.body img {
	margin:5px auto;
	padding:5px;
}
.body img.noborder { border:0; padding:0; margin:10px 10px 0 0;}
.body img.none { float:none; margin:0; padding:0; border:none; background:none;}
.body img.f_left { float:left;}
.body img.f_right { float:right;}

.right {
	width:271px;
	margin:0;
	padding:0;
	float:right;
	color: #848484;
}

.float_right {
	float:right;
}

.righttext {
	margin:0;
	padding:0 0 20px 0;
	float:right;
	color: #848484;
}

.left { width:621px; margin:0; padding:0 28px 0 0; float:left;}

.left ul li{ color: #848484;font: 110%/1.4em Arial,Helvetica,sans-serif;}

.left ul li span{ color: #e2d7b1;}


.port { width:288px; margin:0; padding:0 28px 0 0; float:left;}
.port2 {
	width:588px;
	margin:0;
	padding:0 28px 0 0;
	float:left;
}

.port3 { width:335px; margin:0; padding:0 28px 0 0; float:left;}

.port4 {
	width:557px;
	margin:0;
	padding:0 28px 0 0;
	float:left;
}


.col2 {
	width:388px;
	margin:0;
	padding:0 100px 0 0;
	float:left;

}

.steps {
	padding: 0;
	margin: 0;
}

.steps-resize {
	padding: 0 0 10px 0;
	margin: 10px auto;
	width:920px;
	border-bottom: 1px solid #848484;
}


.last {
	padding:0;
}
/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:100px; display:block; padding:5px 0; color:#737373; font:normal 12px Arial, Helvetica, sans-serif; float:left; }
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text { width:450px; border:1px solid #d4d4d4; margin:5px 0; padding:3px 2px; height:16px; background:#fff; float:left; }
#contactform textarea { width:450px; border:1px solid #d4d4d4; margin:5px 0; padding:2px; background:#fff; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0; margin:10px 0 0 100px; border:0; color:#FFF; float:left; }

/* FBG */
.FBG { padding:0; margin:0; background:url(../images/transparent2.png);}
.FBG_resize { width:960px; margin:0 auto; padding:20px 0;}
.FBG img { float:left; margin:0; padding:0;}
.FBG a { color:#e2d7b1; text-decoration:none; font-weight:bold; }
.FBG h2 { font: normal 22px Arial, Helvetica, sans-serif; color:#bebdbd; padding:10px 0; margin:0;}
.FBG p {
	font: normal 95% Arial, Helvetica, sans-serif;
	color:#919191;
	padding:5px 0;
	margin:0;
	line-height:1.6em;
}
.FBG ul { padding:0; margin:0; list-style:none;}
.FBG li { padding:5px 0; margin:0; }
.FBG li a { font:normal 95% Arial, Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0;text-decoration:none;}
.FBG li a:hover { color:#317c91; text-decoration:none;}
.FBG .info { width:210px; float:left; margin:0 20px 0 0; padding:0 20px 0 0; background:url(../images/line_bg.gif) repeat-y right;}
.FBG .info.last { padding:0; margin:0; background:none;}

/*************footer**********/
.footer { background:url(../images/transparent3.png);}
.footer_resize { width:960px; padding:20px 0; margin:0 auto;}
.footer p { font:normal 12px Arial, Helvetica, sans-serif; color:#979797;}
.footer a { font:bold 12px Arial, Helvetica, sans-serif; color:#a9a9a9; text-decoration:none; }
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0; float:left;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:3px 0; margin:0; border-bottom:1px solid #ededed;}

/* Slider */
#slider {
	width:960px;
	padding:8px 0 0 0;
	margin:0 auto 2px;
	background:url(../images/shadow_slide.png) no-repeat bottom;
}

.comingsoon {
	width:960px;
	padding:8px 0 0 0;
	margin:30px auto 2px;
	text-align: center;
	color: #CCC;
	
}

#slider .flash_slider {
	width:960px;
	height:310px;
	margin:0;
	overflow:hidden;
}

#randy {
	position: absolute;
	float: right;
		}
		
/* Top LIne */
.top_line { background:url(../images/transparent.png); color:#999999; font:normal 11px Arial, Helvetica, sans-serif; border-bottom:1px solid #39352f;}
.top_line_resize { width:960px; margin:0 auto; height:35px;}
.top_line .support { float:left; padding:8px 0; line-height:19px;}
.top_line .support span { font-weight:bold; color:#e8f5f9;}
.top_line .feebback {
	float:left;
	padding:8px 0;
	line-height:19px;
	display: none;
}
.top_line .feebback span { float:left; padding:0 2px;}
.top_line .feebback img { float:left; padding:0 2px;}

/* search */
.search { padding:5px 0; margin:0; width:222px; float:right;}
.search form { display:block; float:right; padding:0;}
.search span { display:block; float:left; background:#393735; width:220px; padding:0; height:23px; border:1px solid #2e2b27;}
.search form .keywords { width:170px; float:left; background:none; border:0; padding:4px 10px; margin:0; font:normal 12px Arial, Helvetica, sans-serif; color:#706e6d; line-height:15px;}
.search form .button { float:left; margin:0; padding:0;}

/*-- Hedaer blog --*/
.header_text {
    background: url("../images/transparent2.png") repeat scroll 0 0 transparent;
    padding: 15px;
	margin: 40px 0 0;
}

.header_text_resize { 
    margin: 0 auto;
    padding: 2px 0 0;
    width: 960px;
}

.header_text_resize a { 
    color:color:#848484;
	text-decoration: none;
}

.header_text_resize a:hover, .header_text_resize a:active {
	color:#e2d7b1;
	text-decoration: underline;
}

.header_text h1 {
	color: #D4D4D4;
    float: left;
    font: 30px Arial,Helvetica,sans-serif;
    margin: -12px 0;
    padding: 5px 15px 0 20px;
	
	}
.header_text p {
	margin:0;
	padding:0;
	color:#bbb3ab;
	font:normal 18px Arial, Helvetica, sans-serif;
}
.header_text span { display:block; color:#b1b1b1; font:normal 11px Arial, Helvetica, sans-serif;}

.canscroller {
    background: url("../images/transparent2.png") repeat scroll 0 0 transparent;
    padding: 15px 0;
	margin: 0;
}

.bytestimonials {
	color:#e2d7b1 !important;
	font:100%/1.4em Arial,Helvetica,sans-serif !important;
	text-align:right;
}

.stepheader {
	font: normal 26px Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #262421;
	color: #615D59;
}

.stepheader span{
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #ccc;
	float: right;
	padding: 0 100px 0 0;
}

.step1 {
	font: normal 110% Arial, Helvetica, sans-serif;
	padding:5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #262421;
	color: #615D59;
}


.FormContainer {
    margin: 0;
	padding: 0;
}


	
.FormContainer dt {
	clear: left;
	float: left;
	margin-bottom: 6px;
	width: 160px;
	color: #848484;
}

.FormContainer dd {
    margin-bottom: 6px;
}
	
.Field150 {
    width: 150px;
}

input {
    padding: 2px;
}

input, select {
    font-size: 11px;
}



input.submit { 
  display: block;
  width: 155px;
  height: 30px;
  background: url("../images/checkout.png") no-repeat 0 0;
}

:hover input.submit { 
background-position: 0 -30px; 
}

.shipped {
	text-align:center;
	border: solid #fff 1pt;
	padding: 8pt;
	margin-top: 20pt;
}

    .demo-showa {
    }
	
	
	.demo-showa a:link, hover, visit {
	text-decoration: none;
	color: #E2D7B1;
    }
	
	.demo-showb a:link, hover, visit {
	text-decoration: none;
	color: #E2D7B1;
    }



    .demo-showa h3 {
	margin: 0;
	padding: 0.25em;
	border-top: 1px solid #386785;
	border-bottom: 1px solid #386785;
    }
    .demo-showa div {
      padding: .5em 1em;
	  color: #CCC;
    }
	
   .demo-showb {
    }
    .demo-showb h3 {
      margin: 0;
      padding: .25em;
      border-top: 1px solid #386785;
      border-bottom: 1px solid #386785;
    }
    .demo-showb div {
	padding: .5em 1em;
	color: #CCC;
    }

#rightcolumn {
	margin: 0 0 0 400px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px;
	width: 360px;
} 

#leftcolumn {
	margin: 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	width: 360px;
	float: left;
}
.formfield1 {display:none;}