/*
CSCart-USA.com

*/
/*@import url("reset.css");		 reset css */
@import url("cscart-blog.css");		/* css blog */
@import url("slide.css");		/* login panel */
@import url("showcase.css");  /* Showcase css */
*{ 	margin: 0;
 	padding: 0; 
}*

body { 

	margin: 0; 

	/*background: #fff url(images/bg.gif) repeat-x;  */

	font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444; 

}



	h1 { font-size: 3em; font-weight: normal; float: left; }

	h1 a { text-decoration: none; }

	h2 { font-size: 2em;  font-weight: normal; margin: 0 0 .8em; }
	h2.sitemap {border-bottom:3px solid #CCC;}

	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 15pt 0 .8em; }

	p  { margin: 0 0 2em 0; line-height: 1.8em; }

	em { border-bottom: 1px dotted #fff; cursor: pointer; }

	a { color: #0076a4; }

	a:hover { color: #15ADFF; text-decoration: none; }

	img { border: 0; }

	.red { color: #9D2900; }

	

.wrap { width: 900px; margin: 0 auto; }
.wrap_narrow { width: 700px; margin:0 0 0 200px;}

 

#header { width: 900px; height: 50px; margin: 0 auto; }

#header img {float:left;}

	#menu  { float: right; padding: 6px 0 0 0; list-style: none; }

		#menu li { display: inline; }

		#menu a { display: block; 

		float: left; 

		margin-left: 30px; 

		padding: 7px; 

		text-decoration: none; 

		font-size: 13px; 

		color: #000000; }

		

		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }

		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

 

#teaser { clear: both; height: 250px; background: #00CCFF url(images/header-bg.png) repeat-x; }
.box404 {  padding: 10px 0 10px 0; color: #C7E3EE; position: relative; left: 25px;}

	.box { float: left; padding: 50px 0 10px 0; color: #C7E3EE; }
	

	.box ul { margin-left:15px;}

		.box ul li { font-size: 1.5em;  font-weight: normal; margin: 0 0 .8em;

		color: #FFFFFF;

		margin-left:40px;

		list-style-image:url(images/check.gif);

		vertical-align:middle;

		height:24px;		

		 }

	#image { float: right; width: 400px; position: relative; top: 1px; background: url(images/software_sale.png) no-repeat bottom right; height: 248px; }
	#image404 { float: left;  width: 190px; position: relative; top: 2px; background: url(images/404_stop.png) no-repeat bottom right; height: 254px; }

	

#subteaser { clear: both; height: 60px; background: #fff url(images/header-bg.png) repeat-x; color: #FFF; margin: -33px 0 10px 0; }

    #subteaser h1 {
	font-size: 3em;
	font-weight: normal;
	float: left;
	margin: 8px 0 5px 0;
}



#bar { height: 40px; margin: 0 0 20px; padding: 8px 0 0 0; background:#000;}

#bar a:hover {background:#15ADFF;}

	.step { cursor: pointer; color: #FAFDDD; padding: 4px 0 0 0px; margin: 0 35px 0 0; font-size: 1.4em; float: left; text-align: center; }

	.step a { color: #fff; margin: 0 10px 0 0; text-decoration:none; }

	.step a:hover {background:#15ADFF;}

	
/**
.col { float: left; width: 276px; margin: 0 30px 16px 0; }

	.last { float: right; margin: 0; }

	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }
**/
#columns {
width:258px;
float:left;
margin: 0 30px 16px 12px;
}
.col {
background-color:#FEFEFE;
border:1px dotted #A6B3B9;
color:#75818A;
background-image:url(images/column_bg.jpg);
background-position:left top;
background-repeat:repeat-x;
 padding:7px;
}
#column_last {

width:264px;
float: right; margin:0 0 16px 12px; 
}
.twitter {
	background-color:#FEFEFE;
border:1px dotted #A6B3B9;
color:#75818A;
background-image:url(images/twitter_bg.png);
background-position:left top;
background-repeat:repeat-x;
padding:7px;
}
.feedburner {
	background-color:#FEFEFE;
border:1px dotted #A6B3B9;
color:#75818A;
background-image:url(images/feedburner2_bg.gif);
background-position:center bottom;
background-repeat:no-repeat;
padding:7px;
}
#Demo {
clear:both;
float:right;
margin:10px 0 0 0;
}

#Demo a {
background:transparent url(images/see_self.png) no-repeat scroll 0 0;
display:block;
height:57px;
width:168px;
}

#Demo a:hover {
background-position:-168px 0;
}
#Demo span {
display:none;
}
/** Blog on home **/


/** Twitter list**/
ul#twitter_update_list li, ul.newlist li {
border-bottom:1px dotted #A6B3B9;
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
overflow:hidden;
padding:10px 0 15px;
}
.twitter-timestamp {
	font-size:10px;
	color:#09F;
}
.blog_spacer {
	border-bottom:1px dotted #A6B3B9;
}
#bottom {
background-color:#FFF; /* #F2F7FB */
background-image:url(images/integrated.jpg);
border-left:1px dotted #A6B3B9;
border-right:1px dotted #A6B3B9;
border-top:1px dotted #A6B3B9;
padding:15px;
clear:both;
width:870px;
min-height:170px;
margin:0 auto;
}

#bottom_cloud {
background-color:#F2F7FB;
border-left:1px dotted #A6B3B9;
border-right:1px dotted #A6B3B9;
border-top:1px dotted #A6B3B9;
padding:15px;
clear:both;
width:870px;
margin:0 auto;
}

#footer { clear: both; width: 100%; margin: 0 auto;padding-top: 15px; border-top: 1px solid #e0e0e0; background: #cccccc; height: 35px;}	

	#footer .right { float: right; margin: 0 55px 0 0; }

	#footer a { color: #808080; font-weight: bold; }
	img#wpstats{display:none;}

#content {
border-right:1px solid #D8EAF3;
float:left;
margin:10px 5px 15px 0pt;
padding:0pt;
width:690px;
}

#content p {
padding-right: 10px;
}
/* Begin Sidebar */
#sidebar {
float:right;
margin:4px 0pt 0pt;
padding:0pt;
width:190px;
}

#sidebar h2 {
background:#219FD0 none repeat scroll 0% 0%;
border-bottom:1px solid #FFFFFF;
color:#FFFFFF;
font-family:verdana,"Microsoft Sans Serif",Times,serif;
font-size:8pt;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px 0px 10px;
padding:6px;
}

#sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#sidebar ul li {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 12pt;
	}

#sidebar ul li a:hover {
	color: #000000;
	background: #ccc;
	}

#sidebar ul li a.showcase {
	display:inline !important;
}

#sidebar .current_page_item , #sidebar .current-cat {
background:url(images/arrow.gif) no-repeat 2px 10px;
}	

/* TABLE GRID */

#mytable, table {

	width: 900px;

	padding: 0;

	margin: 0;
}

table.small {
	width:680px; padding:0; margin:0;}

caption {
	color: #9ba9b4;
	font-size:.94em;
		letter-spacing:.1em;
		margin:1em 0 0 0;
		padding:0;
		caption-side:top;
		text-align:center;
	}	
	
	.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

tr.odd td	{
	background:#f7fbff
	}
tr.odd .column1	{
	background:#f4f9fe;
	}	
.column1	{
	background:#f9fcfe;
	}
							
thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#66a3d3
	}	
tfoot th {
	text-align:center;
	background:#f4f9fe;
	}	
tfoot th strong {
	font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	margin:.5em .5em .5em 0;
	color:#66a3d3;
		}		
tfoot th em {
	color:#f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
	}


th {

	font: bold 11px "Trebuchet MS", Arial, Sans-Serif; 

	color: #4f6b72;

	border:1px solid #C1DAD7;

	letter-spacing: 2px;

	text-transform: uppercase;

	text-align: left;

	padding: 6px 6px 6px 12px;

	background: #CAE8EA url(images/bg_header.jpg) no-repeat;

}



th.nobg {

	border-top: 0;

	border-left: 0;

	border-right: 1px solid #C1DAD7;

	background: none;

}



td {

	border-right: 1px solid #C1DAD7;

	border-bottom: 1px solid #C1DAD7;
	
	border-left:1px solid #C1DAD7;

	background: #fff;

	padding: 6px 6px 6px 12px;

	color: #4f6b72;
	text-align:center;

}





td.alt {

	background: #F5FAFA;

	color: #797268;

}



th.spec {

	border-left: 1px solid #C1DAD7;

	border-top: 0;

	background: #fff url(images/bullet1.gif) no-repeat;

	font: bold 10px "Trebuchet MS", Arial, Sans-Serif; 

}



th.specalt {

	border-left: 1px solid #C1DAD7;

	border-top: 0;

	background: #f5fafa url(images/bullet2.gif) no-repeat;

	font: bold 10px "Trebuchet MS", Arial, Sans-Serif; 

	color: #797268;

}
#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}
#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

/* COMMENTS ***********/
ol.commentlist li.alt {
background-color:#fafafa;
}
ol.commentlist li {
padding:1.5em;
position:relative;
}
.commentlist li {
background-color:#f3f3f3;
border:1px dotted #D4D4D4;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 20px;
padding:10px 10px 0;
width:620px;
}

/*=== Slider ===*/

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 795px;
height: 245px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 15px; /*margin around each panel*/
width: 770px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.btn-arr2{
	float: left;
	padding: 120px 0 0;
	width: 27px
}

.wrapper {
float:left;
padding:0 0 0 20px;
}

.spacer {
	height:1%;
padding:15px 25px;
}

/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}
.fl{
	float: left
}
.fr{
	float: right
}
.ac{
	text-align: center
}
.ar{
	text-align: right
}

.slide1 
{background:transparent url(images/slides/slide1.png) no-repeat scroll 0 0;
height:235px;}

.slide2
{background:transparent url(images/slides/slide2.png) no-repeat scroll 0 0;
height:235px;}
.slide3
{background:transparent url(images/slides/slide3.png) no-repeat scroll 0 0;
height:235px;}