/*
Theme Name: ecommercekings.com
Theme URI: css/ecommercekings/
Description: CSS for ecommercekings.com
Version: 1.0
Author: Winston C.
Author URI: http: n/a

Theme last updated: 11.6.2006
*/

body {
	margin:0;
	padding:0;
	height: 800px;
}

#container {
	width: 800px;
	height: auto;
	float: left;
	clear:both;
	background-color: #EFEFEF;
}

/***header styles**/
#header {
	background-color: #dbd9da;
	color:#FFFFFF;
}

#toppic1 {
	float: left;
	width: 352px;
	height: 150px;
	background-image: url("../../images/ecommercekings.com/toppic1.jpg");
	background-repeat: no-repeat;
}

#toppic2 {
	float: left;
	width: 240px;
	height: 150px;
	background-image: url("../../images/ecommercekings.com/toppic2.jpg");
	background-repeat: no-repeat;
}

#images-header2 {
	float: left;
	width: 188px;
	height: 150px;
}

#toppic3 {
	float: left;
	width: 117px;
	height: 66px;
	background-image: url("../../images/ecommercekings.com/toppic3.jpg");
	background-repeat: no-repeat;
}

#home {
	float: left;
	width: 71px;
	height: 66px;
	background-color: #dbd9da;
	color:#FFFFFF;
}

#homebutton {
	display: block;
	margin-top: 5px;
	width: 48px;
	height: 11px;
	background-image: url("../../images/ecommercekings.com/bt-home.gif");
	background-repeat: no-repeat;
}

#left-container {
	width: 288px;
	float: left;
}

#right-container {
	float: right;
	width: 280px;
	padding: 0 5px 0 5px;
}

#article {
	text-align: left;
}

#logo {
	clear: left;
	float: left;
	width: 188px;
	height: 83px;
	background-image: url("../../images/ecommercekings.com/eck-top-logo.jpg");
}

/****header styles end***/
#right-navi {
	width:190px;
	clear: both;
	float: right;
	margin: -2px 20px 0 0px;
	background-color:#DBD9DB;
	color:#1013A0;
}

.key-indus-image {
 	display:block;
	color:#1013A0;
	background-color:#DBD9DB;
	font-weight:bold;
	font-size:14px;
	padding-left:1px;
}


.order-list ul {
	padding: 0;
	margin: 0;
	border-top: 2px dashed #ff0000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 60%;
}


.order-list li {
	padding: 0px 0px 0 0px;
}

.order-list ul li a {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#DBD9DB;
	color:#555354;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 10px;
	text-decoration: none;
}

.order-list ul li a:hover {
	color:#0066FF;
	text-decoration:underline;
}

.key-indus-image{
 	display:block;
	color:#1013A0;
	background-color:#DBD9DB;
	font-weight:bold;
	font-size:14px;
	padding-left:4px;

}


.order-list2 ul{
	list-style-type: none;
	padding: 0 0 137px 0;
	margin: 0;
	border-top: 2px dashed #ff0000;

}

.order-list2 ul li{
	padding: 0px 0px 0 0px;
}

.order-list2 ul li a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#DBD9DB;
	color:#555354;
	font-size:12px;
	padding: 2px 10px;
	margin: 0;
	text-decoration: none;
}

.order-list2 ul li a:hover{
	background-color:#DBD9DB;
	color:#0066FF;
	text-decoration:underline;
	font-size:12px;
}


#main-container {
	width: 590px;
	clear:left;
	float:left;

}

#navs {
	float: left;
	width: 584px;
	height: 20px;
	background-color: #da0402;
	color: #FFFFFF;
	border-width: 0px 6px 0px 0px;
	border-color: #71030e;
	border-style: solid;
	padding: 3px 0px 2px 0px;
}

#navs ul {
	list-style-type: none;
	display: inline;
	width: 590px;
	padding: 0;
	margin-left: 10px;
}
#navs li {
	display: inline;
	padding: 2px 10px 2px 10px;
	vertical-align: middle;
	}

#navs li a:link, #navs li a:active, #navs li a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #da0402;
	text-decoration: none;
	}
#navs li a:hover {
	background-color: #da0402;
	color: #e9ef3f;
}

#quicknav {
	float: left;
	width: 562px;
	height: 20px;
	border-right: 6px solid #4b514f;
	background-color: #979797;

	padding: 8px 2px 2px 20px;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}

#mainbody {
	width: 584px;
	background-color: #efefef;
	border-right: 6px solid #808080;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0a0b43;
	text-align: justify;
	padding-top: 10px;

}

#mainbody p {
	margin: 0px 5px 15px 20px;
	clear:both;
	}


/**********************/

.formheader-1{
	color:#B20A1D;
	background-color:#EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-left:1px;
}

.formheader-2{
	color:#000000;
	background-color:#EFEFEF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}


#main-form{

	clear: left;
	float: left;
	display: block;

	width:300px;

	color:#666666;
	background-color:#EFEFEF;
	font-size:12px;
	padding-right:10px;
	/*border: 1px solid red;*/
}

/*for form only mode(main-form-2)*/
#main-form-2{
	clear: left;
	float: left;
	display: block;

	width:772px;
	color:#666666;
	background-color:#EFEFEF;

	font-size:12px;
	padding-right:10px;

}

#right-contents {
	float:right;
	height:300px;
	width:250px;
	overflow:scroll;
}

.header2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;
	font-weight:bold;
}


.main-para2{
	padding:5px 10px 5px 5px;
	color:#000000;
	background:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;


}

.questionFAQ{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0;
	padding: 0;

}

.answerFAQ{
	padding:5px;
	color:#0066CC;
	background:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	top:-30px;

}

.linkFAQ{
	padding:5px;
	color:#0066CC;
	background:#efefef;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float: left;
	text-align:left;
}

#mainform {
	top:325px;
	border: none;
}


#mainform form {
	/*margin: 0 5px 0px 0;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4a4e4f;
	background-color:#EFEFEF;
}

/********right links style*********/

#merchant {
	border: none;
	float:right;
	}

#merchant2{
	border: none;

}

#right-links-container {
	float: right;
	width: 310px;
}


.right-links-header{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#D70708;
	background-color:#efefef;
}

.barz {
	width: 310px;
	clear: right;
}

.barz a {
	background-color:#EFEFEF;
	color:#D5BA09;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
}

.barz a:hover{
	background-color:#EFEFEF;
	color:#0066FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
}


.barz2 a{
	background-color:#EFEFEF;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;
	text-decoration:none;

}

.barz2 a:hover{
	background-color:#EFEFEF;
	color:#0066FF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:5px;

}

/*footer and copyright*/


#footer-copyright{
	clear:both;
	float:left;
	width:780px;
	height:40px;
	margin-left:0px;
	/* background-color:#D5BA09; */
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

}

#footer-copyright-2{

	clear:both;
	float:left;
	width:770px;
	height:40px;
	margin-left:0px;
	background-color:#D5BA09;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;

}


.copyright{

	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	padding-left:10px;

}

/********* form styles tableless**********/

.cssform p{
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 280px; /*width of left column containing the label elements*/
	/*border-top: 1px dashed gray;*/
	height: 1%;
}

.cssform .checkbox{
	width: 400px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 430px; /*width of left column containing the label elements*/
	/*border-top: 1px dashed gray;*/
	height: 1%;

}





.cssform label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.cssform textarea{
	width: 250px;
	height: 100px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
	margin-left: 3px;
}
/***Feed styles***/

#feeds {
	clear:both;
	float: left;

	width:780px;
	height:200px;
	background-color:#DBD9DB;
	color:#000000;
	overflow:scroll;
}

#feeds .news {
	padding: 5px;
	overflow: auto;
	margin-bottom: 5px;
	font-size: 8pt;
	width: 190px;
	float: left;
}

#feeds .news p {
	font-size: 8pt;
}

#feeds h3 {
	font-size: 8pt;
}

#feeds img {
	width: 90px;
	height: 60px;
}

.button-image {
	background-color: #979797;
	color: #FFFFFF;
	font-weight: bold;
	border: 2px solid #DBD9DB;
}

#terms {
	float: left;
}

#terms ul {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: none;
}

#terms li {
	/*float: left;*/
	padding-left: 5px;
	padding-bottom: 5px;
	background-color: #DBD9DB;
}

#terms li a {
	text-decoration: none;
	color: Blue;
}