/*Design GMASK - STYLE - Copyright 2009 - GLORIEN | Sven Kunz

/*############ GENERAL ##################*/
* 	{ margin:0; padding:0; list-style:none; border:0px; font-size:12px; font-family:Geneva, Arial, Helvetica, sans-serif;}
html, body	{ height:100%; background:#333 url('img/bgr1.jpg') top repeat-x fixed; text-align:center; color:#FFFFFF;}
body {padding-top:20px;}

h1 	{ clear:left; margin:0 0 8px -10px; padding:20px 0 6px 10px; color:#FFF; font-size:20px; font-weight:normal; background:url('img/h1-line.png') bottom left no-repeat;}
h2 	{ padding:20px 0 5px 0; color:#FFF; font-size:15px; font-weight:bold;}
h3	{ padding:15px 0 5px 0; color:#FFF; font-size:13px; font-weight:bold;}
p 	{ padding:3px 0 8px 10px; line-height:16px;}
ul 	{ padding:5px 0 5px 30px;}
li 	{ padding:0 0 3px 0; list-style:disc; line-height:16px;}

p.noSpace, li.noSpace { margin:0; padding:0; list-style:none;}
p.loginText { padding:5px 0 0 20px; font-size:11px;}
p.orderList { padding:4px 0 0px 10px;}
p.notifyShop { font-size:11px; font-style: italic; position:relative; top:120px; padding:0 0 5px 15px;}
p.notifyDesigns {font-size:11px; font-style: italic; position:relative; top:100px; padding:0 0 5px 15px;}
#agbText > li > p { padding-left:0; font-weight:normal;} 
#productContent > p { padding:15px 0 0 5px; line-height:16px;}
p.noMoreSpace { margin:0; padding:0;}
.noMoreSpace > p { margin:0; padding:0; list-style:none;}
p.headDetail {padding:0 0 8px 1px}
p.moreProducts {padding:0px 28px 10px 0; text-align:right; font-size:11px}

ul.imprint { padding:8px 0 0 0;}
ul.mainNavigation { padding:25px 0 0 0; margin:0;}
.ulMenu { padding:0 0 0 3px; margin:0;}
.ulSitemap { padding:0; margin:0;}
ul.list-arrow > li { list-style-image:url('img/list-style-arrow.png'); padding:2px 0 5px 0}
.list-arrow { list-style-image:url('img/list-style-arrow.png'); padding:8px 0 12px 30px;}
li.imprint { padding:2px 0 0 15px; margin:0; list-style:none;}
li.mainNavigationElement { padding:0 5px 0 5px; margin:0; list-style:none; display:inline;}
.ulMenu > li { padding:7px 0 7px 12px; background:url('img/shop/listSyle.png') 0 14px no-repeat; list-style:none; margin:0;}
.ulSitemap > li { padding:0px 0 5px 10px; list-style:none; margin:0;}
#listNoSpace > li { padding:0; margin:0; list-style:none;}
#agbText > li { list-style:decimal outside; font-size:15px; font-weight:bold; padding:15px 0 0 0; margin:0}
#footNavigation > li { list-style:none; margin:0; padding:0; display:inline;}
#productContent > ul li { line-height:16px; padding:0 0 3px 12px; background:url('img/listStyle.png') 0 5px no-repeat; list-style:none; margin:0;}

ul.sitemapWrap { margin:10px 0 0 25px; padding:0;}
.sitemapWrap > li { list-style:none; margin:15px 0 0 0; padding:0;}
.sitemapRow { background:url('img/shop/listSyle.png') 0 5px no-repeat; margin:2px 0 3px 3px; padding:0 0 0 10px; line-height:15px}

.cl {clear:left;}
/*############ HEAD ##################*/
.head { width:752px; height:106px; background:url('img/head/head.png') center no-repeat; margin:0 auto; text-align:left; z-index:50; position:relative; top:5px}
.gmaskLogoBig { width:173px; height:61px; margin:23px 0 0 36px; float:left;}
.headDesign { float:right; background:url('img/head/head-bgr.png') right no-repeat; margin:4px 5px 0 0; width:390px; height:96px; text-align:right;}
.cartHead { text-decoration:none; color:#FFF;}
.cartHeadHover { text-decoration:none; color:#FFF; border-bottom:1px #48FE00 solid;}

/*############ SITE ##################*/
.site { margin:0 auto; width:750px; background:url('img/site-base.png'); text-align:left;}
.left { width:490px;}
.right 	{ width:196px; float:right; padding:30px 30px 0 0}
.site-layout { margin:0 auto; width:730px; height:100%; background:#590100 url('img/bgr-top.jpg') top left no-repeat; color:#FFF;}
.bottom { clear:both; width:730px; height:150px; background:url('img/bgr-bottom.jpg') bottom right no-repeat;}
.imageContainerHover { position:absolute; background-color:#FFF; border:1px solid #333; margin:0; padding:2px; z-index:80}

/*############ CONTENT ############ */
.stCont		{ min-height:650px; height:auto !important;  /* für moderne Browser */ height:650px;  /*für den IE */}
.contentWrap	{ padding:0 20px 0 28px;}
.gmaskImg	{margin:6px; padding:1px;  border:1px #FFF solid;}
.thumb	{ margin:5px; padding:1px; border:1px #FFF solid;}

/*############ CART ############ */
.cartWrapContent { height:200px; background:url('img/shop/bgrCart.jpg') 47px 37px no-repeat; text-align:right;}
table.cartWrap { width:100%; padding:0 14px 0 10px; text-align:left;}
table.cartWrapOrder { width:100%; padding:0 6px 0 0; text-align:left;}
td.cartQuantityHead { border-bottom:1px #FFF solid; padding:0 0 3px 0; text-align:center; font-weight:bold;}
img.clarBasket { float:right; margin:0 12px 0 0;}

/*############ SHOP CONTENT ############ */
.productOverviewWrap { float:left; width:128px; margin:10px 18px 15px 0;}
.productOverviewTitel{ padding:0 4px 0 4px; margin-bottom:4px; height:30px; font-weight:bold; overflow:hidden;}
.productOverviewBasketWrap { border-bottom:1px #6E2322 solid; height:27px; width:116px; margin:0 0 0 6px; cursor:pointer; }
.productOverviewPrice { padding:2px 5px 1px 0; overflow:hidden; text-align:right; font-size:11px;}
.productOverviewTrolley { float:left; padding:1px 0 0 5px;}
.productDetailsWrap { width:218px; margin-left:-2px; float:left; text-align:left; padding-bottom:10px}

/*############ IMAGES ############ */
.imgWindow { padding:12px 14px 16px 14px;}
.productWindow	{ width:206px; height:206px; background:url('/design/img/shop/productWindow.png') no-repeat; margin:5px 10px 0 0; text-align:center; display:table-cell; vertical-align:middle;}
.productWindow-hover { width:206px; height:206px; background:url('/design/img/shop/productWindow-hover.png') no-repeat; margin:5px 10px 0 0; text-align:center; display:table-cell; vertical-align:middle;}
.imgWindowMedium { padding:0 0 4px 0}
.productWindowMedium{ width:128px; height:128px; background:url('/design/img/shop/productWindowMedium.png') no-repeat; text-align:center; display:table-cell; vertical-align:middle; }
.productWindowMedium-hover{ width:128px; height:128px; background:url('/design/img/shop/productWindowMedium-hover.png') no-repeat; text-align:center; display:table-cell; vertical-align:middle; }
.imgWindowThumb { padding:5px 7px 9px 7px;}
.productWindowThumb { width:66px; height:66px; background:url('/design/img/shop/productWindowThumb.png') no-repeat; margin:4px 4px 0 0; text-align:center; text-align:center; display:table-cell; vertical-align:middle; float:left;}
.productWindowThumb-hover { width:66px; height:66px; background:url('/design/img/shop/productWindowThumb-hover.png') no-repeat; margin:4px 4px 0 0; text-align:center; text-align:center; display:table-cell; vertical-align:middle; float:left;}

.cartAddWrap { width:384px; height:160px; margin:0 auto; position:relative; top:50px; padding-right:12px; background:url(/design/img/shop/toTheCartWindow.png) no-repeat;}
.imgAdded { padding:12px 14px 10px 14px; float:left; width:108px; height:108px;}
.addedDescription { max-height:77px; overflow:hidden; padding:4px 10px 4px 0;}
.labelText { width:150px; text-align:right; padding:2px 10px 0 0; display:block; float:left;}
.labelCheckboxPay { padding:1px 0 5px 10px;}

.boxContentFlower { padding:10px 15px 10px 15px; margin:0 0 30px 0; border:1px #D58C8C solid; background:url('img/gmask-flower.png'); clear:left;}
.orderRowWrap { border-bottom:1px #6E2322 solid; margin:10px 6px 0 0; min-height:80px; clear:left;}
.orderRowWrap2 { border:0; margin:10px 6px 0 0; min-height:80px; clear:left;}
.orderRowWrap3 { border-bottom:1px #48FE00 solid; margin:10px 6px 0 0; min-height:80px; clear:left;}
.headlineAccountOrder { padding:0 0 5px 0; margin:20px 0 5px 0; border-bottom:1px #48FE00 solid;}

/*############ NAVBOX ##################*/
.navBoxMain	{ padding:0; width:196px; background:url('img/navBox/nav-box-main1.png') top no-repeat;}
.navBoxStyle { background:url('img/navBox/flower-bgr-1.png') bottom repeat-y; margin:0 3px 0 3px; padding:8px 0 8px 0;}
.link-a		{ height:26px; margin:2px 0 0 0;}
.link-hover	{ background:url('img/navBox/hover.png') center no-repeat; height:26px; margin:2px 0 0 0;}
.linkSubStyle { float:left; padding:10px 4px 0 2px;}
.SubBoxMain	{ padding:0; width:196px; background:url('img/navBox/nav-box-main-2.png') repeat-y;}
.SubBoxStyle{ background:url('img/navBox/flower-bgr-2.png') bottom center repeat-y; padding:8px 0 8px 0;}

/*############ SPECIALS ##################*/
.thinFilmBox { width:196px; height:80px; background:url('img/specials/thin-film-box.jpg') bottom no-repeat;}
.sushiShopBox { width:196px; height:148px; background:url('img/specials/sushi-shop-box.jpg') bottom no-repeat;}
.christmas { margin-top:20px; width:196px; height:266px; background:url('img/specials/christmas.jpg') no-repeat;}
.alexaCenter {width:196px; height:165px; background:url('img/specials/alexa-center-bottom.jpg') bottom no-repeat;}
/*############ FOOT ##################*/
.foot	{ width:750px; margin:0 auto; text-align:left; font-size:11px;}
.gmaskLogoSmall { width:135px; height:49px; margin:19px 15px 0 0; float:right;}
.footNavWrap { padding:8px 0 18px 15px; float:left;}
.copy	{ padding:3px 0 0 0; color:#979696; font-size:11px;}
.footer	{ margin:8px; color:#666;}
.footmenu	{ margin:7px 0 2px 0; color:#777777; font-size:11px;}

/*############ LINKS ##################*/
a, a:visited { text-decoration:underline; color:#FFF;}
a:active, a:hover { text-decoration:none;}

a.menu, a.menu:visited { display:block; text-decoration:none; color:#FFF; width:93%; padding:5px 0 7px 12px;}
a.menu:active, a.menu:hover { color:#48FE00;}

a.navfoot, a.navfoot:visited { text-decoration:none; color:#777; line-height:16px; font-size:11px; line-height:19px;}
a.navfoot:active, a.navfoot:hover { color:#FFF; border-bottom:1px #48FE00 solid;}

a.userHead, a.userHead:visited { text-decoration:none; color:#FFF; border-bottom:1px #C49191 solid; line-height:18px;}
a.userHead:active, a.userHead:hover { border-bottom:1px #48FE00 solid;}

a.cartHead, a.cartHead:visited { text-decoration:none; color:#FFF; line-height:17px;}
a.cartHead:active, a.cartHead:hover, a.cartHeadHover { border-bottom:1px #48FE00 solid; line-height:17px;}

a.numbers, a.numbers:visited {text-decoration:none; color:#FFF;  border:1px #FFF solid; text-align:center; line-height:19px;  padding:3px 7px 3px 7px;}
a.numbers:active, a.numbers:hover { color:#48FE00; border:1px #48FE00 solid;}

a.numbersSelected, a.numbersSelected:visited, a.numbersSelected:active, a.numbersSelected:hover { text-decoration:none; color:#FFF;  border:1px #48FE00 solid; text-align:center; line-height:19px; font-weight:bold; padding:3px 7px 3px 7px;}

a.productTitel, a.productTitel:visited { text-decoration:none; color:#FFF;}
a.productTitel:active, a.productTitel:hover { text-decoration:underline;}

a.sitemap, a.sitemap:visited { text-decoration:none; color:#FFF; font-size:14px; line-height:19px;}
a.sitemap:active, a.sitemap:hover { border-bottom:1px #FFF solid; }

a.moreProducts, a.moreProducts:visited { text-decoration:none; color:#FFF; font-size:11px; font-style:italic;}
a.moreProducts:active, a.moreProducts:hover { text-decoration:underline; }

/*############ LINKS Specials ##################*/

a.menuNew, a.menuNew:visited { display:block; text-decoration:none; color:#FFF; width:93%; padding:5px 0 7px 12px; background:url('img/navBox/neu.png') 125px 7px no-repeat;}
a.menuNew:active, a.menuNew:hover { display:block; text-decoration:none; color:#48FE00; width:93%; padding:5px 0 7px 12px; background:url('img/navBox/neu-2.png') 125px 7px no-repeat;}

/*############ Submit-Felder #################*/
.formname		{ width:300px; height:20px; margin:10px 3px 0 3px; padding:5px 0 0 5px; background:#333 url('img/bgr.jpg') top repeat-x; border-top:1px #2A0101 solid; border-right:1px #8F3B3B solid; border-bottom:1px #8F3B3B solid;border-left: 1px #2A0101 solid; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.registForm		{ width:250px; height:18px; padding:2px 0 0 2px; background:#333 url('img/bgr.jpg') top repeat-x; border-top:1px #2A0101 solid; border-right:1px #8F3B3B solid; border-bottom:1px #8F3B3B solid;border-left: 1px #2A0101 solid; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.registSelect	{ padding:0; background:#333 url('img/bgr.jpg') top repeat-x; border-top:1px #2A0101 solid; border-right:1px #8F3B3B solid; border-bottom:1px #8F3B3B solid;border-left: 1px #2A0101 solid; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.forminput		{ width:410px; height:160px; margin:10px 3px 0 3px; padding:5px 0 0 5px; background:#333 url('img/bgr.jpg') top repeat-x; border-top:1px #2A0101 solid; border-right:1px #8F3B3B solid; border-bottom:1px #8F3B3B solid; border-left:1px #2A0101 solid; color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.formbutton		{ width:180px; margin:10px 3px 0 3px; padding:8px 0 2px 15px; background:url('img/send-button.png') no-repeat; color:#333; }
.loginField		{ width:158px; margin:2px 0 2px 16px; padding:2px; background:#333 url('img/login-bgr.gif') top repeat-x; border-top:1px #2A0101 solid; border-right:1px #8F3B3B solid; border-bottom:1px #8F3B3B solid;border-left: 1px #2A0101 solid; color:#48FE00; font-size:11px; }
.button100	{ width:100px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button100.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button100-hover	{ width:100px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button100-hover.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button120	{ width:126px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button120.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button120-hover { width:126px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button120-hover.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button140	{ width:146px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button140.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button140-hover { width:146px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button140-hover.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button160	{ width:166px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button160.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}
.button160-hover { width:166px; margin:0 5px 0 -3px; padding:5px 0 6px 0; line-height:12px; background:url('img/buttons/button160-hover.png') center center no-repeat; color:#FFF; font-size:11px; text-align:center; cursor:pointer;}

.quantityBox	{ width:31px; height:15px; float:right; text-align:center; padding:1px 0 0 3px; border:1px #000 solid; border-right:0;}

.send-button-a	{ margin:11px 3px 0 0; padding:9px 0 10px 15px; width:180px; text-align:center; background:url('img/buttons/send-button.png') no-repeat; color:#FFF; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;  cursor:pointer;}
.send-button-hover	{ margin:11px 3px 0 00; padding:9px 0 10px 15px; width:180px; text-align:center; background:url('img/buttons/send-button-hover.png') no-repeat; color:#FFF; font-size:12px; line-height:15px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; float:left;  cursor:pointer;}

/*############ lightbox #################*/
#lightbox{	position:absolute;	left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img{ width:auto;height: auto;}
#lightbox a img{ border:none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding:10px 0 0 0; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { position: relative;left: -36px; float: left;}
#nextLink { position: relative;right: -36px; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.png) right 15% no-repeat; }

#imageDataContainer{ font:10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width:100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ float:left; text-align:left; padding:0 0 0 3px; max-width:80%; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display:block; clear:left; padding: 5px 0 8px 0;	}			
#imageData #bottomNavClose{ width: 116px; float:right; padding:0 6px 10px 0; outline:none;}	 	

#overlay{ position: fixed; top: 0; left: 0; z-index: 90; width: 100%; background-color: #000; }