/* ##### */
/* RESET */
/* ##### */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* ##### */
/* Awesome buttons */
/* ##### */

button.awesome, 
input.awesome, 
a.awesome{ background-color:#111}

button.awesome, 
input.awesome, 
a.awesome{ font-family:Arial; font:inherit; background-color: #a9d73c; background-repeat:repeat-x; color:#fff; text-decoration:none; position:relative; cursor:pointer; border:0; font-style:normal; font-weight:bold; line-height:1; padding:5px 10px 6px; font-size:14px; border-bottom:1px solid transparent\9; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5); background-image:url("data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK8AAACvABQqw0mAAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNAay06AAAABoSURBVCiRpY9LDsAgCERfsem5eiTvHyvdSTCo/Wwm84aAI6p6CqBN8NhJnWYf3e8DYSFUlfajSLI/wPSNK+hsWXnjbHc4qOusBIWKx04IEAEOASSQ3ePmM3NpndnucPDApaBQ8tg5DG9SjWGZEAOyyAAAAABJRU5ErkJggg%3D%3D"); background-position:0 0; display:-moz-inline-stack; display:inline-block; vertical-align:middle; *display:inline !important; position:relative; zoom:1; -moz-user-select:none}
.awesome::selection{ background:transparent}

button.awesome:hover, 
input.awesome:hover, 
a.awesome:hover{ background-position:0 -50px; color:#fff}
button.awesome:active, 
input.awesome:active, 
a.awesome:active{ background-position:0 100%; -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.7); -webkit-box-shadow:none; border-bottom:0\9; border-top:1px solid #666\9}

button.awesome.small, input.awesome.small, a.awesome.small{padding:4px 7px 5px; font-size:10px}
button.awesome.small:active, input.awesome.small:active, a.awesome.small:active{padding:5px 7px 4px}
button.awesome.medium, input.awesome.medium, a.awesome.medium{}
button.awesome.medium:active, input.awesome.medium:active, a.awesome.medium:active{padding:6px 10px 5px}
button.awesome.large, input.awesome.large, a.awesome.large{padding:8px 14px 9px; font-size:14px}
button.awesome.large:active, input.awesome.large:active, a.awesome.large:active{padding:9px 14px 8px}

.blue.awesome{background-color:#2daebf}
.red.awesome{background-color:#e33100}
.magenta.awesome{background-color:#a9014b}
.orange.awesome{background-color:#ff5c00}
.yellow.awesome{background-color:#ffb515}

/* ##### */
/* Tipsy */
/* ##### */

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(/img/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

/* ##### */
/* Common */
/* ##### */

*						{ margin: 0px; padding: 0px; }
body, div, td			{ font-family: "Lucida Grande", Helvetica, Arial, Tahoma, Sans-Serif; font-size: 14px; }
html, body, form		{ height: 100%; }

h1, h2, h3, h4, h5		{ font-family: Georgia, Helvetica, Arial, Tahoma, Sans-Serif; }
h1						{ color: #373737; font-size: 34px; padding-bottom: 8px; }
h2						{ color: #5f5f5f; font-size: 22px; padding-bottom: 8px; }
h3						{ color: #767676; font-size: 16px; padding-bottom: 8px; }

a						{ color: #2200cc; }
a:hover					{ color: #838589; }
a:visited				{ color: #551a8b; }

p						{ line-height: 22px; padding-bottom: 18px; }
img						{ border: 0px; }
small					{ display: block; margin: 2px 0px 2px 0px; }
strong					{ font-weight: bold; }
.space					{ height: 1px; border-bottom: solid 1px #dadada; margin: 12px 0px 16px 0px; }
.clear					{ clear:both; }
	
input.style				{ width:300px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:14px; font-style:normal; font-variant:normal; line-height:normal; padding:6px; }
textarea.style			{ width:600px; height:200px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:14px; font-style:normal; font-variant:normal; line-height:normal; padding:6px; }
select.style			{ width:314px; background-color: #EDF7FC; border:1px solid #AEDBF0; color:#3b3b3b; font-family: Arial, Verdana; font-size:14px; font-style:normal; font-variant:normal; line-height:normal; padding:6px; }
ul.style				{ list-style-position: inside; list-style-type: circle; }
ul.style li				{ padding: 4px 0px 4px 0px; margin-left: 20px; }
table.style				{ }
table.style thead		{ font-weight: bold; }
table.style td			{ padding: 2px 0px 2px 0px; }

.statusInfo				{ padding: 10px; margin: 20px 0px 20px 0px; background-color: #c8efa6; border: solid 1px #8ac456; clear: both; }
.statusError			{ padding: 10px; margin: 20px 0px 20px 0px; background-color: #eac2bc; border: solid 1px #bd4131; clear: both; }

.pink					{ color: #CE0B67; }
.gold					{ color: #d4af37; font-size: 12px; }

.grayField				{ margin: 10px 0px 10px 0px; background-color: #FFF3E4; }
.orangeField			{ padding: 20px; margin: 10px 0px 10px 0px; background-color: #ffe2c8; }

/* ##### */
/* Design */
/* ##### */

body							{  }
.center							{ width: 800px; margin: 0px auto; }
.left							{ width: 580px; float: left; }
.right							{ width: 200px; float: right; }

#container						{ width: 800px; margin: 0px auto; }
#top							{ height: 150px; border-top: solid 20px #ffffff; background-color: #4a4a4a; }
#top .center					{ height: 150px; background: #c2c2c2 url(/img/top.jpg) no-repeat top left }
#top .box						{ width: 320px; height: 60px; background-color: #404040; text-align: center; position: relative; top: 50px; left: 20px; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
#top .headline					{ width: 320px; font-size: 42px; font-weight: bold; position: relative; top: -5px; left: 40px; }
#top .headline a				{ color: #fff; text-decoration: none; }
#top .searchBox					{ float: right; padding-right: 10px; }

#menu							{ height: 30px; }				
#jsddm							{ float: right; list-style: none; }
#jsddm li						{ float: left; }
#jsddm li a						{ background-color: #90AC2C; padding: 8px 15px 8px 15px; display: block; text-decoration: none; border-right: 2px solid #fff; color: #fff; font-weight: bold; white-space: nowrap; }
#jsddm li a:hover				{ background-color: #cb6b2c; text-decoration: underline; }
#jsddm li ul					{ position: absolute; visibility: hidden; border-top: 1px solid #fff; z-index: 99; }
#jsddm li ul li					{ float: none; display: inline; }
#jsddm li ul li a				{ background-color: #908178; width: auto; font-weight: normal; font-size: 12px; padding: 5px 15px 5px 15px; }
#jsddm li ul li a:hover			{ background-color: #cb6b2c; text-decoration: underline; }

#content						{ background-color: #fff; padding-top: 30px; min-height: 500px; height: auto !important; height: 500px; }
#bottom							{ height: 30px; border-top: solid 1px #7e7e7e; padding-top: 5px; margin-top: 20px; }
#bottom a						{ color: #000; }
#bottom .left					{ font-size: 11px; }
#bottom .right					{ font-size: 11px; text-align: right; }
#bottom .right ul				{ float: right; list-style: none; }
#bottom .right ul li			{ float: left; padding-left: 10px; }

.netto							{ background-color: #fff100; }
.underline						{ text-decoration: underline; }
.lightGrayBox					{ background-color: #E8E6ED; }
.lightBlueBox					{ background-color: #D8F5FF; }

.frontpageBox					{ float: right; width: 200px; padding: 20px; background-color: #D8F5FF; color: #00516E; font-size: 16px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.frontpageBox h2				{ font-family: "Lucida Grande", Helvetica, Arial; color: #00516E; font-size: 22px; font-weight: bold; }

.checklist						{ list-style-image: url("/img/check.png"); list-style-position: inside; }
.checklist li					{ padding: 4px 0px 4px; }

.searchBox a.search				{ color: #fff; }

.productinfo .title				{ padding-bottom: 20px; }
.productinfo .info	.td1		{ width: 80px; }
.productinfo .info .shipping	{ color:#68aa1a; text-decoration:underline; text-transform:uppercase; }
.productinfo .info	td			{ padding: 5px 0px 5px 0px; }
.productinfo .description		{ line-height: 22px; margin-top: 10px; }
.productinfo .youtube			{ margin: 20px 0px 20px 0px; }
.productinfo .image				{ text-align: center; }
.productinfo .pricearea			{ float: right; padding: 20px; margin-bottom: 20px; background-color: #fff6c4; text-align: center; }
.productinfo .price				{ background-color: #fff100; font-size: 26px; color: #333; }
.productinfo .button			{ font-weight: bold; margin-top: 5px; color: #fff; }
.productinfo .addthis			{ float: right; padding: 10px 0px 10px 0px; }

.productcolumns						{  }
.productcolumns .box				{ width: 200px; height: 300px; float: left; text-align: center; padding: 20px 0px 30px 0px; }
.productcolumns .title				{ height: 50px; }
.productcolumns .title a			{ color: #333; }
.productcolumns .img				{ }
.productcolumns .submit				{ padding: 5px 0px 10px 0px; }
.productcolumns .btn_info a			{ color: #333; }
.productcolumns .btn_buy a			{ color: #fff; }
.productcolumns .price				{ font-size: 20px; }
.productcolumns .paging				{ height: 30px; background-color: #C4D7ED; text-align: center; margin-top: 20px; margin-bottom: 20px; }
.productcolumns .paging	span		{ float: left; color: #fff; position: relative; top: 7px; left: 10px; }
.productcolumns .paging	a			{ background-color: #E1E6FA; font-size: 18px; font-weight: bold; color: #183152; text-decoration: none; border: solid 1px #9AB9CF;  padding: 4px 10px 4px 10px; margin: 0px 2px 4px 2px;}
.productcolumns .paging	a:hover		{ background-color: #C4D7ED; border: solid 1px #FA3821; }
.productcolumns .paging	a.active	{ background-color: #ABC883; border: solid 1px #182024; }

/* ad_300x250 */
.ad_300x250						{ float: left; width: 300px; height: 250px; padding: 10px 20px 20px 0px; }