*							{font-family: "Times New Roman", Times, serif; font-size: 12px;}

body						{color: #666; line-height: 120%; padding: 5px 0 20px 0;}

strong 						{font-weight: bold;}

#mainWrapper				{margin: auto; position: relative; width: 1000px;}

#mainHeader					{height: 55px; padding-top: 55px;}
#headerMainNav				{background: url('../images/nav.head.bg.png') no-repeat top left; height: 40px; line-height: 30px; margin-left: 5px; padding: 5px 10px 5px 6px; overflow: hidden;}
#headerMainNav li			{background: url('../images/nav.head.divider.png') no-repeat top right; display: inline-block; float: left; font-size: 14px; padding-right: 10px; width: 150px;}
#headerMainNav li.last		{background: none;}
#headerMainNav li a			{color: #fff; display: block; height: 35px; line-height: 35px; text-align: center; text-decoration: none;}

#logo					    {background: url('../images/logo.gif') no-repeat top left; height: 43px; left: 10px; position: absolute; text-indent: -9999px; top: 5px; width:331px;}

#headerSubNav				{position: absolute; right: 0; top: 0; width: 500px;}
#headerSubNav li			{float: right; padding-right: 10px;}
#headerSubNav li a			{color: #666; font-size: 12px;}

#headerSubNav a.flag		{background: no-repeat center center; display: block; height: 20px; text-indent: -99999px; width: 16px;}
#headerSubNav a.flag.de		{background-image: url('../images/flags/de.png');}
#headerSubNav a.flag.en		{background-image: url('../images/flags/gb.png');}

div.col3-1					{float: left; width: 220px;}
div.col3-2					{float: left; margin-left: 10px; padding-top: 5px; width: 545px;}
div.col3-3					{float: right; width: 220px;}
div.col3-4					{float: left; margin-left: 10px; padding-top: 5px; width: 765px;}

div.col3-1 ul li,
div.col3-3 ul li			{background: url('../images/nav.bullet.png') top left no-repeat; padding: 2px 0 5px 25px;}

div.col3-1 .btn2			{margin-left: 5px;}
div.col3-3 .btn2			{margin-left: 5px;}
div.col3-1 .btn2 span,
div.col3-3 .btn2 span		{width: 150px;}

.navBoxOuter				{background: url('../images/nav.box.bottom.png') no-repeat bottom left; clear: both; position: relative;}
.navBoxOuter strong.badgeNoShipping	{background-image: url('../images/badge.noshipping.s.png'); right: 10px;}
.navBoxInner				{background: url('../images/nav.box.top.png') no-repeat top left; min-height: 300px; padding: 20px 23px;}
.navBadges					{background: url('../images/nav.badges.png') no-repeat center center; display: block; height: 80px; margin: 10px 0; text-indent: -99999px;}

.navBoxInfo					{font-size: 12px; line-height: 120%; padding-bottom: 0;}
.navBoxInfo h2				{font-size: 16px; margin-bottom: 10px;}
.navBoxInfo p				{padding: 5px 0;}
.navBoxInfo .nav			{margin-bottom: 10px;}


a.btn						{background: no-repeat top left; display: inline-block; text-decoration: none !important;}
a.btn span					{background: no-repeat top right; cursor: pointer; display: inline-block;}
a.btn1						{background-image: url('../images/btn.btn1.bg.l.png'); color: #fff !important; padding-left: 24px;}
a.btn1 span					{background-image: url('../images/btn.btn1.arrow.r.png'); font-size: 12px; height: 41px; line-height: 37px; padding-right: 38px;}

a.btn2						{background-image: url('../images/btn.btn2.bg.l.png'); color: #fff !important; padding-left: 24px;}
a.btn2 span					{background-image: url('../images/btn.btn2.arrow.r.png'); font-size: 16px; height: 50px; line-height: 37px; padding-right: 38px;}

a.btn3						{background-image: url('../cool-arts-tf/img/btn.btn1.bg.l.png'); color: #fff !important; padding-left: 24px;}
a.btn3 span					{background-image: url('../cool-arts-tf/img/btn.btn1.arrow.r.png'); font-size: 12px; height: 41px; line-height: 37px; padding-right: 38px;}

a.btn4						{background-image: url('../cool-arts-tf/img/btn.btn2.bg.l.png'); color: #fff !important; padding-left: 24px;}
a.btn4 span					{background-image: url('../cool-arts-tf/img/btn.btn2.arrow.r.png'); font-size: 12px; height: 50px; line-height: 37px; padding-right: 38px;}

div.box						{}
div.box p					{margin-bottom: 10px;}
div.box.boxM				{background: url('../images/box.m.bottom.png') no-repeat bottom left; float: left; margin-right: 2px; width: 332px; position: relative;}
div.box.boxM .inner			{background: url('../images/box.m.top.png') no-repeat top left; display: block; font-size: 12px; min-height: 300px; padding: 20px 25px 90px 25px;}
div.box.boxM .inner .nav	{bottom: 30px; font-size: 12px; left: 25px; position: absolute; width: 70%;}
div.box.boxM .inner .nav a	{display: block;}
div.box.boxM .inner a.btn1	{bottom: 25px; right: 20px; position: absolute;}
div.box.boxM .inner img		{border: 1px solid #ccc; margin: 10px auto;}

div.box.boxL				{background: url('../images/box.l.bottom.png') no-repeat bottom left; float: left; position: relative; width: 666px;}
div.box.boxL .inner			{background: url('../images/box.l.top.png') no-repeat top left; display: block; min-height: 150px; padding: 20px 25px 30px 25px;}
div.box.boxL .inner p		{font-size: 14px;}
div.box.boxL .inner a.btn1	{bottom: 25px; right: 20px; position: absolute;}

div.box.boxFull					{background: url('../images/box.full.white.bottom.png') no-repeat bottom left; margin: 10px 0 10px 10px; position: relative; width: 100%;}
div.box.boxFull .inner			{background: url('../images/box.full.white.top.png') no-repeat top left; display: block; overflow: hidden;}
div.box.boxFull .inner.padding	{padding: 20px;}
div.box.boxFull .inner.padding p	{margin: 0; padding: 0;}
div.box.boxFull .col2-1			{width: 45%;}
div.box.boxFull .col2-2			{width: 45%; margin-right: 45px;}

div.boxFull ul					{margin: 0; padding: 0;}
div.boxFull ul.divider li		{border-right: 1px solid #dddcdc; display: inline-block; float: left; padding: 20px; width: 200px;}
div.boxFull ul.divider li.last	{border-right: none;}

div.boxFull ul.blockList li		{font-size: 12px; display:inline-block; float:left; width:24%;}


div.box.boxCenter					{background: url('../images/box.center.bottom.png') no-repeat bottom left; margin: 0 0 10px 0; position: relative; width: 100%;}
div.box.boxCenter .inner			{background: url('../images/box.center.top.png') no-repeat top left; display: block; min-height: 300px; overflow: hidden; padding: 52px 20px 12px 20px;}
div.box.boxCenter .head				{background: url('../images/box.center.head.png') no-repeat top left; }
div.box.boxCenter .head	h2			{color: #fff; position: absolute; top: 12px; left: 20px; width: 100%;}

div.box.boxCenter2					{background: url('../images/box.center.bottom2.png') no-repeat bottom left; margin: 0 0 10px 0; position: relative; width: 100%;}
div.box.boxCenter2 .inner			{background: url('../images/box.center.top2.png') no-repeat top left; display: block; min-height: 300px; overflow: hidden; padding: 52px 20px 12px 20px;}
div.box.boxCenter2 .head				{background: url('../images/box.center.head2.png') no-repeat top left; }
div.box.boxCenter2 .head h2			{color: #fff; position: absolute; top: 12px; left: 20px; width: 100%;}

div.boxCenter ul					{margin: 0; padding: 0;}
div.boxCenter ul.divider li			{border-right: 1px solid #dddcdc; display: inline-block; float: left; padding: 20px; width: 200px;}
div.boxCenter ul.divider li.last	{border-right: none;}

div.boxCenter ul.blockList li		{display:inline-block; float:left; width:24%;}

div.boxCenter ul				{list-style: disc; margin: 10px 0 15px 15px;}

div.boxCenter div.gallery		{padding: 10px 0; text-align: center;}
div.boxCenter div.gallery a		{margin-right: 10px; margin-bottom: 15px; display: inline-block;}

div.bottomButtons				{float: left; width: 278px; padding: 6px 0 0 7px;}
div.bottomButtons a				{display: block; margin-bottom: 10px;}
div.bottomButtons a.btn2 span	{width: 100%;}

strong.badgeNoShipping		{background: url('../images/badge.noshipping.png') no-repeat top right; height: 165px; position: absolute; right: 14px; text-indent: -99999px; top: 9px; width: 197px; z-index: 1000;}

ol							{margin-left: -8px;}
ol li						{background: no-repeat center left; display: block; float: left; font-size: 18px; height: 80px; line-height: 80px; padding: 0 20px 0 50px; white-space: nowrap;}
ol li.first					{background-image: url('../images/btn.1.png');}
ol li.second				{background-image: url('../images/btn.2.png');}
ol li.third					{background-image: url('../images/btn.3.png');}


h1							{font-size: 24px; font-weight: bold; }
h2							{font-size: 20px;}

a:link						{color: #333; text-decoration: underline;}
a:visited					{color: #666;}
a:hover,
a:active					{color: #000; text-decoration: none;}

img.floatLeft				{float: left; margin: 0 10px 10px 0;}
img.floatRight				{float: right; margin: 0 0 10px 10px;}

.alignCenter				{text-align: center;}
.noMargin					{margin: 0!important;}
.clear						{clear: both;}
div.clear					{height: 0;}
.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%;}
.tabheader				    {color: #ffffff; background: #999999}
.tabrow1					{background: #cccccc}
.tabrow2					{background: #ffffff}