/*
 * TheSmartPoint CSS file
 *
 * @author TheSmartPoint
 * @copyright Copyright (C) TheSmartPoint All rights reserved.
 *  
 */ 

@import url(general.css);
@import url(overlay_message.css);
@import url(navigation.css);
@import url(header.css);
@import url(homepage.css);
@import url(single_product_box.css);
@import url(contact_form.css);
@import url(error_handler.css);
@import url(single_product_details.css);
@import url(sale_process_general.css);
@import url(sale_process_shopping_cart.css);
@import url(sale_process_addresses.css);
@import url(sale_process_payment.css);

.divWaiting {
	background-image: url(../img/keta-art_waiting.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	height: 80px;
	text-align:center;
}


.divOldBrowser_Container{
	position:absolute;
	z-index: 1;
	left: 50%;
	margin-left: -300px;
	top: 30px;
	width: 600px;
	height: 100px;
	background-color: #CCDCEB;
	text-align: center;
}

.divOldBrowser{
	font-family: Arial;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 5px;
	width: 575px;
	height: 75px;
	border: 2px solid #FFFFFF;
	text-align: center;
	padding:5px;
}

#imgCloseOldBrowserAlertBox{
	position: relative;
	float:right;
	vertical-align:top;
	margin-right: 0px;
}

/* The following two elements are used in the return page of PayPal and for some other full page messages. */ 

.FullPageMessageContainer{
	position:relative;
	padding: 10px;
	top: 30px;
	width: 932px;
	height: auto;	
	border: solid 1px #C5D393;
}

.FullPageMessageButton{
	border: solid 1px #C5D393;
	background-color: #FFF;
	color: #008786;
	height: 25px;
	padding-bottom: 2px;
	width: 230px;
}


.divGalleryThumbnail {
	width: 100px;
	height: 100px;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #C5D393;
	padding: 2px;
}

.Green_dashes {
	width: 710px;
	border: 0px;
	border-bottom: dashed 1px #C5D393;
	height: 1px;
	margin-bottom: 15px;

}

.DataGrid_Green_dashes {
	border: 0px;
	border-bottom: dashed 1px #C5D393;
	padding-top:10px;
	padding-bottom:8px;
}


.Text_Red {
	color: #DC143C;
}


.Product_Groups_Main_Container {
	background: url(../img/bg_Product_Group_box.jpg) no-repeat;
	width: 346px;
	height: 183px;
	vertical-align: top;
	text-align: left;
	border: solid 0px #000;
	margin-left: 20px;
	margin-bottom: 20px;
	padding-right: 0px;
}

.Product_Groups_Image_Container {
	width: 174px;
	height: 183px;
	vertical-align: top;
	text-align: left;
	border: solid 0px #000;
	float: left;
}

.Product_Groups_Title {
	width: 162px;
	float:left;
	text-decoration: none;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.Product_Groups_Text_Container {
	font-size: 12px;
	width: 152px;
	height: 100px;
	overflow: auto;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align:text-top;
	text-align: left;
	float: left;
}

.Product_Group_Weiter_Container {
	float: left;
	width:172px;
	vertical-align:bottom;
	bottom: 0px;
	text-align: right;
	border: solid 0px #000;
}

.Product_Group_Weiter_Button {
	font-size: 14px;
	color: #006E6D;
	width: 75px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
	background-color: #FFFFFF; 
	border-collapse: collapse;
	border: solid 0px #FFFFFF;
	margin-right:8px;
	margin-bottom: 10px;
}

.Product_Paging, .Product_Paging:link, .Product_Paging:visited {
	font-size: 14px;
	color: #006E6D;
	text-decoration: none;
	height: 25px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

.Product_Paging:hover, .Product_Paging:active {
	color: #006E6D;
	text-decoration: underline;
	cursor: pointer;
} 

.Product_Paging_Selected_Page {
	font-size: 14px;
	color: #006E6D;
	background-color: #C5D393;
	height: 25px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
}

.Events_Header, .Events_Header:link, .Events_Header:visited, .Events_Header:active {
	background-color: #C5D393;
	font: 1em  Candara, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	height: 26px;
	text-align: left;
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 2px;
}

.Events_Header:hover
{
	background-color: #C5D393;
	font: 1em  Candara, Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: underline;
	cursor: pointer;
}

.Copyright 
{
	font: 1em  Candara, Helvetica, Arial, sans-serif;
	color: #00847f;
	background: transparent;
	text-decoration: none;
	padding-left: 5px;
}

.Single_Produkt_box
{
	width: 225px;
	height: 232px;
	border-collapse:collapse;
}

.PoweredByTheSmartPoint {
	text-align: right;
	font: 0.7em  Candara, Helvetica, Arial, sans-serif;
	letter-spacing: 0.05em;
	color: #00847f;
	text-decoration: none;
}

.PoweredByTheSmartPoint:link, .PoweredByTheSmartPoint:visited, .PoweredByTheSmartPoint:active {
	color: #00847f;
	text-decoration: none;
}

.PoweredByTheSmartPoint:hover {
	color: #00847f;
	text-decoration: underline;
}

/* ------------------------- My KetaArt -------------- START */
.MyKetaArt_Container{
	margin: 0 auto;
	text-align: center;
}
.MyKetaArt_IntroText{
	text-align: center;
	margin-bottom: 10px;
}
/* ------------------------- My KetaArt -------------- END */

/* ------------------------- LOGIN FORM -------------- START */
.LoginForm_Container {
	margin: 0 auto;
	padding: 20px;
	width: 300px;
	border: solid 1px #C5D393;
}

.LoginForm_Intro{
	padding-left: 20px;
	padding-bottom: 10px;
}

.LoginForm_FieldLabels{
	text-align: left;
	padding-left: 20px;
	vertical-align: text-top;
}

.LoginForm_InputFields {
	width: 200px;
	margin-left:10px;
	margin-bottom:10px;
	border: solid 1px #C5D393;
}

.LoginForm_LoginButton {
	border-top: solid 1px #C5D393;
	border-left: solid 1px #C5D393;
	border-right: solid 1px #C5D393;
	border-bottom: solid 1px #C5D393;
	border-collapse:collapse;
	background-color: #FFFFFF;
	color: #006E6D;
	width: 100px;
}

.LoginForm_WarningMessage{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #8d1b1d;	
}

.LoginForm_ForgottenPassword{
	text-align: right;
	padding-top: 5px;
	text-decoration: none;
}

.Logout_Container {
	margin: 0 auto;
	width: 500px;
	border: solid 0px #C5D393;
}

/* ------------------------- LOGIN FORM -------------- END */

/* ------------------------- USER PROFILE ------------ START */
.UserProfile_Addresses_Container {
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 20px;
	width: 450px;
	border: solid 1px #C5D393;
	line-height: 1.3em;
}
/* ------------------------- USER PROFILE ------------ END */


/* ------------------------- ORDER HISTORY ----------- START */
.OrderHistory_Container{
	margin: 0 auto;
	width: 100%;
}

.OrderHistory_Labels{
	vertical-align: middle;
}

.OrderHistory_Totals{
	background-color: #FFFFFF;
	height: 28px;
	width: 94px;
	border: solid 0px #C5D393;
}


.OrderHistory_Grid {
	margin-top: 10px;
}

.OrderHistory_GridHeader {
	text-align: center;
	background-color: #C5D393;
	border-bottom: 1px solid #FFFFFF;
}

.OrderHistory_GridItem {
	padding-left: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #C5D393;
}

/* ------------------------- ORDER HISTORY ----------- END */


/* ------------------------- DRAFT PANEL ----------- START */
.DraftWarning 
{
	background-color: #DCDCDC;
	border-width: 2px;
	border-top-color: #DC143C;
	border-bottom-color: #DC143C;
	border-left-color: #DC143C;
	border-right-color: #DC143C;
	padding: 2px;
}
/* ------------------------- DRAFT PANEL ----------- END */


