/*GBE Design -STYLE Copyright GLORIEN ->zooki*/
/*############ Body ##################*/
html			{ padding:0px; margin:0px;}
body			{ width:901px; text-align:center; margin:0 auto; background:#FFF url('img/bgr.gif'); color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/*############ Text ##################*/

font			{ color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.headline		{ font-weight:bold}
.headline-big	{ font-size:14px; font-weight:bold}
.foot-small		{ color:#7F7F7F; font-size:9px;}

/*######### site #########*/
.site {margin-top:10px; text-align: center; display:block; overflow:hidden}
.head-1		{ background: url(img/head-1.gif) no-repeat;}
.head-2		{ background: url(img/head-2.gif) no-repeat;}
.head-10 	{ background: url(img/head-10.gif) no-repeat bottom;}
.head-11 	{ background: url(img/head-11.gif) no-repeat bottom;}
.shade-1	{ background: url(img/shade-1.gif) repeat-y left;}
.shade-2	{ background: url(img/shade-2.gif) repeat-y right;}
.shade-3	{ background: url(img/shade-3.gif) no-repeat right;}
.shade-4	{ background: url(img/shade-4.gif) repeat-x bottom;}
.shade-5	{ background: url(img/shade-5.gif) no-repeat left;}

.bottom-shade-middle{ background:#FFFFFF url(img/site/bottom-shade-middle.gif) repeat-x bottom;}
.cnt			{ padding:5px; color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.cnt-head		{ padding-left:6px; padding-bottom:5px; color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.navi			{ padding:1px; color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.copy-logo		{ background: url(img/logo-small-bottom.gif) no-repeat top;}
.copy-text		{ color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.glorien		{ background: url(img/glorien.gif) no-repeat bottom right;}
/*######### yellow #########*/
.yellow			{ background-color:#FEE155;}

.head-3		{ background: url(img/yellow/head-3.gif) no-repeat;}
.head-4		{ background: url(img/yellow/head-4.gif) no-repeat;}
.head-5		{ background:#FEE155 url(img/yellow/head-5.gif) no-repeat;}
.head-6		{ background: url(img/yellow/head-6.gif) no-repeat;}
.head-7		{ background: url(img/yellow/head-7.gif) no-repeat bottom left;}
.head-8		{ background: url(img/yellow/head-8.gif) no-repeat;}
.head-8 h1 {margin:0; padding:0;}
.head-9		{ background: url(img/yellow/head-9.gif) no-repeat bottom;}
.search		{ background:#FEE155 url(img/yellow/search.gif) no-repeat;}
.cart 		{ background: url(img/yellow/cart.gif) no-repeat;}
.head-field-1	{ background: url(img/yellow/head-field-1.gif) repeat-x;}
.head-field-1b	{ background: url(img/yellow/head-field-1.gif) repeat-x bottom;}
.head-field-2	{ background: url(img/yellow/head-field-2.gif) no-repeat left;}
.head-field-3	{ background: url(img/yellow/head-field-3.gif) no-repeat right;}

.bottom-bgr		{ background: url(img/yellow/bottom-bgr.gif) repeat-x bottom;}
.main-bgr		{ background:#FEE155 url(img/yellow/bottom-bgr.gif) repeat-x bottom;}
.logo-4			{ background: url(img/yellow/logo-4.gif) no-repeat left top;}
.logo-5			{ background: url(img/yellow/logo-5.gif) no-repeat top;}
.top-nav-bgr	{ background: url(img/yellow/top-nav-bgr.gif) repeat-x top;}

.cnt-top-left 	{ background: url(img/yellow/cnt-top-left.gif) no-repeat;}
.cnt-top-right 	{ background: url(img/yellow/cnt-top-right.gif) no-repeat;}
.cnt-field		{ background:#FFFFFF; color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.spacer-1		{ background:#FEE155 url(img/yellow/spacer-1.gif) bottom no-repeat;}
.spacer-2		{ background:#FEE155 url(img/yellow/spacer-2.gif) bottom no-repeat;}
.spacer-3		{ background:#FEE155 url(img/yellow/spacer-3.gif) bottom no-repeat;}

.newpoint	{ margin:0; padding:0 6px 0 0; color:#BE1515; font-style:italic; font-weight:bold; font-size:10px; float:left;}

/*############ Shop #################*/
.outline		{ border: 1px #7F7F7F solid;}
.title-1x4		{ padding-top: 7px; padding-left: 7px; padding-right: 5px; color:#333300; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.price-1x4		{ padding-top: 4px; padding-left: 4px; padding-right: 4px; color:#AD0909; font-size:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold}
.price-border	{ padding-top: 10px;}
.product-title	{ border-left: 1px #7F7F7F dashed; border-right: 1px #7F7F7F dashed; padding:7px; color:#474747; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.product-price	{ padding:5px; color:#AD0909; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.base			{ padding-bottom: 4px; color:#7F7F7F; font-size:8px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.cart-options	{ border-right: 1px #7F7F7F dashed;}
.cart-price		{ border-right: 1px #7F7F7F dashed; padding: 5px; color:#474747; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.cart-sum		{ padding-right:7px; color:#474747; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.cash-cnt		{ border-right: 1px #7F7F7F dashed; padding:7px; color:#474747; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.hover-on		{ background-color:#F7F7F7; }
.hover-off		{ background-color:#FFFFFF; }
.list-head		{ background-color:#F7F7F7; border: 1px #7F7F7F solid;}
.list-head-cnt	{ padding-left: 7px; padding-right: 4px; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
.list-img		{ background: #FFFFFF /*url(img/no-pic.gif); background-repeat:no-repeat; background-position: center;*/}
.list-cnt		{ border-left: 1px #7F7F7F solid; border-right: 1px #7F7F7F solid; }
.list-foot		{ background-color:#F7F7F7; border: 1px #7F7F7F solid;}
.list-border	{ border-bottom: 1px #7F7F7F dashed;}
.detail-head	{ background:#F7F7F7; border-bottom: #7F7F7F 1px solid; padding: 5px; color:#333300; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.detail-head h2 {color:#333300; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:0; padding:0}
.detail-pic		{ padding:5px; color:#333300; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}
.detail-cnt		{ padding: 7px; color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.detail-foot	{ background:#F7F7F7; border-top: #7F7F7F 1px solid; padding: 5px; }

.error			{ background:#E60404 url(img/error-bgr.gif) repeat-x top; border-left: 1px #490101 solid; border-top: 1px #490101 solid; border-right: 1px #490101 solid; padding:5px; color:#FFFFFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.checkout1		{ padding-top:4px; padding-right:4px; color:#333300; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*############ Links #################*/

a:link			{ text-decoration:none; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:visited		{ text-decoration:none; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:active		{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:hover			{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

a:link.line			{ text-decoration:underline; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:visited.line		{ text-decoration:underline; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:active.line		{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
a:hover.line		{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

a:link.white		{ text-decoration:underline; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
a:visited.white		{ text-decoration:underline; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
a:active.white		{ text-decoration:underline; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}
a:hover.white		{ text-decoration:underline; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold;}

a:link.link-shop-title	{ text-decoration:none; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
a:visited.link-shop-title	{ text-decoration:none; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
a:active.link-shop-title	{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
a:hover.link-shop-title	{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}

a:link.foot		{ color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:visited.foot	{ color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:active.foot	{ text-decoration:underline; color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:hover.foot-s	{ text-decoration:underline; color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}

a:link.foot-s		{ text-decoration:underline; color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:visited.foot-s	{ text-decoration:underline; color:#7F7F7F; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:active.foo-st	{ text-decoration:underline; color:#515151; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a:hover.foot-s	{ text-decoration:underline; color:#515151; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}

a:link.list-head-link	{ text-decoration:none; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
a:visited.list-head-link	{ text-decoration:none; color:#333300; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
a:active.list-head-link	{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}
a:hover.list-head-link	{ text-decoration:underline; color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;}


.left {float:left}
.right {float:right}
.block {display:block}
.overflow { overflow:hidden}
.paddingTop {padding-top:10px}
.paddingLeft {padding-left:10px}
.buttonSprite {background:url('img/icon/buttonSprite.png') no-repeat}


.productGrid {overflow: hidden; margin:0; padding:0 0 10px 0;display: block}
.productGrid li {list-style:none; width:278px; height:225px; border:1px #999 solid; float:left; margin:8px; display:block; padding:0; position:relative}
.productGrid .price {color:#AD0909; font-size:22px; font-weight:900; position:absolute; bottom:20px; right:15px; line-height: 30px}
.productGrid .img {padding:5px 5px 25px 5px}
.productGrid .priceBase {position:absolute; bottom:7px; right:10px}
.productGrid .gridTitle  {display: block; overflow: hidden; margin:5px 7px; color:#333300; font-size:12px; font-weight:bold}
.productGrid .cnt { display:block}
.productGrid .gridCart {display: block; float: left; margin-right:5px}

.productDetail {display: block; margin:15px 10px; overflow:hidden}
.productDetail h2 {font-size:15px;margin:0 0 15px 0; padding: 0}
.productDetail .productImg {font-size:9px; margin-bottom:30px}
.productDetail .cartAction {display:block; overflow:hidden; float:right; margin:20px 40px 0 0; text-align: right}
.productDetail .cartAction .productPrice {font-size:30px; color:#BE1515; font-weight:900; margin-bottom: 5px; display:block}
.productDetail .cartAction .productPriceBase {font-size:10px; color:#999; display:block; margin-right:3px}
.productDetail .productID { margin-right: 3px; display:block; font-size:10px; color:#333}
.productDetail .cartAction a.cartButton {height:37px; width:200px; display:block; margin:10px 0 20px 0; background-position: 0 0}
.productDetail .cartAction a.cartButton:hover {background-position: 0 -38px; text-decoration:none}
.productDetail .cartAction .cartButton span {width: 154px; text-align: center; color:#FFF; font-weight:900; font-size: 12px; margin-left:43px; padding-top:10px; overflow:hidden; display:block; cursor:pointer}
.productDetail .description {clear:both; display:block; overflow:hidden; font-size:12px}
.productDetail .description a {font-size:12px; text-decoration:underline; line-height: 16px}
.productDetail .description a:hover {text-decoration:none}