/*[--------------]*/
/*[  Stylesheet  ]*/
/*[  For Kwopp   ]*/
/*[--------------]*/


/* Start Basic Layout Elements */
html,body {
	font-family: Arial;
	font-size: 12px;
	color: #4b4b4b;
	background: url(images/bg.jpg) repeat-x #fcfcfc;
	line-height: 150%;
}

a, a:hover, a:visited, a:active {
	text-decoration: underline;
	font-weight:bold;
	color: #6ca656;
}

#wrapper {
	width: 879px;
	margin: 0px auto;
	padding-top: 28px;
	height: 100%;
}

/* Header Styles */
#header {
	height: 86px;
	width: 100%;
}

#logo {
	width: 168px;
	height: 50px;
	background: url(images/logo.jpg) no-repeat top left;
	margin-top: 7px;
	float: left;
}

#client {
	width: 250px;
	height: 60px;
	border-left: 1px solid #464646;
	float: right;
}

#client p.img {
	float: left;
	border: 2px solid white;
	margin-left: 14px;
}

#info {
	float: right;
	color: #a7a7a7;
	padding-top: 13px;
}

#info a, #info a:hover, #info a:visited, #info a:active {
	color: #7aafdc;
	font-weight: bold;
	text-decoration: underline;
}

#info img {
	margin-top: 5px;
	position: relative;
	top: 1px;
	margin-right: 5px;
}

/* Navigation -- Top */
#nav ul {
	width: 100%;
	height: 35px;
	list-style: none;
}

#nav ul li, #nav li {
	list-style: none;
	float: left;
	height: 15px;
	padding: 10px 12px;
	font-family: Georgia;
	color: #518407;
}

#nav ul li a {
	color: #518407;
	font-weight: bold;
	text-decoration: none;
}

#nav ul li:hover {
	background-color: #828282;
}

#nav ul li:hover a {
	color: white;
}

/* Navigation -- Bottom */
#subnav ul {
	width: 100%;
	height: 34px;
	list-style: none;
	padding-left: 15px;
	background: url(images/arrow.png) no-repeat left;
	margin-left: 15px;
}

#subnav ul li, #subnav li {
	list-style: none;
	float: left;
	height: 34px;
	font-size: 11px;
	padding: 10px 0px;
	margin-right: 5px;
}

#subnav ul li a {
	color: #d4d4d4;
	text-decoration: none;
	font-weight: normal;
}

#subnav ul li a:hover {
	text-decoration: underline;
	color: #fefefe;
}

#subnav strong {
	color: #9b9b9b;
}

#subnav {
	margin-bottom: 20px;
}

/* Content Styles */
#left {
	float: left;
	width: 535px;
	padding-right: 50px;
}

#left p {
	margin-bottom: 12px;
}
#right {
	float: right;
	width: 294px;
	padding-top: 50px;
}

.clear {
	clear: both;
}

.h1 {
	font-size: 18px;
	color: #3889ab;
	font-weight: bold;
	margin-bottom: 25px;
}

#wrapper {
	background: url(images/dashes.jpg) repeat-x;
	background-position: 0px 233px;
}

/* Tables */
table#cart {
	width: 555px;
	height: auto;
	border: 1px solid #eaeaea;
	border-width: 0px 1px;
	margin-top: 10px;
}

table#cart tr.heading {
	background-color: #858585;
	border: 1px solid #646464;
	height: 20px;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	font-size: 11px;
	padding-top: 6px;
}

table#cart th {
	padding-top: 3px;
	text-align: left;
	border-top: 1px solid #646464;
	padding-left: 21px;
}

table#cart th:first-child {
	padding-left: 7px;
}

table#cart .o,.t {
	height: 35px;
}

table#cart .t td {
	border: 1px solid #e3e3e3;
	border-width: 1px 0px;
}

table#cart .t {
	background: #efefef;
}

table#cart .o {
	background: #f8f8f8;
}

table#cart td {
	padding-right: 22px;
	vertical-align: middle;
	text-align: center;
	padding-left: 7px;
}

table#cart tr td:first-child {
	text-align: left;
}
#services {
	border: 1px solid #e3e3e3;
	border-width: 0px 1px 1px 0px;
}
#services tr td:first-child {
	background-color: #f5f5f5;
	text-align: right;
	height: 39px;
	width: 117px;
	border: 1px solid #e3e3e3;
	border-width: 1px 0px 0px 1px;
	vertical-align: middle;
	padding-right: 12px;
	font-size: 11px;
	color: #4a4a4a;
}
#services th {
	background-color: #efefef;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #e3e3e3;
	border-right: 0px solid black;
	border-bottom: 0px solid black;
}

#services td {
	background-color: #efefef;
	text-align: center;
	vertical-align: middle;
	border-left: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	width: 104px;
}
#services th:first-child {
	background-color:transparent;
	border-top: 0px solid black;
	border-left: 0px solid black;
}

#services td input {
	width: 90px;
	height: 24px;
	border: 0px solid black;
	background: url(images/apply.jpg) no-repeat top left;
	color: #6CA656;
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 3px;
}

#topic td {
	height: 72px;
	background-color: #fffbdc;
	border: 1px solid #efeac6;
	border-width: 0px 1px 1px 0px;
	text-align: center;
	vertical-align: middle;
	color: #404040;
}

#topic {
	width: 534px;
	margin-top: 30px;
	border: 1px solid #efeac6;
	border-width: 1px 0px 0px 1px;
}
/* Price Blocks */
.wide,.yellow {
	width: 509px;
	border-bottom: 1px solid #dddddd;
	text-align: right;
	font-size: 15px;
	color: #393939;
	padding: 10px 23px;
}

#left strong {
	font-weight: bold;
}

.yellow {
	background-color: #fffbdc;
}

/* Buttons */
#buttons {
	float: right;
	position: relative;
	right: 33px;
	top: 11px;
}

#buttons input {
	background: url(images/button.jpg) no-repeat top left;
	border: 0px solid black;
	width: 83px;
	height: 24px;
	font-weight: bold;
	color: #6ca656;
	margin-right: -4px;
	padding-bottom: 3px;
}

/* Textarea */
textarea {
	width: 350px;
	height: 150px;
	background: url(images/textarea.jpg) repeat-x #EDEDED;
	border: 1px solid #e3e3e3;
	padding: 3px;
}

/* Right Column Begins */
/* These are the three boxes. */
#secure {
	width: 229px;
	height: 77px;
	background: url(images/securetransactions.jpg) no-repeat top left;
	padding: 27px 25px;
	line-height: 175%;
	margin-bottom: 17px;
}

#features {
	width: 229px;
	height: 225px;
	background: url(images/features.jpg) no-repeat top left;
	padding: 27px 25px;
	margin-bottom: 17px;
	line-height: 175%;
}

#coupon {
	width: 243px;
	height: 142px;
	background: url(images/couponbox.jpg) no-repeat top left;
	padding: 19px;
	color: #6c6c6c;
}

#discount {
	margin-bottom: -70px;
	position: relative;
	right: -200px;
	top: -110px;
}

h2 {
	font-size: 18px;
	font-weight: normal;
	color: #4b4b4b;
}

.line {
	width: 100%;
	height: 1px;
	background-color: #e7e7e7;
	margin-top: 6px;
	margin-bottom: 10px;
}

#coupon input {
	width: 210px;
	height: 23px;
	background: url(images/input.jpg) repeat-x;
	border: 1px solid #e3e3e3;
	margin-top: 8px;
	color: #6C6C6C;
	font-size: 14px;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

#coupon .buttons input, #testimonials input {
	background: url(images/apply.jpg) no-repeat top left;
	border: 0px solid black;
	width: 90px;
	height: 24px;
	font-weight: bold;
	color: #6ca656;
	padding-bottom: 3px;
	font-size: 12px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#testimonials {
	min-height: 261px;
	width: 239px;
	background: url(images/testimonials.jpg) no-repeat top left #FCFCFC;
	margin-top: 14px;
	padding: 16px 20px;
}

#testimonials img {
	margin-right: 7px;
}
.text {
	margin-top: 3px;
	line-height: 175%;
}

span.text {
	margin-top: 0px;
	line-height: 100%;
	color: #989898;
	font-size: 10px;
}



/* Footer */
#footer {
	height: 158px;
	width: 100%;
	background: url(images/footer.jpg);
	margin-top: 200px;
}

#footlogo {
	height: 48px;
	width: 48px;
	background: url(images/footerlogo.jpg) no-repeat top left;
	float: left;
	margin-top: 18px;
}

#infoot {
	width: 879px;
	height: 100%;
	margin: 0px auto;
}

#links {
	float: left;
	margin-left: 15px;
	margin-top: 28px;
	color: #c0c0c0;
}

#links strong {
	color: #7c7c7c;
	margin: 0px 2px;
}

#links a {
	color: #e2e2e2;
	font-weight: bold;
	text-decoration: underline;
}

#links p {
	margin-bottom: 3px;
}

#payment {
	width: 264px;
	height: 25px;
	background: url(images/paymethods.jpg) no-repeat top left;
	float:right;
	margin-top: 26px;
}