/**** Office Max Shop ****/

/*** ID's ***/
#shop{ overflow:hidden; }
#shopview { position:relative; }
#catGroups{ height:60px; }
#categories{ height:auto; width:180px; float:left; }
#wrapper.shop { padding-bottom:0; }
#schwein { position:absolute; bottom:0; left:0; display:none; }
#footer.shop { position:relative; }
#footer.shop #schwein { display:inline; }
/*--------------------------*/

/**** Style Sheed Shop ****/

/*** Menu Group ***/
#shop ul#catGroups { margin:20px 0 0 180px;}
#shop ul#catGroups li{ display:inline; }
/** Buttons **/
#shop ul#catGroups li a{ display:block; width:45px; height:45px; float:left; background-repeat:no-repeat; line-height:4em; text-indent:-99999px; margin-left:10px; background-image:url(../img/shop/buttons/Buttons_klein_shop.png) }
/* normal */
#shop ul#catGroups li.group1 a	 { background-position: 0 -45px;      }
#shop ul#catGroups li.group2 a	 { background-position: -45px  -45px; }
#shop ul#catGroups li.group3 a	 { background-position: -90px -45px;  }
#shop ul#catGroups li.group4 a	 { background-position: -135px -45px; }
#shop ul#catGroups li.group5 a	 { background-position: -180px -45px; }
#shop ul#catGroups li.group6 a	 { background-position: -225px -45px; }
#shop ul#catGroups li.group32 a	 { background-position: -270px -45px; }
#shop ul#catGroups li.group31 a	 { background-position: -315px -45px; }
/* hover*/                                                  
#shop ul#catGroups li.group1 a:hover	 { background-position: 0 0;      } 
#shop ul#catGroups li.group2 a:hover	 { background-position: -45px 0;  }
#shop ul#catGroups li.group3 a:hover	 { background-position: -90px 0;  }
#shop ul#catGroups li.group4 a:hover	 { background-position: -135px 0; }
#shop ul#catGroups li.group5 a:hover	 { background-position: -180px 0; }
#shop ul#catGroups li.group6 a:hover	 { background-position: -225px 0; }
#shop ul#catGroups li.group32 a:hover	 { background-position: -270px 0; }
#shop ul#catGroups li.group31 a:hover	 { background-position: -315px 0; }
/* active */                             
#shop ul#catGroups li.group1.active a	  { background-position: 0 0; 	   box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group2.active a	  { background-position: -45px 0;  box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group3.active a	  { background-position: -90px 0;  box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group4.active a	  { background-position: -135px 0; box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group5.active a	  { background-position: -180px 0; box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group6.active a	  { background-position: -225px 0; box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group32.active a	  { background-position: -270px 0; box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
#shop ul#catGroups li.group31.active a	  { background-position: -315px 0; box-shaddow:rgba(0,0,0,0.2) 0 0 8px; -moz-box-shadow:rgba(0,0,0,0.2) 0 0 8px; -webkit-box-shaddow:rgba(0,0,0,0.2) 0 0 8px; }
                                                                            

/*{ background-position: 0 -90px;      }*/
/*{ background-position: -45px  -90px; }*/
/*{ background-position: -90px -90px;  }*/
/*{ background-position: -135px -90px; }*/
/*{ background-position: -180px -90px; }*/
/*{ background-position: -225px -90px; }*/
/*{ background-position: -270px -90px; }*/
/*{ background-position: -315px -90px; }*/

/*--------------------------*/

/* Menu Catergorie */
#categories{ min-height:398px; padding-top:8px; }
#shop ul#categories{ margin:0;}
#shop ul#categories li {display:block; margin:2px 5px 0 0; }
/*Buttons*/
#shop ul#categories li a{ color:#000; font-weight:bold; text-decoration:none; font-size:0.8em; display:block; background-color:transparent; border:1px solid #000; padding:2px 0 2px 5px; }
#shop ul#categories li a:hover{ color:#fff; background-image:url(../img/shop/buttons/button_categorie.jpg); }
/* Color BG Categorie */
#categories li.active { background-image:url(../img/shop/buttons/buttons_categorie_active.png); }
#shop.group1  #categories li.active { background-position:0 0; }
#shop.group2  #categories li.active { background-position:0 -25px ; }
#shop.group3  #categories li.active { background-position:0 -50px ; }
#shop.group4  #categories li.active { background-position:0 -75px; }
#shop.group5  #categories li.active { background-position:0 -100px ; }
#shop.group6  #categories li.active { background-position:0 -125px; }
#shop.group31 #categories li.active { background-position:0 -150px ; }
#shop.group32 #categories li.active { background-position:0 -175px; }
/*--------------------------*/

/* Shop-View */
#shopView{ float:left; width:770px; margin-bottom:10px;}

/* ShopItem last editMode */
#shopView div[class="shopItem last editMode"]{padding:10px; margin:10px; border:1px solid #000; height:352px; }
#shopView div[class="shopItem last editMode"] div{ border:1px solid #000; border:0; }
#shopView div[class="shopItem last editMode"] .preview    { float:left; width:157px; border:0;  }
#shopView div[class="shopItem last editMode"] .description{ float:left; width:250px; margin-left:5px; height:350px;  border:1px solid gray;}
#shopView div[class="shopItem last editMode"] .options    { float:left; width:170px; margin-left:5px; height:350px;  border:1px solid gray; background-image:none;}
#shopView div[class="shopItem last editMode"] .tools      { float:left; width:130px;  margin-left:5px; height:350px; border:1px solid gray;}
#shopView div[class="shopItem last editMode"] .description div { height:300px; overflow:auto; font-size:0.8em; border-top:1px solid #35718F; }
#shopView div[class="shopItem last editMode"] p.price{ margin-bottom:230px; color:#fff; }

.tools input[type="submit"].saveToBasket{ border:1px solid #000; padding:0; margin:0; background:none; width:112px; height:30px; color:#000; text-indent:0; font-size:0.8em; }
.tools input[type="submit"].saveToBasket:hover{color:#fff; background: #fff url(../img/shop/buttons/button_categorie.jpg); }
/*---------------------------------*/


/* Color ShopItem */
.group1 .shopItem  { background-color:#FFBFE0; border:2px solid #800080; }
.group2 .shopItem  { background-color:#FFE4AF; border:2px solid #666633;}
.group3 .shopItem  { background-color:#8ECF8E; border:2px solid #336633;}
.group4 .shopItem  { background-color:#CFEFFF; border:2px solid #35718F;}
.group5 .shopItem  { background-color:#FEFFBF; border:2px solid #CDCF00;}
.group6 .shopItem  { background-color:#A0FF9F; border:2px solid #387F37;}
.group31 .shopItem { background-color:#fff; border:2px solid #000;}
.group32 .shopItem { background-color:#EFEFEF; border:2px solid #5F5F5F;}

/** Shopitem **/
.shopItem{margin:10px; padding:10px;}
.group1 .shopItem { height:362px; }
.group2 .shopItem { height:262px; }
.group3 .shopItem { height:292px; }
.group4 .shopItem { height:275px; }
.group5 .shopItem { height:498px; }
.group6 .shopItem { height:262px; }
.group31 .shopItem{ height:200px; }
.group32 .shopItem{ height:200px; }


/* Rahmen und Body ShopItem */
.group1  .description, .group1 .options, .group1 .tools { border:1px solid #800080; background-color:#FFCCFF;}
.group2  .description, .group2 .options, .group2 .tools { border:1px solid #CC9900; background-color:#FFD98F;}
.group3  .description, .group3 .options, .group3 .tools { border:1px solid #336633; background-color:#96EF95;}
.group4  .description, .group4 .options, .group4 .tools { border:1px solid #35718F; background-color:#9FDFFF;}
.group5  .description, .group5 .options, .group5 .tools { border:1px solid #7E7F1F; background-color:#FEFF9F;}
.group6  .description, .group6 .options, .group6 .tools { border:1px solid #387F37; background-color:#BFFFBF;}
.group31 .description, .group31 .options, .group31 .tools { border:1px solid #000 ; background-color:#fff; ;}
.group32 .description, .group32 .options, .group32 .tools { border:1px solid #5F5F5F; background-color:#DFDFDF;}

/* textfelder ShopItem */
.group1 .tools input,  .group1 .options input,  .group1  .options select { background-color:#FFDDFF; }
.group2 .tools input,  .group2 .options input,  .group2  .options select { background-color:#FFE4AF; }
.group3 .tools input,  .group3 .options input,  .group3  .options select { background-color:#CFFFCF; }
.group4 .tools input,  .group4 .options input,  .group4  .options select { background-color:#BFEAFF; }
.group5 .tools input,  .group5 .options input,  .group5  .options select { background-color:#FEFFBF; }
.group6 .tools input,  .group6 .options input,  .group6  .options select { background-color:#DFFFDF; }
.group31 .tools input, .group31 .options input, .group31 .options select { background-color:#fff; }
.group32 .tools input, .group32 .options input, .group32 .options select { background-color:#EFEFEF; }
                                           
/** Klassen von ShopItem **/
/* Preview */
.preview    { float:left; width:150px;  }
/* Textfenster */
.description{float:left; width:300px; margin-left:5px;}
.group1 .description { height:360px; }
.group2 .description { height:260px; }
.group3 .description { height:290px; }
.group4 .description { height:275px; }
.group5 .description { height:495px; }
.group6 .description { height:260px; }
.group31 .description{ height:200px; }
.group32 .description{ height:200px; }

/*Optionen */
.options{float:left; width:170px; margin-left:5px;}
.group1 .options     { height:200px; }
.group2 .options     { height:200px; }
.group3 .options     { height:200px; }
.group4 .options     { height:275px; }
.group5 .options     { height:370px; }
.group6 .options     { height:200px; }
.group31 .options    { height:200px; }
.group32 .options    { height:200px; }

/* Tools */
.tools{float:left; width:80px;  margin-left:5px;}
.group1 .tools       { height:200px; }
.group2 .tools       { height:200px; }
.group3 .tools       { height:200px; }
.group4 .tools       { height:275px; }
.group5 .tools       { height:370px; }
.group6 .tools       { height:200px; }
.group31 .tools      { height:200px; }
.group32 .tools      { height:200px; }

/* Text INFO BOX */
.group1 .description div { height:300px; border-top:1px solid #800080; }
.group2 .description div { height:203px; border-top:1px solid #000; }
.group3 .description div { height:240px; border-top:1px solid #000; }
.group4 .description div { height:235px; border-top:1px solid #35718F; }
.group5 .description div { height:440px; border-top:1px solid #7E7F1F; }
.group6 .description div { height:210px; border-top:1px solid #000; }
.group31 .description div { height:157px; border-top:1px solid #000; }
.group32 .description div { height:157px; border-top:1px solid #5F5F5F; }
.description div{ padding:10px 0 0 0; overflow:auto; font-size:0.8em;}

/** Klassen Style ShopItem **/
/* Position */
.preview img{ border:1px solid #000; }
.description p {margin:0 10px;}
.description h2 {margin:10px;}
.options input{ border:1px solid #000; padding:2px 0;}
.options select{ max-width:150px; border:1px solid #000;}
.options li { list-style-type:none; margin:8px 0;}
.options ul { margin:10px;}
.tools p, .tools a, .tools form {margin:10px;}
/* tool */
.tools{ text-align:center; }
p.price{ margin-bottom:30px; }
.group4 p.price{ margin-bottom:106px; }
.group5 p.price{ margin-bottom:220px; }
.tools label { font-size:0.9em; font-weight:bold; width:30px; }
.tools input[type="text"]{ width:45px;  border:1px solid #000; }
.tools input[type="submit"]{ border:0px;  width:41px; height:41px; background-image:url(../img/shop/buttons/Buttons_warenkorb.png);background-repeat:no-repeat; background-position: 0 0; color:transparent;  margin:0 0 0 10px; padding:0; display:block;  float:left; line-height:4em; text-indent:-99999px; }                                                                                                                                                              
.tools input:hover[type="submit"]{ background-position:0 -41px ; color:transparent;}
/* Preview */
.preview ul{ margin:13px 0 0 0;}
.preview ul li{ display:inline;   }
.preview ul li a img{width:45px; height:45px; }
.preview { text-align:center; }
.preview ul li.noShow { display:none; }
/* optionen */
.options input.fileupload { position:relative; } 
div.options { position: relative;}
/*------------------------------------------*/
/* Fakefile */
div.fakefile { position: relative; margin-left:10px; float:left;}
div.fakefile span { position:absolute; border:1px solid #000; z-index:1; left:0; top:0; background:transparent url(../img/shop/buttons/uploadbutton.jpg) repeat-x; padding:2px 6px; -moz-border-radius:5px; cursor:pointer; }
input.fileupload { position:absolute; text-align:right; z-index:2; left:-33px; top:0; filter:alpha(opacity=0); opacity: 0; cursor:pointer; }
.options li { clear:left; }

/*------------------------------------------*/

/*** Warenkorb ***/
#columnLeft{ min-height:500px; margin:0;}
#columnLeft h3{ /*color:#ED1C24;*/ font-size:1.7em; margin:10px 0; }
#columnLeft [id="section last"]{ padding:0 0 10px 0; margin:0 0 0 140px; }
#warenkorb{padding-bottom:10px; }

/* Tabelle */
.odd{ background-color:#FFDFE3}
.even{ background-color:#FFBFC5;}
#columnLeft table#basketTable { margin:0 0 15px 0; font-size:0.9em; border-bottom:1px solid #000; border-top:2px solid #000; border-left:1px solid #000; border-right:2px solid #000; line-height:1.6em;}
#columnLeft #basketTable th{ padding:5px 5px; border-bottom:1px solid #8F1119; border-top:1px solid #8F1119; font-weight:bold; font-size:1.2em;}
#columnLeft #basketTable td{ padding:5px 5px; border-bottom:1px solid #8F1119; border-top:1px solid #8F1119; }
#columnLeft .center input{ width:50px; border:1px solid #FFCFD2;}
/*resultat*/
#columnLeft td[class="right noWrap"]{ font-weight:bold; font-size:1.3em; }
#columnLeft strong{ font-weight:bold;}
#columnLeft button{ background-color:#fff; border:1px solid #000; padding:0;}
#columnLeft button:hover{color:#fff; background: #fff url(../img/shop/buttons/button_categorie.jpg); }
/*Buttons Tabelle Reset*/
table#basketTable .right { text-align:right; }
table#basketTable .center, .center input { text-align:center; }
/* Buttons */
#columnLeft .actionButton { color:#000; background-color:#fff; border:1px solid #000; padding:6px 8px; text-decoration:none; font-weight:bold; font-size:1.0em;}
#columnLeft .actionButton:hover{background:#fff url(../img/shop/buttons/button_categorie.jpg); color:#fff; }

#warenkorb a{  color:#ED1C24; background-color:#fff; border:1px solid #000; padding:3px 4px; text-decoration:none; font-size:1.0em;}
#warenkorb a:hover{background:#fff url(../img/shop/buttons/button_categorie.jpg); color:#fff; }

#columnLeft #basketTable .edit, #columnLeft #basketTable .remove{ margin:0 10px 0 0; padding:0; border:0; display:block; width:16px; height:16px; float:left; text-indent:-9999px; background:transparent url(../img/shop/buttons/Buttons_formular.png) no-repeat;}
#columnLeft #basketTable .edit          { background-position:-16px -16px;}
#columnLeft #basketTable .remove        { background-position:0 -16px;}
#columnLeft #basketTable .edit:hover    { background-position:-16px 0;}
#columnLeft #basketTable .remove:hover  { background-position:0 0;}
/*buttons Tabelle */
#columnLeft #basketTable tbody a{ color:#4F9FFF/*#6F96FF*/; text-decoration:underline; background:transparent url(../img); border:0;/*border:1px solid #000; background:transparent url(../img/shop/buttons/uploadbutton.jpg) repeat-x; -moz-border-radius:5px;*/ }
#columnLeft #basketTable tbody a:hover{ color:#0066DF;}
/*------------------------------------------*/

/*** Bestellformular ***/
/*Formular*/
#columnLeft .register{ margin:20px 0; }
#columnLeft .register .labelFloat{ border:1px solid #000; padding:10px 20px; background-color:#fff/*#FFBFC5*/; width:400px;}
#columnLeft .register .labelFloat legend{  /*margin:10px 0;*/ font-size:1.0em; font-weight:bold; /*color:#ED1C24;*/ }
#columnLeft .register .labelFloat label{ float:left;  width:110px; padding:2px; }
#columnLeft .register .labelFloat input{ border:1px solid #8F1119; width:200px; padding:0; padding:2px;
-moz-border-radius:3px; background:#fff; background:-moz-linear-gradient(top, #fff, #FFEFF1 1px, #fff 25px); -moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px; }
#columnLeft .register .labelFloat input:focus {-moz-box-shadow:rgba(0,0,0,0.25) 0 0 8px; border:1px solid #AF414B; }
/* TextArea, Zahlungsm./Details*/
#columnLeft fieldset { border:1px solid #000; margin:20px 0 20px 0; padding:10px 20px; background-color:#fff/*#EF777F/*#FFBFC5*/; width:400px; }
#columnLeft fieldset {font-size:1.2em; float:left; margin:10px 0 22px 10px;}
#columnLeft fieldset textarea{ width:/*285px*/400px; height:/*150px*/70px; border:1px solid #8F1119; padding:4px;
-moz-border-radius:3px; background:#fff; background:-moz-linear-gradient(top, #fff, #FFEFF1 1px, #fff 25px); -moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px; }
#columnLeft fieldset textarea:focus {-moz-box-shadow:rgba(0,0,0,0.25) 0 0 8px; border:1px solid #AF414B; }
/*buttons*/
.register a{ background-color:#fff; border:1px solid #000; padding:3px 4px; text-decoration:none;  font-size:1.0em;}
.register a:hover{background:#fff url(../img/shop/buttons/button_categorie.jpg); color:#fff;  }
/* wrong */
#columnLeft .labelFloat .wrong input{background:#FFCFCF url(../img/cross.png) no-repeat scroll right;}
#columnLeft .labelFloat .wrong label{color:red;}
/*------------------------------------------*/
.groupInfo { margin-left:10px; margin-bottom:-32px; }
#basketTable tfoot { border-top-width:3px; border-top-style:double; }

/*Hacks*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear { clear:both; }