/*
***********************************************************
	HTML CLASSES
***********************************************************
*/

body
{
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	margin:0px;
	background-color:#CCC;
	background-image:url(../_gfx/background.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom:20px;
}

h1
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	font-weight:normal;
	margin:0px 0px 20px 0px;
	line-height:1em;
	color:#5E779D;
}

h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0px 0px 20px 0px;
	line-height:1em;
	color:#5E779D;
	font-weight:bold;
}
p, ul
{
	margin-top:0px;
	margin-bottom:20px;
}

form
{
	margin:0px;
	padding:0px;
}
a {
	color:#C5311F;
	font-weight:bold;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
img {
	border:0px;
}
input,select,textarea {
	font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
}
input[type=text], input[type=password], textarea, select {
	border:1px solid #999999;
	padding:3px;
}

/*
***********************************************************
	TEMPLATE-WIDE STRUCTURAL CLASSES
***********************************************************
*/

.canvas {
	width:960px;
	height:1%;
	margin-left:auto;
	margin-right:auto;
	background-color:white;	
}

.header {
	width:960px;
	height:90px;
	background-image:url(../_gfx/header_back.gif);
	background-position:top;
	background-repeat:repeat-x;
}
.logo {
	position:absolute;
	margin-left:20px;
}
.logo img { border:0px; }

.top_menu {
	padding:0px 20px;
	background-image:url(../_gfx/menu.gif);
}
.top_menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	background-image:url(../_gfx/menu.gif);
	height:32px;
}
.top_menu ul li {
	float:left;
}
.top_menu ul li.site_exit {
	float:right;
}
.top_menu ul li a {
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	line-height:14px;
	padding:8px 10px 10px 10px;
	background-image:url(../_gfx/menu.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
}
.top_menu ul li a.selected {
	background-position:0px -32px;
}

.content {
	padding:20px;
	min-height:500px;
}

.left_column {
	width:194px;
	height:1%;
	float:left;
	margin-right:20px;
}

.left_menu ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.left_menu ul li {
	float:left;
	width:194px;
	border-bottom:1px solid white;
}
.left_menu ul li a {
	display:block;
	background-color:#E2E8EB;
	padding:6px 10px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
}
.left_menu ul li a:hover {
	background-color:#5E779D;
	color:#FFF;
}
.left_menu ul li a.selected {
	background-color:#5E779D;
	color:#FFF;
	background-image:url(../_gfx/left_menu_arrow.gif);
	background-repeat:no-repeat;
	background-position:95% 50%;
}

.right_column {
	width:706px;
	height:1%;
	float:left;
}

.bottom_menu {
	padding:0px 20px;
	background-image:url(../_gfx/menu.gif);
}
.bottom_menu ul {
	list-style-type:none;
	padding:0px;
	margin:0px;
	background-image:url(../_gfx/menu.gif);
	height:32px;
}
.bottom_menu ul li {
	float:left;
}
.bottom_menu ul li.site_exit {
	float:right;
}
.bottom_menu ul li a {
	display:block;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	line-height:14px;
	padding:8px 10px 10px 10px;
	background-image:url(../_gfx/menu.gif);
	background-position:0px 0px;
	background-repeat:repeat-x;
	white-space:nowrap;
}
.bottom_menu ul li a.selected {
	background-position:0px -32px;
}

.footer {
	width:960px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	color:#666;
}
.footer_left {
	float:left;
	width:60%;
	font-size:10px;
	line-height:12px;
	color:#A7A7A7;
}
.ktp_logos 
{
	padding-bottom:4px;
}
.footer_right {
	float:right;
}
.footer_right a {
	text-decoration:none;
	color:#666;
	font-weight:normal;
}
.footer_right a:hover {
	color:#000;
}

.location_bar {
	color:#999;
}
.location_bar a {
	font-weight:normal;
	color:#999;
}

.pager 
{
	width:100%;
}

.pager td {
	padding:10px;
	background-color:#E1E1E1;
}

.pager table td {
	padding:0px 0px 0px 6px;
	color:#999999;
}
.pager table td strong {
	color:#000000;
}
.pager td a.disabled,
.pager td.a.disabled:hover
{
	text-decoration:none;
	color:#999;
	font-weight:normal;
}

/*
***********************************************************
	DIALOGS
***********************************************************
*/

.dialog_header {
	background-color:#CCC;
	line-height:16px;
	padding:6px;
	font-weight:bold;
}
.dialog_contents {
	background-color:#E1E1E1;
}

.mini_basket .dialog_contents {
	font-size:10px;
	line-height:12px;
}
.mini_basket .dialog_header {
	background-image:url(../_gfx/icon_basket.gif);
	background-repeat:no-repeat;
	background-position:4px 50%;
	padding-left:26px;
}
.mini_basket table td {
	vertical-align:top;
	border-bottom:1px dotted white;
	padding-left:5px;
}
.mini_basket_product a:hover {
	text-decoration:underline;
}
.mini_basket_quantity {
	white-space:nowrap;
}
.mini_basket_price {
	text-align:right;
	white-space:nowrap;
}
.mini_basket_delete {
	width:12px;
}
.mini_basket_buy {
	padding:10px;
}
.mini_basket_empty {
	text-align:center;
	padding:20px;
	color:#999;
}

.login_box .dialog_header {
	background-image:url(../_gfx/icon_login.gif);
	background-repeat:no-repeat;
	background-position:4px 50%;
	padding-left:26px;
}

.login_box .dialog_contents {
	padding:10px;
}
.login_box input {
	border:1px solid #999;
	padding:2px;
	width:164px;
}

.form_label {
	margin-bottom:4px;
}
.form_field {
	margin-bottom:4px;
}

/*
***********************************************************
	HOME PAGE 
***********************************************************
*/

.home_page_promo_top {
	margin-bottom:10px;
}
.home_page_promo_left {
	float:left;
	margin-right:10px;
}
.home_page_promo_right {
	float:left;
}

.promo_welcome {
	background-image:url(../_gfx/promos/welcome.jpg);
	height:246px;
	width:706px;
	border-top:1px solid #CCC;
}
.promo_welcome div {
	width:400px;
}

/*
***********************************************************
	CATEGORY PAGE
***********************************************************
*/
.product_canvas {
	width:706px;
	overflow:hidden;
}
.product_canvas_inner {
	width:716px;
}

.product {
	float:left;
	width:169px;
	margin-right:10px;
	margin-bottom:10px;
}
.product_image {
	border:1px solid #CCCCCC;
	height:167px;
	/*background-color:#FFFFFF;
	background-image:url(../_gfx/missing_image.jpg);
	background-repeat:no-repeat;
	background-position:50% 50%;*/
	text-align:center;
}
.product_image a {
	display:block;
	width:167px;
	height:167px;
}
.product_title {
	text-align:center;
}
.product_title a {
	display:block;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
}
.product_title a.product_title_link 
{
	overflow:hidden;
	height:2.8em;
}
.product_title a:hover {
	background-color:#CCCCCC;
}
.add_to_cart_canvas 
{
	padding-top:4px;
}

/*
***********************************************************
	PRODUCT DETAILS PAGES
***********************************************************
*/
.product_details_left {
	width:386px;
	height:1%;
	float:left;
}
.product_details_right {
	width:300px;
	height:1%;
	float:right;
}
.product_details_image { 
	margin-bottom:12px; 
	border:1px solid #CCC;
	width:298px;
	height:298px;
	text-align:center;
}
.detailed_image {
	float:right;
	margin-left:12px;
	border:1px solid #CCC;
	width:90px;
	height:90px;
	text-align:center;
}
h2.product_details_price {
	font-size:22px;
	color:#000000;
	font-weight:bold;
}
h2.related_products {
	padding-top:10px;
	border-top:1px solid #CCC;
}

/*
***********************************************************
	BASKET PAGE
***********************************************************
*/
.basket_thumbnail {
	width:58px;
}
.basket_price {
	text-align:right;
}
.basket_qty, .basket_qty input {
	width:60px;
	text-align:center;
}
.basket_qty a  {
	font-size:10px;
	font-weight:normal;
}
.basket_total_price {
	text-align:right;
	font-weight:bold;
}
.basket_delete {
	width:22px;
}
.basket_totals td {
	background-color:#EEE;
	text-align:right;
	font-weight:bold;
}

/*
***********************************************************
	CHECKOUT PAGES
***********************************************************
*/
.checkout_steps {
	width:194px;
}
.checkout_steps td {
	background-color:#E2E8EB;
	padding:6px;
	border-bottom:1px solid #FFF;
	color:#5F789E;
}
.checkout_steps th {
	background-color:#E2E8EB;
	font-weight:normal;
	font-size:22px;
	padding:6px;
	color:#5F789E;
	border-bottom:1px solid #FFF;
}
.checkout_steps tr.current_step th {
	background-color:#CC0000;
	font-weight:bold;
	font-size:22px;
	padding:6px;
	color:#FFFFFF;
	border-bottom:1px solid #FFF;
}
.checkout_steps tr.current_step td {
	background-color:#B7C1D2;
	font-weight:bold;
	color:#000000;
}

.checkout_title {
	background-color:#E2E8EB;
	padding:10px;
	font-size:14px;
	color:#5E779D;
}
.existing_data_title {
	background-color:#BFEBB8;
	padding:10px;
	font-size:14px;
	color:#5C8F47;
}
.existing_data_contents {
	background-color:#E2FBDD;
	margin-bottom:10px;
}
.existing_data_contents table {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}

.field_wide {
	width:300px;
}
.field_normal {
	width:200px;
}
.field_short {
	width:100px;
}

.checkout_submit {
	text-align:right;
}

.checkout_column_left {
	float:left;
	width:343px;
	height:1%;
}
.checkout_column_right {
	float:right;
	width:343px;
	height:1%;
}


/*
***********************************************************
	CUSTOM CLASSES
***********************************************************
*/
.grey {
	color:#999999;
}
.star {
	color:#FF0000;
}
.error {
	color:red;
}
div.error {
	padding-bottom:4px;
}

.defaultTable
{
	border-collapse:collapse;
	border:1px solid #999999;
}

.defaultTable th
{
	background-color:#DDDDDD;
	border:1px solid #999999;
	color:#666666;
	padding:6px;
}

.defaultTable td
{
	padding:6px;
	border:1px solid #999999;
}

.defaultTable tr.trOver { background-color:#F7FDE3; }

.defaultTable tr.trEven { background-color:#F1F1F1; }


/*
***********************************************************
	MARGIN CLASSES
***********************************************************
*/

.mt0 { margin-top:0px; }
.mb0 { margin-bottom:0px; }
.mt10 { margin-top:10px; }
.mb10 { margin-bottom:10px; }
.mt20 { margin-top:20px; }
.mb20 { margin-bottom:20px; }

.p10 { padding:10px; }
.p20 { padding:20px; }

.clear
{
	clear:both;
	height:0px;
}