/* Farbdefinitionen & Schriftgröîen

        hellgrau                    = #f2f2f2
        mittelgrau                  = #d2d2d2
        mittelgrau-hell             = #999999
        dunkelgrau                  = #696969
        dunkelgrau hervorgehoben    = #535353
        hellgrün                    = #ead1a8
        dunkelgrün                  = #23502d
        rot                         = #cc3300
        hellblau                    = #0f7dbe
        
        rot für Angebot             = #B21613
        grün für Neuheit            = #258A0B
        
        class="textlink a:hover"    = #B21613

        Menü-Hauptrubrik/Tab-Menü   = 14px + bold + Uppercase
        Menü-Unterrubrik            = 12px

        .gross                      = 14px
        .normal                     = 12px
        .klein                      = 11px
        .winzig                     = 10px

        H1                          = 16px + bold

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




/* Allgemein ---------------------------------------------------------------- */
* {
    margin:0;
    padding:0;
}

body {
	background: #f2f2ea;
	color: #696969;
	font-size: 12px;
	font-family: Arial;
	padding: 0;
	background-image:url(img/background.gif);
}

a {
    color: #696969;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:hover, a:active, a:focus {                            /* Remove dotted line */
    outline: none;
}

.gross {
    font-size: 14px;
}

.normal {
    font-size: 12px;
}

.klein {
    font-size: 11px;
}

.winzig {
    font-size: 10px;
}

.color_new {
    color: #258A0B;
}

.color_new-highlight {
    background: #258A0B;
    color: #ffffff;
    padding: 3px 5px 3px 5px;
}

.color_sale {
    color: #B21613;
}

.color_sale-highlight {
    background: #B21613;
    color: #ffffff;
    padding: 3px 5px 3px 5px;
}

#nx_contentwraper {
	display: block;
	float: left;
	overflow: hidden;
	width: 720px;
}

.link {
    background: url(img/icons/arrow_icon.gif) no-repeat scroll 0 0 transparent;
    line-height:16px;
    padding:0 0 0 10px;
    vertical-align:baseline;
    font-weight: bold;
}

.textlink a {
    color: #696969;
    text-decoration: underline;
}

.textlink a:hover {
    color: #B21613;
    text-decoration: underline;
}

hr {
    border-style:none none dotted;
    border-width:1px;
    color:#D2D2D2;
    margin-bottom:15px;
}


/* Überschriften für Rubriken und Suche & Detail ---------------------------- */
.headline, .headline a, .headline a:hover{
    text-align:left; 
    font-size:16px;
    font-weight: bold;
    color: #c9ad6e;

}




/* Rubriken Banner ---------------------------------------------------------- */
#banner {
	border: 1px solid #d2d2d2;
	height: 118px;
	background-color: #ead1a8;
}

#banner #inner {
    border:5px solid #fff; 
    height: 96px; 
    padding-top: 12px; 
    padding-right: 20px; 
    text-align:right;
}

#banner #headline {
	color: #fff;
	font-size: 22px;
}




p                           { padding-bottom: 15px; margin: 0;}

.no_padding                 { padding: 0 !important; }
.no_margin                  { margin:  0 !important; }

.box1                       { border: 1px solid #d2d2d2; padding: 14px; margin-bottom: 15px; overflow:hidden }
.box2                       { border: 2px solid #d2d2d2; padding: 13px; margin-bottom: 15px; overflow:hidden }
.box3                       { border: 3px solid #d2d2d2; padding: 12px; margin-bottom: 15px; overflow:hidden }

input[type="text"]          { height:18px; padding:2px 0 2px 10px; border: 1px solid #d2d2d2; width: 250px; margin-bottom:10px;}
input:focus[type="text"]    { background-color: #faf9f5; }
input[type="password"]      { height:18px; padding:2px 0 2px 10px; border: 1px solid #d2d2d2; width: 250px; margin-bottom:10px;}
input:focus[type="password"]{ background-color: #faf9f5; }
input[type="checkbox"]      { border: 0 !important; padding-left: 0px !important; }

select                      { height:24px; padding:2px 2px 2px 10px; border: 1px solid #d2d2d2; margin-bottom:10px;}
textarea                    { font-family: Arial; font-size: 13px; border:1px solid #D2D2D2; padding: 10px 10px 10px 10px !important; resize: none; }
textarea:focus              { background-color: #faf9f5; }

/* TABLES ------------------------------------------------------------------- */
.width-33                   { width:  33% !important; }
.width-66                   { width:  66% !important; }
.width-99                   { width:  99% !important; }
.width-25                   { width:  25% !important; }
.width-50                   { width:  50% !important; }
.width-75                   { width:  75% !important; }
.width-100                  { width: 100%; }
             
.left-col               { float: left;  display: inline; }
.left-col11             { width: 11%; float: left;  display: inline; }
.left-col22             { width: 22%; float: left;  display: inline; }
.left-col33             { width: 33%; float: left;  display: inline; }
.left-col66             { width: 66%; float: left;  display: inline; }
.left-col77             { width: 77%; float: left;  display: inline; }
.left-col88             { width: 88%; float: left;  display: inline; }
.left-col99             { width: 99%; float: left;  display: inline; }
.left-col25             { width: 25%; float: left;  display: inline; }
.left-col50             { width: 50%; float: left;  display: inline; }
.left-col75             { width: 75%; float: left;  display: inline; }

.right-col              { float: right; display: inline; }
.right-col11            { width: 11%; float: right; display: inline; }
.right-col22            { width: 22%; float: right; display: inline; }
.right-col33            { width: 33%; float: right; display: inline; }
.right-col66            { width: 66%; float: right; display: inline; }
.right-col77            { width: 77%; float: right; display: inline; }
.right-col88            { width: 88%; float: right; display: inline; }
.right-col99            { width: 99%; float: right; display: inline; }
.right-col25            { width: 25%; float: right; display: inline; }
.right-col50            { width: 50%; float: right; display: inline; }
.right-col75            { width: 75%; float: right; display: inline; }



/* BACKGROUNDS -------------------------------------------------------------- */
.gradient_top           { background-image: url(img/icons/gradient_top.gif ); background-repeat: repeat-x; background-position: top; }


/* FORMS -------------------------------------------------------------------- */
.form h4                { border-bottom: 1px solid #d2d2d2; padding: 0 0 10px 0;  text-indent:15px; margin: -5px -15px 15px -15px;}
.form label             { display: block; margin-bottom: 13.0px; padding-top:3px; }
.form .input_plz        { width: 65px;}
.form .input_ort        { margin-left:2px; width: 168px; }
.form .form-row         { margin-bottom: 10px; display: inline-block; }
.form .error_input      { border: 2px solid #ff0000; padding: 1px 0 1px 8px;}
.form .error_label      { display: block !important; color:#ff0000; font-weight: bold; }

                                           

.footer h2,.footer h4   { color: #c9ad6e; }

/* HEADINGS ----------------------------------------------------------------- */
h1                      { font-size: 22px; line-height: 22px; margin-bottom: 5px; }
h2                      { font-size: 20px; line-height: 20px; margin-bottom: 5px; }
h3                      { font-size: 18px; line-height: 18px; margin-bottom: 5px; }
h4                      { font-size: 16px; line-height: 16px; margin-bottom: 5px; }                   
h5                      { font-size: 14px; line-height: 14px; margin-bottom: 5px; }
h6                      { font-size: 12px; line-height: 12px; margin-bottom: 5px; }




/* COLORS ------------------------------------------------------------------- */
.text-black             { color: #000 !important; }
.text-white             { color: #fff !important; }

.text-red_dark          { color: #9f0c09 !important; }
.text-red_middle        { color: #cf0f0c !important; }
.text-red_light         { color: #f2201c !important; }

.text-yellow_dark       { color: #ffe814 !important; }
.text-yellow_middle     { color: #ffed47 !important; }
.text-yellow_light      { color: #fff27a !important; }

.text-green_dark        { color: #4d6600 !important; }
.text-green_middle      { color: #739900 !important; }
.text-green_light       { color: #ead1a8 !important; }

.text-blue_dark         { color: #0c184c !important; }
.text-blue_middle       { color: #0f7dbe !important; }
.text-blue_light        { color: #55b8f1 !important; }

.text-grey_dark         { color: #5e5e5b !important; }
.text-grey_middle       { color: #d2d2d2 !important; }
.text-grey_light        { color: #f2f2f2 !important; }

.text-brown_dark         { color: #d6d1b3 !important; }
.text-brown_middle       { color: #ede7d9 !important; }
.text-brown_light        { color: #faf9f5 !important; }

.text-lila_dark          { color: #81007f !important; }
.text-lila_middle        { color: #b300b0 !important; }
.text-lila_light         { color: #e600e2 !important; }

.text-orange_dark        { color: #ffb92e !important; }
.text-orange_middle      { color: #ffca61 !important; }
.text-orange_light       { color: #ffdb94 !important; }


.textback-black         { background-color: #000; }
.textback-white         { background-color: #fff; }

.textback-red_dark      { background-color: #9f0c09; }
.textback-red_middle    { background-color: #cf0f0c; }
.textback-red_light     { background-color: #f2201c; }

.textback-yellow_dark   { background-color: #ffe814; }
.textback-yellow_middle { background-color: #ffed47; }
.textback-yellow_light  { background-color: #fff27a; }

.textback-green_dark    { background-color: #4d6600; }
.textback-green_middle  { background-color: #739900; }
.textback-green_light   { background-color: #ead1a8; }

.textback-blue_dark     { background-color: #0c184c; }
.textback-blue_middle   { background-color: #0f7dbe; }
.textback-blue_light    { background-color: #55b8f1; }

.textback-grey_dark     { background-color: #5e5e5b; }
.textback-grey_middle   { background-color: #d2d2d2; }
.textback-grey_light    { background-color: #f2f2f2; }

.textback-brown_dark    { background-color: #d6d1b3; }
.textback-brown_middle  { background-color: #ede7d9; }
.textback-brown_light   { background-color: #faf9f5; }

.textback-lila_dark     { background-color: #81007f; }
.textback-lila_middle   { background-color: #b300b0; }
.textback-lila_light    { background-color: #e600e2; }

.textback-orange_dark   { background-color: #ffb92e; }
.textback-orange_middle { background-color: #ffca61; }
.textback-orange_light  { background-color: #ffdb94; }


.border-black           { border-color: #000;  !important; }
.border-white           { border-color: #fff;  !important; }

.border-red_dark        { border-color: #9f0c09 !important; }
.border-red_middle      { border-color: #cf0f0c !important; }
.border-red_light       { border-color: #f2201c !important; }

.border-yellow_dark     { border-color: #ffe814 !important; }
.border-yellow_middle   { border-color: #ffed47 !important; }
.border-yellow_light    { border-color: #fff27a !important; }

.border-green_dark      { border-color: #4d6600 !important; }
.border-green_middle    { border-color: #739900 !important; }
.border-green_light     { border-color: #ead1a8 !important; }
                        
.border-blue_dark       { border-color: #0c184c !important; }
.border-blue_middle     { border-color: #0f7dbe !important; }
.border-blue_light      { border-color: #55b8f1 !important; }

.border-grey_dark       { border-color: #5e5e5b !important; }
.border-grey_middle     { border-color: #d2d2d2 !important; }
.border-grey_light      { border-color: #f2f2f2 !important; }

.border-brown_dark      { border-color: #d6d1b3 !important; }
.border-brown_middle    { border-color: #ede7d9 !important; }
.border-brown_light     { border-color: #faf9f5 !important; }

.border-lila_dark       { border-color: #81007f !important; }
.border-lila_middle     { border-color: #b300b0 !important; }
.border-lila_light      { border-color: #e600e2 !important; }

.border-orange_dark     { border-color: #ffb92e !important; }
.border-orange_middle   { border-color: #ffca61 !important; }
.border-orange_light    { border-color: #ffdb94 !important; }






/* Suchfeld ----------------------------------------------------------------- */
#suche {
    border:1px solid #d2d2d2; 
    padding:2px;
	padding-bottom: 5px;
	color: #696969;
	font-size: 12px;
	width: 268px;
	margin-right: 10px;
}




/* Navigation Level0 -------------------------------------------------------- */
.menu {
    font-size:14px;
}

.menu ul {
	list-style: none;
}

.menu ul li {
	margin: 0;
}

.menu ul li span a {
	display: block;
	padding: 4px 10px;
	border-bottom: 2px solid #ead1a8;
	text-transform: uppercase;
	font-weight: bold;
	color: #ead1a8;
	text-decoration: none;
}

.menu ul li span a:hover, .menu ul li span.active a {
	color: #FFFFFF;
	background-color:  #ead1a8;
}

/* Navigation Level1 -------------------------------------------------------- */
.menu ul li ul {
	list-style: none;
	margin: 0;
	border-bottom: 2px solid #ead1a8;          /* none, bei keinen Untermenüs */
	font-size: 12px;
}

.menu ul li ul li a {
	padding-left: 30px;
	font-weight: normal;
	text-transform: none;
	cursor: pointer;
	border-bottom: none;
	color: #696969;
}

.menu ul li ul li a:hover, .menu ul li ul li .active a {
	color: #696969;
	background-color: #f2f2f2;
}

.menu ul li ul li .Menu a {
	background-image:url(img/icons/switch_plus.gif) !important;
	background-position: 10px 6px !important;
	background-repeat: no-repeat;
}

.menu ul li ul li .Menu.active a {
	background-image:url(img/icons/switch_minus.gif) !important;
}

/* Navigation Level2 -------------------------------------------------------- */

.menu ul li ul li ul{
	list-style: none;
	margin: 0;
}

.menu ul li ul li ul li a {
	padding-left: 45px;
	color: #000000;
}

.menu ul li ul li ul li a:hover, .menu ul li ul li ul li .active a{
	color: #FFFFFF;
	background-color:  #000000;
}




/* TOP-Navigation ----------------------------------------------------------- */
#topnav {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
    font-size: 14px;
    font-weight: bold;
}

#topnav ul{
    clear:left;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    position:relative;
    left:50%;
    text-align:center;
}

#topnav ul li{
    display:block;
    float:left;
    list-style:none;
    margin: 0 1px 0 0;
    padding:0;
    position:relative;
    right:50%;
    text-transform:uppercase;
}

#topnav ul li a{
    display:block;
    padding: 5px 10px;
    text-decoration:none;
    line-height:1.3em;
    margin: 0 1px 0 0;                       /* Margin between each menu item */
    /*letter-spacing: 1px;*/
    background-color: #f2f2f2;
    color: #696969;
    border-bottom: 1px solid #ffffff;
}

#topnav ul li a:hover {
    color: #ead1a8; 
}

#topnav .current a,#topnav .current a:hover {
    background-color: #ead1a8;
    border-bottom: 1px solid #ead1a8; 
    color: #ffffff; 
}

#topnav_menuline{
    clear: both;
    padding: 0;
    width: 100%;
    height: 5px;
    line-height: 5px;
    background: #ead1a8;
}



/* Buttons ------------------------------------------------------------------ */
.button {
	float: left;
	font-size: 12px;
	font-weight: bold;
    line-height: 23px !important;
	margin: 0 0px 0 10px;
}
 
.button span {
    margin: 0 10px 0 -10px;
	padding: 0 0 5px 10px;
	position: relative;                /* To fix IE6 problem (not displaying) */
	float:left;
	height: 19px;
}

.button.green {
	background: url(img/icons/button_green.gif) no-repeat bottom right;
	text-decoration: none;	
    color: #fff;
}

.button.green span {
	background: url(img/icons/button_green.gif) no-repeat bottom left;
	text-decoration: none;	
    color: #fff;
}

.button.green:hover {
	background: url(img/icons/button_green.gif) no-repeat top right;
	text-decoration: none;	
    color: #fff;
}

.button.green:hover span {
	background: url(img/icons/button_green.gif) no-repeat top left;
	text-decoration: none;	
    color: #fff;
}

.button.grey {
	background: url(img/icons/button_grey.gif) no-repeat bottom right;
	text-decoration: none;	
    color: #696969;
}

.button.grey span {
	background: url(img/icons/button_grey.gif) no-repeat bottom left;
	text-decoration: none;	
    color: #696969;
}

.button.grey:hover {
	background: url(img/icons/button_grey.gif) no-repeat top right;
	text-decoration: none;	
    color: #696969;
}

.button.grey:hover span {
	background: url(img/icons/button_grey.gif) no-repeat top left;
	text-decoration: none;	
    color: #696969;
}

.button.orange {
	background: url(img/icons/button_orange.gif) no-repeat bottom right;
	text-decoration: none;	
    color: #fff;
}

.button.orange span {
	background: url(img/icons/button_orange.gif) no-repeat bottom left;
	text-decoration: none;	
    color: #fff;
}

.button.orange:hover {
	background: url(img/icons/button_orange.gif) no-repeat top right;
	text-decoration: none;	
    color: #fff;
}

.button.orange:hover span {
	background: url(img/icons/button_orange.gif) no-repeat top left;
	text-decoration: none;	
    color: #fff;
}




/* Listenansicht der Artikel für Rubriken & Suche --------------------------- */
.art_box {
    font-size: 11px;
    padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	margin-top: 10px;                          /* Abstand zum oberen Artikel  */
	margin-bottom: 10px;                       /* Abstand zum unteren Artikel */
	border: 1px solid #d2d2d2;
	height: 278px;
	color: #696969;
	background-image: url(img/icons/gradient_bottom.gif );
    background-repeat: repeat-x;
    background-position: bottom;
}

.art_box .thumb {
	text-align: center;
}

.art_box .etikett_sale {
	position: absolute;
	margin-top: -4px;
	margin-left: 158px;
	width: 44px;
	height: 44px;
	background-image: url(../img/icons/etikett_sale.png);
	background-repeat: no-repeat;
}

.art_box .etikett_new {
	position: absolute;
	margin-top: -4px;
	margin-left: 158px;
	width: 44px;
	height: 44px;
	background-image: url(../img/icons/etikett_new.png);
	background-repeat: no-repeat;
}

.scratch{background:url(../img/icons/bg-scratch.gif) 0 0 no-repeat;}



.art_box .kubez {
    color: #000;
    font-size: 11px;
 	white-space: nowrap;
	overflow: hidden;
}

.art_box .trenner {
	width: 100%;
	border-bottom: 1px dotted #d2d2d2;
	margin-top: -13px;
	margin-bottom: 5px;
}

.art_box .preis-alt {
	text-align: right;
}

.art_box .jetztab {
    font-size: 12px;
    color: #000000;        
}

.art_box .preis {
	font-size: 15px;
	font-weight: bold;
}

.art_box .mwst-versand {
	text-align: right;
}

.art_box .mwst-versand a {
	text-decoration: none;
}

.art_box .mwst-versand a:hover {
	text-decoration: underline;
}




/* Detailansicht ------------------------------------------------------------ */
.nexsmalimage{                                             /* Thumbnail first */
    border: 1px solid #d2d2d2;
    background-color: #fff;
    width: 55px;
    height: 55px;
    padding: 3px;
	margin-right: 5px;
	margin-top: 5px;
}
.nexsmalimage:hover, .smalimageactive{
	border: 3px solid #d2d2d2;
    background-color: #fff;
    width: 55px;
    height: 55px;
    padding: 1px;
	margin-right: 5px;        
}

.firstnexsmalimage{                                         /* Thumbnail next */
	margin-left: 0px;
}







/* Detailansicht Tabs ------------------------------------------------------- */
/* root element for tabs  */
ul.tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #d2d2d2;
    list-style:none outside none;	 	
}

/* single tab */
ul.tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
}

/* link inside the tab. uses a background image */
ul.tabs li a { 
	float:left;
	font-size:12px;
	display:block;
	padding:5px 20px;	
	text-decoration:none;
	border:1px solid #d2d2d2;	
	border-bottom:0px;
	height:18px;
	background-color:#f2f2f2;
	margin-right:10px;
	position:relative;
	top:1px;
    color: #696969;	
}

ul.tabs li a:hover {
	background-color:#d2d2d2;
}
	
/* selected tab */
ul.tabs li a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;	
	color:#000;
	cursor:default;
	font-weight: bold;
}

	
/* tab pane */
.panes {
	/*border:1px solid #d2d2d2;*/
	border-width:0px;
	min-height:200px;
	padding:22px;
    background-image: url(img/icons/gradient_border.gif); !important; 
    background-repeat: no-repeat !important; 
    background-position: bottom left !important;
    min-height: 200px;
    /*overflow-y: scroll;*/
}








/* Pager Top+Bottom --------------------------------------------------------- */
a.pager {                                                   /* weitere Seiten */
    border:1px solid #d2d2d2;
    background:#ffffff;
        
    float: left;
    display:block;
    margin-left: 4px;

	width: 20px;
	height: 20px;
    overflow:hidden;

    font-size:12px;
    font-weight:normal;
    text-align:center;
    text-decoration:none;
    line-height: 20px;
}

a.pager:hover {                                       /* weitere Seiten Hover */
    background:#d2d2d2;
    font-weight:bold;
}

span.pager {                                                           /* ... */
	float: left;
	display: block;
	margin-left: 4px;

    height: 20px;
    overflow:hidden;
        
    font-size:12px;
    font-weight:normal;
    text-align:center;
    text-decoration:none;
}

span.pager_active {                                           /* Aktive Seite */
    border:1px solid #d2d2d2;
    background:#d2d2d2;
        
	float: left;
    display:block;
    margin-left: 4px;

	width: 20px;
	height: 20px;

    font-size:12px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    line-height: 20px;
}

a.pager_prev {
    border:1px solid #d2d2d2;
    background:#ffffff;
        
	float: left;
    display:block;
    margin-left: 4px;

	width: 20px;
	height: 20px;
    overflow:hidden;

    font-size:22px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    line-height: 16px;
}

a.pager_prev:hover {
    background:#d2d2d2;
    font-weight:bold;
}

a.pager_next {
    border: 1px solid #d2d2d2;
    background:#ffffff;
        
	float: left;
    display: block;
    margin-left: 4px;

	width: 20px;
	height: 20px;
    overflow: hidden;

    font-size:22px;
    font-weight:bold;
    text-align:center;
    text-decoration:none;
    line-height: 16px;        
}

a.pager_next:hover {
    background:#d2d2d2;
    font-weight:bold;
}




/* Selectboxen größen ------------------------------------------------------- */
#sort{
	width: 150px;
	margin-right: 7px;
}

#ffilter{
	width: 150px;
	margin-right: 7px;
}

#fhersteller{
	width: 185px;
	margin-right: 7px;
}

#fcategories{
	width: 185px;
	margin-right: 0px;
}

#filterform{
	margin-top: 10px;
	height:25px;
}






/* Warenkorb Step-Menu ------------------------------------------------------ */
#progress-bar h1 { margin: 0px; padding: 0px; }
#progress-bar li { margin: 0px; padding: 5px 0 0 10px; width: 230px; height: 50px; list-style: none; float: left; background-color: #f2f2f2; background-image: url(img/icons/step_default.gif); background-position: right center; background-repeat: no-repeat; font-size:16px; font-weight:bold; }
#progress-bar a:hover { color: #ead1a8; text-decoration: none;}
#progress-bar a:hover span { color: #ead1a8; text-decoration: underline; }
#progress-bar span { font-size: 12px; font-weight:normal; display: block; }
#progress-bar .current { color: white; background-color: #ead1a8; background-image: url(img/icons/step_current.gif); }
#progress-bar .current span { font-weight: bold; }
#progress-bar .done { background-color: #f2f2f2; background-image: url(img/icons/step_default.gif);}
#progress-bar .previous { background-color: #f2f2f2; background-image: url(img/icons/step_previous.gif);  }
#progress-bar .last { width: 210px !important; background-image: none; }
#progress-bar .alldone {color: #d2d2d2;}



/* Detail ansicht varianten dropdown */
#variants .right select{
	width: 155px;
}

img#fancy_img{
	cursor: pointer;
}


#nx_maxcontentwrapper{
	min-height: 500px;	

}



/* CLOUD_ZOOM --------------------------------------------------------------- */
/* This is the moving lens square underneath the mouse pointer. */
.cloud-zoom-lens {
	border: 1px solid #d2d2d2;
	margin:-4px;	/* Set this to minus the border thickness. */
	background-color:#fff;	
	cursor: pointer;		
}

/* This is for the title text. */
.cloud-zoom-title {
	font-family:Arial, Helvetica, sans-serif;
	position:absolute !important;
	background-color:#000;
	color:#fff;
	padding:3px;
	width:100%;
	text-align:center;	
	font-weight:bold;
	font-size:10px;
	top:0px;
}

/* This is the zoom window. */
.cloud-zoom-big {
	border:1px solid #d2d2d2;
	overflow:hidden;
}

/* This is the loading message. */
.cloud-zoom-loading {
	color:white;	
	background:#222;
	padding:3px;
	border:1px solid #000;
}