body
{
	font-family : Helvetica, Lucida Grande, Tahoma, Verdana, sans-serif;
	color : #333;
	font-size : 12px;
	background: #eee;
}

h1,h2,h3,h4,h5,a.h3
{
	margin: 0 0 10px;
	padding: 0;
	border: 0;
	font-family: Century Gothic, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
}

a { color: #0072FF; }

a.glossary
{ 
	color: #3FA734;
	text-decoration: none;
	border-bottom: 1px dashed #3FA734;
}

h1 { font-size: 2.2em; }
h2 { font-size: 1.5em; }
h3,a.h3 { font-size: 1.3em; color: #FFA500; text-decoration: none; display: block; }
h4 { font-size: 1.2em; }

/* ====================================
    Generic List Styles
   ==================================== */
ul li img
{
	vertical-align: middle;
}

ul.noBullet
{
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ====================================
    Box Styles
   ==================================== */
div.headedBox
{
	border: 1px solid #999;
	padding: 5px 10px 0px;
	margin-bottom: 10px;
	background: #FFFFF2;
}

div.headedBox h2
{
	display: block;
	margin: -6px -11px 5px;
	padding: 6px 11px 5px;
	background: #eee url("../images/sidebarHeader.gif"/*tpa=http://www.sparkling-it.nl/site/v11/images/sidebarHeader.gif*/) top left no-repeat;
	border-bottom: 1px solid #999;
	font-weight: bold;
	font-size: 12px;
	font-family: Helvetica, Lucida Grande, Tahoma, Verdana, sans-serif;
	text-align: center;
}

div.box
{
	background: #FFFFF2;
	padding: 5px 10px 0px;
	border: 1px solid #999;
	margin-bottom: 10px;
}

/* ====================================
    Menu style
   ==================================== */

ul.leftMenu
{
	margin: 0;
	padding: 0;
}

ul.leftMenu li
{
	list-style: none;
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	background: #666;
	font-weight: bold;
	color: white;
}

ul.leftMenu li.current
{
	background: #999;
}

ul.leftMenu li a
{ 
	display: block; 
	color: white; 
	text-decoration: none; 
} 


/* ====================================
    Screenshots
   ==================================== */

ul.screenshots
{
	margin: 0;
	padding: 0;
}

ul.screenshots li
{
	display: block;
	float: left;
	list-style: none;
	width: 50%;
	text-align: center;
	padding: 5px 0 5px;
}

ul.screenshots li label
{
	display: block;
	padding: 5px 10px 0;
	color: #555;
}

/* ====================================
    List of links
   ==================================== */

ul.linkList
{
	margin: 0;
	padding: 0;
}

ul.linkList li
{
	clear: both;
	display: block;
	list-style: none;
	padding-bottom: 5px;
	vertical-align: middle;
}

ul.linkList a img
{
	padding: 0 5px 2px 0;
	/*margin-bottom: -3px;*/
	background: white;
	vertical-align: middle;
}

ul.twoColumns
{
	margin: 0;
	padding: 0;
}

ul.twoColumns li
{
	list-style: none;
	float: left;
	width: 233px;
	margin: 2px;
	height: 103px;
}

ul.twoColumns li a
{
	display: block;
	text-align: center;
}

ul.bulbImageList, ul.infoImageList, ul.productImageList
{
	margin: 0;
	padding: 0;
}

ul.bulbImageList li
{
	list-style: none;
	background: url("../images/inline/generic.gif"/*tpa=http://www.sparkling-it.nl/site/v11/images/inline/generic.gif*/) no-repeat 0 1px;
	padding-left: 15px;
	font-weight: bold;
	margin: 0 0 10px;
}

ul.infoImageList li
{
	list-style: none;
	background: url("../images/inline/information.gif"/*tpa=http://www.sparkling-it.nl/site/v11/images/inline/information.gif*/) no-repeat 0 1px;
	padding-left: 15px;
	font-weight: bold;
	margin: 0 0 10px;
}

ul.productImageList li
{
	list-style: none;
	background: url("../images/inline/product.gif"/*tpa=http://www.sparkling-it.nl/site/v11/images/inline/product.gif*/) no-repeat 0 1px;
	padding-left: 15px;
	font-weight: bold;
	margin: 0 0 10px;
}

/* ====================================
    Inline styles
   ==================================== */

div.seriousError
{
	padding: 20px;
	border: 2px solid red;
	text-align: center;
	margin: 20px;
	font-weight: bold;
	color: red;
}

.quote
{
	display: block;
	padding: 10px 20px 10px;
	color: #555;
	text-align: left;
}

.quote label
{
	display: block;
	text-align: right;
	font-style: italic;
}

.faquestion
{
	font-weight: bold;
}

/* ====================================
    Frontpage styles
   ==================================== */

img.thinBorder
{
	border: 1px solid #999;
}

/* ====================================
    Inline info table
   ==================================== */

table.inlineinfo
{
	border: 1px solid #999;
	border-bottom: none;
}

table.inlineinfo th
{
	background: #FFE9BF;
}

table.inlineinfo th, table.inlineinfo td
{
	border-bottom: 1px solid #ccc;
}

table.price_calculator
{
	padding-bottom: 8px;
}

table.price_calculator td
{
	padding: 6px 2px 6px;
	border-top: 1px solid #999;
}
