/* -----------------------------------------------------------------------------------------
 2007(c) by bevolution.net 
   ---------------------------------------------------------------------------------------*/
* {margin:0;padding:0;border:0;}

html, body{
position: relative;
background: transparent /* url(http://www.beautifulbuddha.de/templates/bevolution.net/img/backgrounds/1280x1024.jpg)*/;
background-position: left top; 
background-repeat: no-repeat; 
background-attachment: fixed;
font-size: 0.9em;
font-family : arial, san-serif;
height:100%; 
color:white;
}


#cartNavi{position: absolute;
right: 0px;
top: 10px;
z-index: 56;
background: transparent;
color: #ffffff;
}

#cartNavi a{color:#ffffff; margin: 0 5px 0 5px;}

#abstand{padding-top: 30px;}

#wrapper{
margin: 0px auto; 
background:transparent; 
width:800px !important; 
width: 800px; /* for IE */
height: 525px !important; 
height: 520px; /* for IE */
}

/*header & navi css in cmcity main css*/
/* Der Header */
#header { 
width:800px !important; 
width:820px; 
height: 160px; 
padding-top: 0px; padding-bottom: 0px; 
background: transparent url(http://www.beautifulbuddha.de/templates/bevolution.net/img/header.png) no-repeat left top;
filter:progid:DXImageTransform.Microsoft. 2 AlphaImageLoader(src='http://www.beautifulbuddha.de/templates/bevolution.net/img/header.png',sizingMethod='scale');
background-position: center;
}

* html #header
{background-image: none; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.beautifulbuddha.de/templates/bevolution.net/img/header.png", sizingMethod="crop", enabled="enabled");  
}

/* --- Die Navigation --- */


#menu ul {

padding-left: 0; margin-bottom: 0px;
margin-left: 0; 
background:  #535351 url(http://www.beautifulbuddha.de/templates/bevolution.net/img/navi_bg.png);
background-position: left top; 
background-repeat: repeat-x; 


color: white; float: left;
width:800px !important; 
width:820px; font-family : arial, san-serif;
}

#menu ul li { display: inline; }

#menu ul li a { padding: 0.7em 0.7em;
color: white; text-decoration: none;
float: left; border-right: 0px solid black;
}

#menu ul li a:hover { color: #FF9400; text-decoration: none; }

 #active a:link, #active a:visited, #active a:hover {
color: #FF9400; text-decoration: underline;
font-weight: normal;
}

#submenu ul {padding-left: 0; margin-bottom: 0px; height: 22px;
margin-left: 0; background: #535351 /*#535351 url(/templates/frontend/images/bgsubnav.jpg)*/;
color: white; float: left;
width:800px !important; 
width:820px; font-family : arial, san-serif;
}

#submenu ul li { display: inline; }

#submenu ul li a { padding: 0.2em 1em; 
color: white; text-decoration: none;
float: left; border-right: 0px solid white;
}

#submenu ul li a:hover {color: #FF9400; text-decoration: underline;}

 #subactive a:link, #subactive a:visited, #subactive a:hover {
color: #FF9400;
font-weight: normal;
}

/* --- Ende Navigation --- */

/* open shopnavi trail and standart */
#ShopNavi{}

#ShopNavi a{}
#ShopNavi a:hover{}
#ShopNaviTrail{
position: absolute;
left: 10px;
top: 10px;
z-index: 56;}
#ShopNaviTrail a{color: #ffffff; text-decoration: none;}
#ShopNaviTrail a:hover{color: #ffffff; text-decoration: underline;}
#ShopNaviKonto{}

.navtrailLocator{}
/*end  shopnavi trail and standart */

#LeftBox{}

#Shopcontent{
float: left; display: block;
width:780px !important; 
width: 800px; /* for IE */
background: #ff9400 /*url(http://www.beautifulbuddha.de/templates/bevolution.net/img/lion_right_bottom.jpg)*/;
background-position: right bottom;
background-repeat: no-repeat;
padding: 10px;
color: #303030;
}

#ketten{
margin-top:15px;
width: 750px; 
border: 10px solid #ffffff; 
height:235px; 
padding: 5px;
float: left;
margin: 0px 10px 10px 0px;
background: #CCCCCC url(http://www.beautifulbuddha.de/templates/bevolution.net/img/content1.jpg) no-repeat 0px 0px;
position: relative;
}

#armbander{
margin-top:15px;
width: 750px; 
border: 10px solid #ffffff; 
height:235px; 
padding: 5px;
float: left;
margin: 0px 10px 10px 0px;
background: #CCCCCC url(http://www.beautifulbuddha.de/templates/bevolution.net/img/content2.jpg) no-repeat 0px 0px;
position: relative;
}

.linkinlittlebox1{ 
position: absolute; 
left: 140px; 
bottom: 20px;
color: #303030;
text-decoration: none;
background: #ffffff;
padding: 2px 2px 2px 2px;
border: 1px solid #303030;
}

.linkinlittlebox2{ 
position: absolute; 
right: 280px; 
bottom: 20px;
color: #303030;
text-decoration: none;
background: #ffffff;
padding: 2px 2px 2px 2px;
border: 1px solid #303030;
}

.linkinlittlebox3{ 
position: absolute; 
right: 20px; 
bottom: 20px;
color: #303030;
text-decoration: none;
background: #ffffff;
padding: 2px 2px 2px 2px;
border: 1px solid #303030;
}
#wissen{
position: relative;
border: 10px solid #ffffff;
height: 358px;
background:  #cccccc url(http://www.beautifulbuddha.de/templates/bevolution.net/img/wissen.jpg);

}

.wissenlink1{
position: absolute; 
top: 50px; 
right: 340px;
color: #303030;
text-decoration: none;
background: #ffffff;
padding: 2px 2px 2px 2px;
border: 1px solid #303030;
}
.wissenlink2{
position: absolute; 
top: 140px; 
right: 20px;
color: #303030;
text-decoration: none;
background: #ffffff;
padding: 2px 2px 2px 2px;
border: 1px solid #303030;
}

.liste{margin-left:50px;}

/*boxglobals*/
.BoxPadding{}

/*popup*/
.BigPicPopup{}
.popup{}
.LittlePics{}
.Close{}
/*---------------------------------------------------------------------------------------
 Left Boxes
------------------------------------------------------------------------------------------ */
#searchField{} /* -------------      outline --- box_search.html*/
.BoxheadSearch{}

/* Cart Box Left */
/*------------------------------------------------------------------------------headlines leftnavigation block */
.BoxheadSearch, .BoxheadmAC, .BoxheadCart, .BoxheadCat, .BoxheadSpecial, .HeadWhatsnew, .HeadLastViewed, .BoxheadNewsletter {}

/*headlines h1 h2 h3*/
#Shopcontent h1,
#Shopcontent h3
{ color:#303030; margin: 15px 0 15px 0px; font-style: normal; font-weight: normal; } /*product headlines*/

.contentsTopics
{ color:#303030; font-size:1.8em; margin: 0px 0 15px 5px; font-style: normal; font-weight: normal;} /*product headlines*/

h1 { color:#303030; margin: 20px 0 15px 0px; font-size: 1.4em; font-weight: bold;} /*product headlines*/
h3{ color:#303030; margin: 15px 0 15px 0px;} /*product headlines*/

h2 {font-size: 1.2em;margin-bottom: 15px;}

/*------------------------------------------------------------------------------------------------nerviger border um search button killen*/
#SearchButton{}
#SearchButtonBigEvent{}
/*------------------------------------------------------------------------------------------------input globals*/

#Shopcontent a {}
#Shopcontent select {}
#Shopcontent input {}
#Shopcontent input:focus {}
.BoxPadding input {}
.BoxPadding input:focus {}

/*comments ----------------------------- checkout_shipping.html*/


textarea#comments {}
textarea#comments:focus {}
/*---------------------------------------------------------------------------------------- FloatContainer Content account.html*/
#FloatContainerAccount{}

/*---------------------------------------------------------------------------------------- FloatContainer Content Listing product_info_v1*/
#FloatContainerInfo{ }
#ProductDescriptionInfo{}
/*---------------------------------------------------------------------------------------- FloatContainer Content Listing product_listimg_v1*/
#FloatContainerList{ 
background: #ff9400 /*url(http://www.beautifulbuddha.de/templates/bevolution.net/img/lion_right_bottom.jpg)*/;
background-position: right bottom;
background-repeat: no-repeat;
float: left;}

/*
background-image: url(img/PriceBg.jpg);
background-repeat: no-repeat;
background-position: right top;
*/

#whereiam{width:725px; border-bottom: 2px solid #ffffff;}
.current{background: #ffffff; padding:2px;}




#text, .text{ display: block; border: 10px solid #ffffff; margin: 10px 5px 10px 5px;
background: #cccccc url(http://www.beautifulbuddha.de/templates/bevolution.net/img/text_bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
color: #303030;
padding: 10px;
}

#text a, .text a{color:#303030;}
#text a:hover, .text a:hover{color:#FF9400; background:#ffffff; text-decoration: none;}


#ProductDescription{ 
border: 10px solid #ffffff; 
margin: 10px 5px 10px 5px;
width: 340px; 
float: right;
height: 220px; 
padding: 10px;
background: #cccccc /* url(http://www.beautifulbuddha.de/templates/bevolution.net/img/desc-background.png)*/;
/*
background-position: left top; 
background-repeat: repeat;
*/ 
font-family : arial, san-serif; 
position:relative;
}
#ProductDescription a {color: #303030; text-decoration: underline; }
.texteditorDesc{margin: 10px 0 10px 0;}
.price{font-weight:bold; color:#303030; font-size: 1.2em;}
.tax-Info{font-size: 0.8em; margin: 0 0 0 10px;}
.tax-Info a{color: #ffffff;}

#BtnbuyNow{position: absolute; bottom: 0px; right: 0px;}
#ProductDescription h3{color:#303030; 
margin: 0 0 15px 0; 
padding-bottom: 10px;
font-weight: bold; 
font-family : arial, san-serif; 
text-transform: uppercase;
font-size: 1.3em;
border-bottom: 1px solid #fff;
}

#ProductImage{position:relative; background:#ffffff; border: 10px solid #ffffff;  float:left; width: 360px; margin: 10px 0px 10px 0px; padding: 0px 0 0px 0;}

#zoomBtn{position: absolute; bottom: 0px; right:0px; z-index: 5;}


#imageBar{
display: block;
width: 783px;
padding: 5px 0 5px 5px;
margin: 0px 0px 10px 5px;
border: 1px solid #535351; 
background: #1c1c1c url(http://www.beautifulbuddha.de/templates/bevolution.net/img/bgDesc.gif);
background-position: left top; 
background-repeat: repeat; 
clear: right;}
.shoppics {border: 1px solid black; -moz-opacity:1;filter:alpha(opacity=100);cursor:hand;} /*IE opacity important*/
.shoppics:hover{border: 1px solid #f897ca;
background-color:  #fc96c6;
filter:alpha(opacity=90);
-moz-opacity: 0.6;
opacity: 0.6;
}
.shoppicsA a:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
#imageBar img.activeGalerie{ -moz-opacity:1;filter:alpha(opacity=100);cursor:hand; border: 1px solid#FF9400;}

#imageBar a{color: #000000;}

.clearerRight{clear: right;}
.clearerLeft{clear: left;}
.cleareBoth{clear: both;}
/*--------------------------------------------------------------------------------------- error message*/
.error{}



/*-----------------------------------------------------------------------------information about company*/
.moreAboutCompany{} /* -------------      outline ---box_content.html*/
.mACLinks a {float: left; display: inline;}
.mACLinks a:hover {}


/*--------------------------------------------------------------------------------------------- SHOPPING CART */
.info-message{ display: block; border: 10px solid #ffffff; margin: 10px 5px 10px 5px;
background: #cccccc;
font-weight: bold;
color: #303030;
padding: 10px;
}
#order-details-table a {color:#303030; text-decoration: underline; }
#order-details-table a:hover {color: #303030; background: #ffffff; text-decoration: underline; }
#emtyCart{}

.markProductOutOfStock{}
#MessageOutOfStock{}
/*------------------------------------------------------------------------------------------------------------------------      account.html*/
#OrdersAccount{}

/*content products listing over brands shop home* new_products_default.html*/
#BlockNewPHome{}
.newProductsHome{}
.newProductsHome a { }
.newProductsHomeImg {  /*border: 1px solid #8d8e92;*/}
a:hover.newProductsHomeImg { }
 

/*brands Content Shop home *  new_products_default.html*/
#BrandsBlockContent{}
#Manuflisting{ }
 
.Manuflisting{}

a:hover.Manuflisting {}

/*---------------------------------------------------------------------------------------------------------- Content Tabellen // Spalten // Zeilen  */
.TableNewProducts{}

/*----------------------------------------------------------------------------------------------------------  example banner - > text below from editor backend -> shows in categorie_listing.html top */
#CatListDescEdTop{}

/* content fonts links */

#CategoryImage{}

/*----------------------------------------------------------------------------------------------------------- login.html  // checkout_shipping.html // checkout_confirmation.html*/

/* globalTitels */
.globalTitels{font-weight: bold;}
.TextSmaller{}

#new-client{border: 10px solid #ffffff; background: #cccccc; display: block;  margin: 0 0px 15px 0px; padding: 5px;}
#client{border: 10px solid #ffffff; background: #cccccc; display: block;  margin: 15px 0 15px 0px; padding: 5px;}
#client a{color:#303030; text-decoration: underline;}
#client a:hover{color:#FF9400; background:#ffffff; text-decoration: none;}
#client input, td input, td textarea {border: 1px solid #303030; padding: 2px;}
.inputRequirement input, .inputRequirement select {border: 1px solid #303030; padding: 2px; width: 300px;}

.formArea{margin: 0 0 15px 5px;}

.register-table{margin: 0 0 15px 5px; width: 790px;}


#cart-empty-img{
position: relative;
width:800px !important; 
width: 800px; /* for IE */
height: 265px !important;
height: 265px;
}

.empty-message{position: absolute; top: 50px; left: 5px; color: #ffffff; font-weight: bold;}

/*account.html*/
#OrdersAccount{
border: 1px solid #535351;
height: 110px !important;
height: 110px;
display: block; 
overflow: auto;
}


/* Address Display*/

.Address{}
#DisplayCommentsOrd{} /*checkout_confirmation.html*/
.PayInfos{} /*checkout_confirmation.html*/

/*SHOPPING STEPS */
.current{}
.next{}
#ButtonPageRight{}

.BlockPageRight{}

/*order_details.html*/
.LinerTotalCartTop{}
/* ##########################################################################   id and class in checkout_confirmation.php - */
#textAlignTabPrice{}
#TablePrice{}
/* main Tables *grrrrrrrrr* */
/*.main{text-align: right; border-bottom: 1px solid gainsboro;}*/

/*User Account - account_history_info.html*/
#BillHeader{}
.foreachTr{}
.TotalValue{}

/*User Account - account_history_info.html - Used for f****g tables*/
#FloatingAdresses{}
#ShippingAddress{}
#BillingAddress{ }


.dataProductsRight{}
.dataProductsLeft{}
.dataShippingLeft{}

.zwischenSumme{}
/* ##########################################################################   id and class in checkout_confirmation.php - */

/* content fonts links */
#CategoriesNameLinks{}
#CategoriesNameLinks a {}

.ContentLink a {}
.ContentLink a:hover {}

/* content fonts links */
.ProductName{}
a:hover span.ProductName {}
.ProductPrice{}
a:hover span.ProductPrice {}


.ProductPriceLists{}
.BoxProductPrice{}

/* footer */
#footer{float: left; 
background:  #535351 url(http://www.beautifulbuddha.de/templates/bevolution.net/img/footer_bg.png);
background-position: left top; 
background-repeat: repeat-x; 
font-family : arial, san-serif;
width:800px !important; 
width:820px;
height: 30px !important; 
height: 30px; /* for IE */
font-size: 0.8em; color: #ffffff;
padding: 7px 0 0 0;
text-align: center;
}
#footer a{color:#FF9400; text-decoration: none;}
#footer a:hover{color:#FF9400; text-decoration: underline;}
/* copyright xtCommerce - thank you for this great engine - it was the first time with this engine, but it was succesfull ;-)*/
.copyright {font-family : arial, san-serif; font-size: 0.7em; color: #000000 ; clear: left; margin-top: 80px; display: block; text-align: center;}
.copyright a{color: #000000; text-decoration: none;}
.copyright a:hover{color: #000000; text-decoration: none;}