/* @override 
	http://shop.haustierhelden.at/templates/haustierhelden/css/main.css
	http://shop.haustierhelden.com/templates/haustierhelden/css/main.css
*/

/*-----------------------------------------------------------------------------
    <Haustierhelden>

    author:    *rac
    email:     justwtf@gmx.com
    
-----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
    ### General ###
    
    Colorscheme is
        
        Theme 1: #ed1556    (pink)
        Theme 2: #faa61a    (golden yellow)
        Theme 3: #b2d234    (wintergrass green)
        Theme 4: #00aeef    (ice blue)
        Theme 5: #8c63ab    (deep purple)
        Theme 6: #4e9d3a    (pine green)
        Theme 7: #f36f21    (safety orange)
        Theme 8: #524fa2    (seablue)
        Theme 9: #9da718    (high mountain grass green)
        
-----------------------------------------------------------------------------*/

@charset "UTF-8"; 
/* Remove padding and margin */
*
{
  margin: 0;
  padding: 0;
}

/* Prepare Lists for Styling */
ul
{
   list-style: none;
   padding: 0;
   margin: 0; 
}

/* Class for clearing floats */
.clear
{
    clear: both;
}


/* Remove border around linked images */
img
{
    border: 0;
}

html
{
    height: 100%;
}

body
{
    height: 100%;
}

html, body {
	margin:0;
	padding:0
	}


#imageContainer {
	position:relative;
	margin:auto;
	width:720px;
	border:0px solid #000;
}

/* styles unrelated to the application follow */
h1 {
	position:relative;
	font:1em verdana;
}

.copy {
	width:500px;
	margin:auto;
	position:relative;
	font:0.9em verdana;
}

#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}


/*---------------------------------------------------------------------------- 
    Typography
-----------------------------------------------------------------------------*/

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #191919;
     /* color: #58585A;*/
      
    
}


/*---------------------------------------------------------------------------- 
    Headings
-----------------------------------------------------------------------------*/

h1
{	
	color: #191919;
	font-size: 14px;
	  /* color: #58585A;*/ 
}
h2,h3,h4,h5
{	
	color: #191919;
	font-size: 12px;

	  /* color: #58585A;*/ 
}


/*---------------------------------------------------------------------------- 
    Links
-----------------------------------------------------------------------------*/
a
{
    outline: none;
	text-decoration: none;
	 color: #191919;
	  /* color: #58585A;*/
}

a:hover
{
    text-decoration: none;
     color: #b3b3b3;
}

/*---------------------------------------------------------------------------- 
    Container/Branding
-----------------------------------------------------------------------------*/
#theme-container
{
    background: #ed1556 url(../img/bg_repeatx_c1.png) repeat-x left top;
   /* height: 100%;*/
   height:80%;
    width: 100%;
}

#theme-container td.order-detail-image {
	margin-left: 0px;
	padding-left: 0px;
	
}



#theme-container td
{
    vertical-align: top;
}

table.color2
{
   background: #faa61a url(../img/bg_repeatx_c2.png) repeat-x left top !important; 
}

table.color3
{
   background: #b2d234 url(../img/bg_repeatx_c3.png) repeat-x left top !important; 
}

table.color4
{
   background: #00aeef url(../img/bg_repeatx_c4.png) repeat-x left top !important; 
}

table.color5
{
   background: #8c63ab url(../img/bg_repeatx_c5.png) repeat-x left top !important; 
}

table.color6
{
   background: #4e9d3a url(../img/bg_repeatx_c6.png) repeat-x left top !important; 
}

table.color7
{
   background: #f36f21 url(../img/bg_repeatx_c7.png) repeat-x left top !important; 
}

table.color8
{
   background: #524fa2 url(../img/bg_repeatx_c8.png) repeat-x left top !important; 
}

table.color9
{
   background: #9da718 url(../img/bg_repeatx_c9.png) repeat-x left top !important; 
}


#container
{
	width: 931px;
    _width: 934px;
	margin: 0px auto;
	background: url(../img/bg_leftright_repeaty_c1.png) repeat-y left top;
}

.color2 #container
{
    background: url(../img/bg_leftright_repeaty_c2.png) repeat-y left top;
}

.color3 #container
{
    background: url(../img/bg_leftright_repeaty_c3.png) repeat-y left top;
}

.color4 #container
{
    background: url(../img/bg_leftright_repeaty_c4.png) repeat-y left top;
}

.color5 #container
{
    background: url(../img/bg_leftright_repeaty_c5.png) repeat-y left top;
}

.color6 #container
{
    background: url(../img/bg_leftright_repeaty_c6.png) repeat-y left top;
}

.color7 #container
{
    background: url(../img/bg_leftright_repeaty_c7.png) repeat-y left top;
}

.color8 #container
{
    background: url(../img/bg_leftright_repeaty_c8.png) repeat-y left top;
}

.color9 #container
{
    background: url(../img/bg_leftright_repeaty_c9.png) repeat-y left top;
}

/*---------------------------------------------------------------------------- 
    Main Nav
-----------------------------------------------------------------------------*/

#nav-logo-bar
{
	width: 185px;
    /* Solved with a bit of DOM Scripting in header.php! */
    /*    min-height: 534px;*/
	float: left;
	background: url(../img/left_plain_c1.png) no-repeat left top;
	min-height: 300px;
    z-index: 2;
}

.color2 #nav-logo-bar
{
   background: url(../img/left_plain_c2.png) no-repeat left top; 
}

.color3 #nav-logo-bar
{
   background: url(../img/left_plain_c3.png) no-repeat left top; 
}

.color4 #nav-logo-bar
{
   background: url(../img/left_plain_c4.png) no-repeat left top; 
}

.color5 #nav-logo-bar
{
   background: url(../img/left_plain_c5.png) no-repeat left top; 
}

.color6 #nav-logo-bar
{
   background: url(../img/left_plain_c6.png) no-repeat left top; 
}

.color7 #nav-logo-bar
{
   background: url(../img/left_plain_c7.png) no-repeat left top; 
}

.color8 #nav-logo-bar
{
   background: url(../img/left_plain_c8.png) no-repeat left top; 
}

.color9 #nav-logo-bar
{
   background: url(../img/left_plain_c9.png) no-repeat left top; 
}

/* Home Link */
a#home-link
{
	display:block;
	position: absolute;
	top: 0;
	width: 185px;
	height: 230px;
	z-index: 99;
}

.color1 #nav-logo-bar a#home-link
{
	display: none;
}

/* Level 1 */

#main-nav
{
	position: relative;
	top: 240px;
	left: 25px;
	text-indent: 5px;
    width: 148px;
}

#main-nav li
{
	margin-bottom: 5px;
}

#main-nav li.color1
{
    padding-bottom: 0px;
}

#main-nav a
{
	display: block;
	width: 148px;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}

li.color1 a 
{
    background: url(../img/home.png) no-repeat left top; 
}

li.color2 a
{
    background: url(../img/hunde.png) no-repeat left top; 
}

li.color3 a
{
    background: url(../img/katzen.png) no-repeat left top; 
}

li.color4 a
{
    background: url(../img/cooles.png) no-repeat left top; 
}

li.color5 a
{
    background: url(../img/herrchen.png) no-repeat left top; 
}

li.color6 a
{
    background: url(../img/neuheiten.png) no-repeat left top; 
}

li.color7 a
{
    background: url(../img/angebote.png) no-repeat left top; 
}

li.color8 a
{
    background: url(../img/philosophie.png) no-repeat left top; 
}

li.color9 a
{
    background: url(../img/fotoalbum.png) no-repeat left top; 
}

/* Dynamic level 2 */
#main-nav li ul
{
    background-color: #ed1556;
    margin: 0;
    padding-top: 0px;
    padding-left: 5px;
}

#main-nav li li
{
    margin: 0;
}
/*Abstand im menue verkleinern*/
#main-nav li ul li ul li
{
    margin-top: -3px;
}
#main-nav li ul li 
{
    margin-top: -3px;
}

#main-nav li li:first-child
{
    margin-top: 0px;
}

#main-nav li li a
{
    background: none;
    font-weight: normal;
    font-size: 11px;
    _width: auto;    
}

#main-nav li li a:hover, #main-nav li li a.act   
{
/*    font-weight: bold;*/
/*    font-style: italic;*/
}

#main-nav li li a.act:before
{
    content: "> ";
}

#main-nav li.color2 ul
{
   background-color: #faa61a; 
}
 
#main-nav li.color3 ul
{
   background-color: #b2d234; 
}
 
#main-nav li.color4 ul
{
   background-color: #00aeef; 
}
 
#main-nav li.color5 ul
{
   background-color: #8c63ab; 
}
 
#main-nav li.color6 ul
{
   background-color: #4e9d3a; 
}
 
#main-nav li.color7 ul
{
   background-color: #f36f21; 
}
 
#main-nav li.color8 ul
{
   background-color: #524fa2; 
}
 
#main-nav li.color9 ul
{
   background-color: #9da718; 
} 

/* Level 3 */
#main-nav li li ul
{
    padding-top: 0px;
    padding-left: 15px;
}

#main-nav li li ul a
{
    font-style: normal;
}

#main-nav li li ul a:hover, #main-nav li li ul a.act
{
    font-weight: bold;
    font-style: normal;
} 

#main-nav li li ul a.act:before
{
    content: "";
}

/*---------------------------------------------------------------------------- 
    Main
-----------------------------------------------------------------------------*/

#main
{
 
}

/*---------------------------------------------------------------------------- 
    Meta + Content
-----------------------------------------------------------------------------*/

#meta-content
{
	width: 746px;
	overflow: auto;
}

/*---------------------------------------------------------------------------- 
    Meta
-----------------------------------------------------------------------------*/

#meta
{
	width: 735px;
	height: 109px;
    padding-right: 11px;
	float: left;
	position: relative;
	background: #fff;
}

#meta p
{
	margin: 20px 26px 0 0;
	*margin-top: 6px;
	text-align: right;
	font-size: 10px;
}

#meta a
{
	color: #000;
}

#meta a:hover
{
    *text-decoration: underline;
}

#meta img
{
	margin-bottom: 5px;
	*margin-bottom: 3px;
	vertical-align: middle;
}

#search
{
	border: solid 0 #fff;
	background: url(../img/suchfeld.jpg) no-repeat left top;
	width: 115px;
	height: 27px;
	position: relative;
	top: 2px;
	*top: 15px;	
	padding: 7px 2px 0 8px;
	margin-left: 30px;
	margin-right: 3px;
	font-size: 10px;
}   

/* Cool variant using a true input button, not perfect in IE though */
/*#search-submit
{
    background: #fff;
    border: 0;
    cursor: pointer;
    font-size: 10px;
    width: 35px;
    *font-size: 9px;
    *height: 13px;
}   */

/* ...so we JS  */ 

#meta input[type="submit"]:hover
{
    opacity: 0.5;
    *filter: alpha(opacity = 50);
}

#meta label
{
	width: 100px;
}

#meta span.left
{
	position: absolute;
	bottom: 10px;
	left: 10px;
}

/*#meta span.left #product-info-fleeing
{
    margin-left: 0;
    position: relative;
    left: -7px;
    bottom: 5px;
}  */

#meta span.left span.act, #meta span.left span.act a
{
	color: #ed1556;
}

table.color2 #meta span.left span.act, table.color2 #meta span.left span.act a
{
	color: #faa61a;
}

table.color3 #meta span.left span.act, table.color3 #meta span.left span.act a
{
	color: #b2d234;
}

table.color4 #meta span.left span.act, table.color4 #meta span.left span.act a
{
	color: #00aeef;
}

table.color5 #meta span.left span.act, table.color5 #meta span.left span.act a
{
	color: #8c63ab;
}

table.color6 #meta span.left span.act, table.color6 #meta span.left span.act a
{
	color: #4e9d3a;
}

table.color7 #meta span.left span.act, table.color7 #meta span.left span.act a
{
	color: #f36f21;
}

table.color8 #meta span.left span.act, table.color8 #meta span.left span.act a
{
	color: #524fa2;
}

table.color9 #meta span.left span.act, table.color9 #meta span.left span.act a
{
	color: #9da718;
}

#meta span.right
{
	position: absolute;
	bottom: 10px;
	right: 37px;
}

#meta span.browse
{
    position: absolute;
    bottom: 10px;
    right: 205px;
}

/*---------------------------------------------------------------------------- 
    Main Content
-----------------------------------------------------------------------------*/

#content
{
	width: 730px;
    /* Solved with a bit of DOM Scripting in header.php! */
    /*    min-height: 640px;*/
    padding-top: 0px;
    margin-top: 0px;
    float: left;
    position: relative;
}

#main-content
{
    width: 561px;
}

/*---------------------------------------------------------------------------- 
    Main Content - CMS content
-----------------------------------------------------------------------------*/
#cms-content
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Category overviews
-----------------------------------------------------------------------------*/
/* Disable opacity on hover for main rotating image - mainly because it screws javascript in IE */


/*---------------------------------------------------------------------------- 
    Main Content - Product overview
-----------------------------------------------------------------------------*/

.product
{
	width: 167px;
	margin-left: 10px;
    _margin-left: 5px;
	float: left;
    margin-bottom: 10px;
}

.product img
{
	width: 167px;
	height: 167px;
	border: 1px #d1d3d4 solid;
}

.product a
{
	color: #191919;
}

.product p 
{
    margin: 0;
	font-size: 11px;
    color: #191919;
}

.product span
{
    margin: 0;
    padding: 0;
    line-height: 12px;
}

.product span.product-title
{
   min-height: 27px;
   height: 27px;
   max-height: 27px;
   line-height: 12px;
   overflow: hidden;
   display: block;
}

.product span.product-description
{
	min-height: 18px;
    height: 18px;
    max-height: 18px;
    overflow: hidden;
	display: block;
	padding-bottom: 5px;
}

.product span.product-price
{
	min-height: 23px;
    height: 23px;
    max-height: 23px;
    overflow: hidden;
	display: block;
    margin-top: -5px;  
}

.product-title, .product-price
{
	font-weight: bold;
    
}

.product-meta
{
	margin: 0px;
	padding: 2px 0 2px 0;
	font-size: 9px;
	border-bottom: 1px solid #d1d3d4;
	border-top: 1px solid #d1d3d4;
	line-height: 12px;
	/*color: #58595b;*/
	color: #191919;
}

.product-meta a
{
	color: #191919;
    font-size: 9px;
}

.product-meta a:hover
{
    _zoom: 0;
}

.product-meta .cart
{
	padding-right: 24px;
	background: url(../img/einkaufswagen.jpg) no-repeat 100% 55%;
}

#product-navigation
{
    margin-left: 10px;
    _margin-left: 5px;
    font-size: 10px;
    font-weight: normal;
    color: #191919;
    position: relative;
    padding-top: 10px;
    float: left;
    width: 100%;
}

#product-navigation b
{
   color: #191919; 
} 

#product-navigation a.pageResults
{
    color: #ed1556;
    text-decoration: underline;
}

.color2 #product-navigation b, .color2 #product-navigation a.pageResults 
{
   color: #faa61a; 
} 

.color3 #product-navigation b, .color3 #product-navigation a.pageResults 
{
    color: #b2d234;   
} 

.color4 #product-navigation b, .color4 #product-navigation a.pageResults 
{
   color: #00aeef;       
} 

.color5 #product-navigation b, .color5 #product-navigation a.pageResults 
{
   color: #8c63ab;    
} 

.color6 #product-navigation b, .color6 #product-navigation a.pageResults 
{
   color: #4e9d3a;    
} 

.color7 #product-navigation b, .color7 #product-navigation a.pageResults 
{
   color: #f36f21;    
} 

.color8 #product-navigation b, .color8 #product-navigation a.pageResults 
{
   color: #524fa2;    
} 

.color9 #product-navigation b, .color9 #product-navigation a.pageResults 
{
    color: #9da718;   
} 

#product-navigation #right
{
    position: absolute;
    right: 20px;
    _right: 25px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Admin Box
-----------------------------------------------------------------------------*/
#content #box_admin
{
}

/*----------------------------------------------------------------------------
    Main Content - Product Info - Right Part
-----------------------------------------------------------------------------*/
#detail-selection
{
    width: 240px;
    overflow: hidden;
    position: relative;
    float: right;
    margin-right: 20px;
    _margin-right: 10px;
}

#detail-selection h1
{
    padding-left: 5px;
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    background-color: #ed1556;
		top:-2px;

}

.color2 #detail-selection h1
{
    background-color: #faa61a;
} 

.color3 #detail-selection h1
{
    background-color: #b2d234;
} 

.color4 #detail-selection h1
{
    background-color: #00aeef;
} 

.color5 #detail-selection h1
{
    background-color: #8c63ab;
} 

.color6 #detail-selection h1
{
    background-color: #4e9d3a;
} 

.color7 #detail-selection h1
{
    background-color: #f36f21;
} 

.color8 #detail-selection h1
{
    background-color: #524fa2;
} 

.color9 #detail-selection h1
{
    background-color: #9da718;
} 

#detail-selection p, #detail-selection table, #detail-selection label
{
    font-size: 11px;
    padding-left: 2px;
}

#detail-selection p, #detail-selection a, #detail-selection table, #detail-selection form, #detail-selection input, #detail-selection label
{
    font-size: 11px;
    color: #191919;
}



#detail-selection label 
{
    width: auto;
    line-height: auto;
    vertical-align: middle;
    margin-top: 0px;
}


#detail-selection table
{
    margin-top: 8px;
    margin-bottom: 15px;
    font-size: 11px;
    width: 240px;
}

#detail-selection table th
{
    font-weight: normal;
    padding: 0;
    margin: 0;
    padding: 1px;
    text-align: left;
    width: 150px;
}

#detail-selection table th.price
{
    padding-bottom: 3px;
    width: auto;
	text-align: right;
	padding-right: 15px;
}

#detail-selection table td
{
    margin: 0;
    padding: 2px 0px 3px 40px;
    *vertical-align: middle;
}

#detail-selection table td.availability
{
    width: 70px;
    padding-left: 0px;
    text-align: justify;
} 

#detail-selection .table-heading
{
    padding-bottom: 12px;
    font-weight: bold;
}

#detail-selection #price
{
    font-size: 17px;
    font-weight: bold;
    line-height:19px
}

#nine-px
{
    font-size: 9px;
}

#detail-selection form
{
    margin: 0px 0 20px 0;
}

#detail-selection span#availability
{
    margin-top: 10px;
    display: block;
}

#detail-selection input[type="text"]
{
    width: 35px;
    height: 13px;
    margin-right: 25px;
    border: 1px solid #d1d2d4;
    font-size: 9px;
    text-align: right;
}

#detail-selection input[type="radio"]
{
  *margin-left: -4px;  
}

#detail-selection table th label.radio
{
    float: none;
    line-height: 100%;
    vertical-align: 25%;
}  

#detail-selection input[type="submit"]
{
    width: 103px;
    height: 15px;
    border: 0px;
    background: url(../img/button_warenkorb.png) no-repeat 0 50%;
    font-size: 9px;
    padding-bottom: 2px; /* To align text vertically in FF */
    *padding-bottom: 0; /* To align text vertically in IE7 */
    *padding-top: 1px;
    margin-top: 6px;
}

#detail-selection input[type="submit"]:hover
{
    cursor: pointer;
    opacity: 0.5;
    *filter: alpha(opacity = 50); /* To make opacity work, even in IE7 */
}

#detail-selection #links
{
    float: right;
    margin-top: -2px;
}

#detail-selection a
{
    
}

#links a:hover, #opinion a:hover, #detail-selection #suggestion .suggestion-info a:hover,#manufacturer a:hover
{
    text-decoration: none;
     color: #b3b3b3;
}


#detail-selection #links a, #detail-selection #suggestion .suggestion-info a
{
    padding-left: 8px;
    background: url(../img/bullet_link_bgwhite.png) no-repeat 0% 50%;
    text-indent: 4px;
    display: block;
    _display: inline; /* IE6 LIST white gap bug */
}

#detail-selection #suggestion
{
    width: 260px;
    margin-top: 60px;
}

#detail-selection #suggestion p
{
    padding-top: 0;
}

#detail-selection #suggestion hr
{
    *margin-left: 2px;
    margin-bottom: 10px;
    background-color: #d1d2d4; /* for FF and Opera */
    color: #d1d2d4; /* for IE */
}

#detail-selection #suggestion a
{
    float: left;
    padding-top: 10px;
    *display: block;   
}

#detail-selection #suggestion .suggestion-info a /* to make [float] and [padding-top] only active for the img  */
{
    float: none;
    padding-top: 0px;
    position: relative;
    *display: block;
    top: 9px;
    _top: 7px;
    line-height: 7px;
    _line-height: 14px;
}

#detail-selection .suggestion-info
{
    padding-left: 75px;
    padding-top: 10px;
    *padding-top: 0px;
    *margin-top: -68px;
    _margin-top: -72px;
    min-height: 65px;
}

#detail-selection #suggestion product-description
{
    display: block;
}

/*----------------------------------------------------------------------------
    Main Content - Product Info - Left Part
-----------------------------------------------------------------------------*/
#details-description
{
    width: 270px;
    position: relative;
    float: left;
    font-size: 11px;
    color: #191919;
    /*Change by Oli*/
    margin-left: 12px;
    _margin-left: 6px;
}

#details-description p
{
    font-size: 11px;
    color: #191919;
    padding-left: 0px;
}

#details-description img
{
    margin-left: -2px;
    _margin-left: 0px;
}

/* :DEPRECATED: - Color H1 Version */
/*#details-description h1
{
    padding-left: 5px;
    margin: 8px 0;
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    background-color: #ed1556;
}

.color2 #details-description h1
{
    background-color: #faa61a;
} 

.color3 #details-description h1
{
    background-color: #b2d234;
} 

.color4 #details-description h1
{
    background-color: #00aeef;
} 

.color5 #details-description h1
{
    background-color: #8c63ab;
} 

.color6 #details-description h1
{
    background-color: #4e9d3a;
} 

.color7 #details-description h1
{
    background-color: #f36f21;
} 

.color8 #details-description h1
{
    background-color: #524fa2;
} 

.color9 #details-description h1
{
    background-color: #9da718;
} 
*/

#details-description h1, #details-description h2
{
    font-size: 12px;
    font-weight: bold;
    color: ##191919;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 0px;
}

#details-description #small-one
{
    position: absolute;
    right: 0;
    top: 142px;
}

#details-description #small-two
{
    position: absolute;
    right: 0;
    top: 71px;
}

#details-description #small-three
{
    position: absolute;
    right: 0;
    top: 0px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Right Sidebar in Info Mode
-----------------------------------------------------------------------------*/

#detail-customer
{
    width: 155px;
    position: absolute;
    right: 20px;
    top: 0px;
}

#detail-customer .detail-customer-part
{
    margin:0px;
	margin-bottom: 7px;
    background-color: #dadbdc;
	
}

.detail-customer-part h1
{
    padding-left: 5px;
    font-size: 11px;
    line-height: 17px;
    color: #fff;
    background-color: #ed1556;
	top:-2px;
}

.color2 .detail-customer-part h1
{
    background-color: #faa61a;
} 

.color3 .detail-customer-part h1
{
    background-color: #b2d234;
} 

.color4 .detail-customer-part h1
{
    background-color: #00aeef;
} 

.color5 .detail-customer-part h1
{
    background-color: #8c63ab;
} 

.color6 .detail-customer-part h1
{
    background-color: #4e9d3a;
} 

.color7 .detail-customer-part h1
{
    background-color: #f36f21;
} 

.color8 .detail-customer-part h1
{
    background-color: #524fa2;
} 

.color9 .detail-customer-part h1
{
    background-color: #9da718;
} 

.detail-customer-part h1 a
{
    font-size: 11px;
    line-height: 17px;
    color: #fff;
}

.detail-customer-part p
{
    padding: 4px 5px 5px 5px;
    font-size: 11px;
    text-indent: 1px;
    color: #191919;
}

.detail-customer-part label
{
    display: block; /* To position the labels above the input fields*/
    color: #191919;
    font-size: 11px;
    line-height: 12px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
}

.detail-customer-part input
{
    border: 0;
    margin: 2px 0 2px 0;
    padding: 0px;
}

.detail-customer-part input[maxlength]
{
    width: 145px;
}

.detail-customer-part input[type="submit"]
{
    width: 60px;
    height: 15px;
    background: url(../img/button_anmelden.png) no-repeat 0 50%;
    font-size: 9px;
    color: #191919;
    padding-bottom: 2px; /* To align text vertically in FF */
    *padding-bottom: 0; /* To align text vertically in IE7 */
    *padding-top: 1px;
    margin-top: 6px;
}

.detail-customer-part input[type="submit"]:hover
{
    cursor: pointer;
    opacity: 0.5;
    *filter: alpha(opacity = 50); /* To make opacity work, even in IE7 */
}

#login label[for="password"]
{
    padding-top: 5px;
}

#login input[type="submit"]
{
    margin-bottom: 6px;
}

.detail-customer-part a
{
    color: #191919;
}

#manufacturer a, #opinion a
{
    padding-left: 8px;
    display: block; /* To prevent the second and all following lines of the link text to display
    underneath the arrow bullet */
}

#manufacturer a
{
    background: url(../img/bullet_link.png) no-repeat 0% 50%;
}

#opinion a
{
    background: url(../img/bullet_link.png) no-repeat 0% 20%;
}

#opinion img
{
    padding: 10px 0;
}

/*---------------------------------------------------------------------------- 
    Main Content - Wishlist
-----------------------------------------------------------------------------*/
div#wishlist
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Shopping Cart
-----------------------------------------------------------------------------*/
div#shopping-cart
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Checkout Shipping
-----------------------------------------------------------------------------*/
div#checkout-shipping
{
    padding-left: 10px;
    padding-right: 10px;
}

#checkout-shipping h4
{
    padding-top: 5px;
}

#checkout-shipping .rightCol input
{
    margin-top: 5px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Checkout Payment
-----------------------------------------------------------------------------*/
div#checkout-payment
{
    padding-left: 10px;
    padding-right: 10px;
}

#checkout-payment h4
{
    padding-top: 5px;
}

#checkout-payment .rightCol input
{
    margin-top: 5px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Newsletter
-----------------------------------------------------------------------------*/
div#newsletter
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Login
-----------------------------------------------------------------------------*/
div#login
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Logoff
-----------------------------------------------------------------------------*/
div#logoff
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Account Edit
-----------------------------------------------------------------------------*/
div#account-edit
{
    padding-left: 10px;
    padding-right: 10px;
}

#account-edit legend
{
    font-weight: bold;
    margin-top: 5px;
}

#account-edit #other-pet
{
    *vertical-align: middle;
}

/*---------------------------------------------------------------------------- 
    Main Content - Account Password
-----------------------------------------------------------------------------*/
div#account-password
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Address Book
-----------------------------------------------------------------------------*/
div#address-book
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Advanced Search
-----------------------------------------------------------------------------*/
div#advanced-search
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Reviews
-----------------------------------------------------------------------------*/
div#reviews
{
    padding-left: 10px;
    padding-right: 10px;
    width: 700px;
}

#reviews .modReviewsFooter p#product-navigation
{
    _float: none;       
}
/*---------------------------------------------------------------------------- 
    Main Content - Product Reviews Info
-----------------------------------------------------------------------------*/
div#product-reviews-info
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Product Reviews
-----------------------------------------------------------------------------*/
div#product-reviews
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Product Reviews Write 
-----------------------------------------------------------------------------*/
div#product-reviews-write
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Main Content - Contact Us
-----------------------------------------------------------------------------*/
div#contact
{
    padding-left: 10px;
    padding-right: 10px;
}

/*---------------------------------------------------------------------------- 
    Footer
-----------------------------------------------------------------------------*/

#footer
{
	width: 927px;
	height: 47px;
	background: url(../img/footer_c1.png) no-repeat left top;
	float: left;
	position: relative;
    _float: none;
}

.color2 #footer
{
    background: url(../img/footer_c2.png) no-repeat left top; 
}

.color3 #footer
{
    background: url(../img/footer_c3.png) no-repeat left top; 
}

.color4 #footer
{
    background: url(../img/footer_c4.png) no-repeat left top; 
}

.color5 #footer
{
    background: url(../img/footer_c5.png) no-repeat left top; 
}

.color6 #footer
{
    background: url(../img/footer_c6.png) no-repeat left top; 
}

.color7 #footer
{
    background: url(../img/footer_c7.png) no-repeat left top; 
}

.color8 #footer
{
    background: url(../img/footer_c8.png) no-repeat left top; 
}

.color9 #footer
{
    background: url(../img/footer_c9.png) no-repeat left top; 
}

#footer p
{
	margin: 25px 0 0 12px;
	font-size: 10px;
	color: #fff;
}

#footer a
{
	color: #fff;
}

#footer span
{
	position: absolute;
	right: 12px;
}

/* Transparent white dog shadow, position 1 (hidden by default) */
#transparent-dog
{
    width: 170px;
    height: 119px;
    background: url(../img/transparent_dog_shadow.png) no-repeat left top;
    _background: url(../img/transparent_dog_shadow_ie.gif) no-repeat left top;
    position: fixed;
    left: 0;
    bottom: 0;
    display: none;
}

.color1 #transparent-dog, .color2 #transparent-dog
{
    display: none; 
}

/*---------------------------------------------------------------------------- 
    Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset
{
    border: 1px solid transparent;
}


/*---------------------------------------------------------------------------- 
    Tables
-----------------------------------------------------------------------------*/

table 
{ 
    border-spacing: 0;
    border-collapse: collapse;
}

td 
{
    text-align: left;
    font-weight: normal;
}



/*---------------------------------------------------------------------------- 
    Misc 
-----------------------------------------------------------------------------*/
hr
{
    height: 1px;
    background-color: #000;
    color: #000;
    border: 0;
}

pre
{
    font-size: 16px;
    font-weight: bold;
    color: #00ff00; 
}

#threerow {
	width:717px;
	height: 184px;
	padding: 3px 3px 0 0;
	
}

#threerow h2
{
   font-size: 11px;
   color: #191919;
   font-weight: bold;
   padding-top: 5px;
   padding-right: 10px; 
}

#threerow p
{
   font-size: 11px;
   color: #191919;
   padding-top: 5px;
   padding-right: 10px; 
}

#threerow-image1{
	float: right;
	width: 239px;
	height: 184px;
	margin: 0 0 0 0;
}
#threerow-image2 {
	float: right;
	width: 239px;
	height: 184px;
	margin: 0 0 0 0;
}
#threerow-image3 {
	float: right;
	width: 239px;
	height: 184px;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
}

div.copyright {
	position: absolute;
	left: -10000px;
}
#threerow-image3 img {
}

#productinfodescription p {
	margin-left: 0px;
}