.nav3-bullet {
	width:170px;
	margin:10px 0 0 20px;
}
.nav3-bullet dt a, .nav3-bullet dt a:visited {
	line-height:2em;
	padding:0 0 0 10px;
	background:url(../img/bg_bullet_arrow_white.gif) no-repeat 0px 50%;
	text-decoration:none;
	color:#FFFFFF;
	font-style:italic;
	font-weight:bold;
	font-size:140%;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.nav3-bullet dd a, .nav3-bullet dd a:visited {
	line-height:1.7em;
	margin:0 0 0 15px;
	padding:0 0 0 10px;
	background:url(../img/bg_bullet_square_white.gif) no-repeat 0px 50%;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	font-size:120%;
}
.nav3-bullet dt a:hover {
	background:url(../img/bg_bullet_arrow_orange.gif) no-repeat 0px 50%;
	text-decoration:underline;
	color:#feb202;
}
.nav3-bullet dd a:hover {
	background:url(../img/bg_bullet_square_orange.gif) no-repeat 0px 50%;
	text-decoration:underline;
	color:#feb202;
}
.nav3-nobullet {
	width:170px;
	margin:10px 0 0 20px;
}
.nav3-nobullet dt a, .nav3-nobullet dt a:visited {
	line-height:2.0em;
	text-decoration:none;
	color:#27525D;
	font-weight:bold;
	font-size:120%;
}
.nav3-nobullet dd a, .nav3-nobullet dd a:visited {
	line-height:1.7em;
	margin:0 0 0 15px;
	text-decoration:none;
	color:#27525D;
	font-weight:normal;
	font-size:120%;
}
.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {
	text-decoration:underline;
	color:#18184E;
}
.main-navigation .loginform {
	width:160px;
	margin:-10px 20px 0 20px;
}
.main-navigation .loginform p {
	clear:both;
	margin:0;
	padding:0;
}
.main-navigation .loginform fieldset {
	width:160px;
	border:none;
}
.main-navigation .loginform label.top {
	float:left;
	width:125px;
	margin:0 0 2px 0;
	font-size:110%;
}
.main-navigation .loginform label.right {
	float:left;
	width:125px;
	margin:5px 0 0 0;
	padding:0 0 0 3px; /*IE6*/
	;
	font-size:110%;
}
.main-navigation .loginform input.field {
	width:158px;
	margin:0 0 5px 0;
	padding:0.1em 0 0.2em 0 !important /*Non-IE6*/;
	padding:0.2em 0 0.3em 0 /*IE6*/;
	border:solid 1px rgb(200,200,200);
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.main-navigation .loginform input.checkbox {
	float:left;
	margin:5px 0 0 0 !important /*Non-IE6*/;
	margin:2px 0 0 -3px /*IE6*/;
	border:none;
}
.main-navigation .loginform input.button {
	float:left;
	width:5.0em;
	margin:10px 0 5px 0;
	padding:1px;
	background:rgb(230,230,230);
	border:solid 1px rgb(150,150,150);
	text-align:center;
	font-family:verdana, arial, sans-serif;
	color:rgb(150,150,150);
	font-size:110%;
}
.main-navigation .loginform input.button:hover {
	cursor:pointer;
	border:solid 1px rgb(80,80,80);
	background:rgb(220,220,220);
	color:rgb(80,80,80);
}
.main-navigation .searchform {
	width:160px;
	margin:0 20px 0 20px;
}
.main-navigation .searchform fieldset {
	border:none;
}
.main-navigation .searchform input.field {
	float:left;
	width:158px;
	padding:0.1em 0 0.2em 0 !important /*Non-IE6*/;
	padding:0.2em 0 0.3em 0 /*IE6*/;
	border:1px solid rgb(200,200,200);
	font-family:verdana, arial, sans-serif;
	font-size:120%;
}
.main-navigation .searchform input.button {
	float:left;
	width:3.0em;
	margin-top: 0.5em;
	padding:1px;
	background:rgb(230,230,230);
	border:solid 1px rgb(150,150,150);
	text-align:center;
	font-family:verdana, arial, sans-serif;
	color:rgb(150,150,150);
	font-size:120%;
}
.main-navigation .searchform input.button:hover {
	cursor:pointer;
	border:solid 1px rgb(80,80,80);
	background:rgb(220,220,220);
	color:rgb(80,80,80);
}
.main-navigation h1.first {
	clear:both;
	margin:0px;
	padding:4px 20px 3px 20px;
	background-color:rgb(190,190,190);
	font-family:"trebuchet ms", arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:150%;
}
.main-navigation h1 {
	clear:both;
	text-align:center;
	margin:2px 0 0 0;
	padding:4px 20px 0px 20px;
	font-family:"trebuchet ms", arial, sans-serif;
	color:#ccc2c2;
	font-weight:bold;
	font-size:200%;
}
.main-navigation h3 {
	clear:both;
	margin:10px 10px 5px 20px;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:110%;
} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {
	clear:both;
	margin:0 10px 10px 20px;
	color:#FFFFFF;
	line-height:1.3em;
	font-size:110%;
}
.main-navigation p.center {
	text-align:center;
}
.main-navigation p.right {
	text-align:right;
}
.main-navigation ul {
	list-style:none;
	margin:0.5em 10px 1.0em 20px;
}
.main-navigation ul li {
	margin:5px 0 0.2em 2px;
	padding:0px 0px 0 11px;
	background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em;
	line-height:1.2em;
	font-size:110%;
	color:#FFFFFF;
}
.main-navigation ol {
	margin:0.5em 10px 1.0em 40px !important /*Non-IE6*/;
	margin:0.5em 10px 1.0em 45px /*IE6*/;
}
.main-navigation ol li {
	list-style-position:outside;
	margin:0 0 0.4em 0;
	font-size:110%;
}
/* MAIN CONTENT */
.main-content h1.pagetitle {
	margin:0 0 0.4em 0;
	padding:0 0 2px 0;
	border-bottom: 1px #000000 solid;
	font-family:"trebuchet ms", arial, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:220%;
}
.main-content h1.block {
	clear:both;
	margin:1.0em 0 0em 0;
	padding:2px 0 2px 2px;
	background:rgb(0,0,0);
	font-family:"trebuchet ms", arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:220%;
}

.main-content h1.block a {
	clear:both;
	margin:1.0em 0 0em 0;
	padding:2px 0 2px 2px;
	background:rgb(0,0,0);
	font-family:"trebuchet ms", arial, sans-serif;
	color:rgb(255,255,255);
	font-weight:bold;
}
.main-content h1.block a:hover {
	clear:both;
	margin:1.0em 0 0em 0;
	padding:2px 0 2px 2px;
	background:rgb(0,0,0);
	font-family:"trebuchet ms", arial, sans-serif;
	text-decoration:underline;
	color:rgb(255,255,255);
	font-weight:bold;
}

.main-content h1 {
	clear:both;
	margin:1.0em 0 0.5em 0;
	font-family:"trebuchet ms", arial, sans-serif;
	color:rgb(0,0,0);
	font-weight:normal;
	font-size:210%;
}
.main-content h2 {
	clear:both;
	margin:1.0em 0 0.5em 0;
	font-family:"trebuchet ms", arial, sans-serif;
	color:rgb(0,0,0);
	font-weight:normal;
	font-size:170%;
}
.main-content h3 {
	clear:both;
	margin:-1.0em 0 0.5em 0;
	font-family:"trebuchet ms", arial, sans-serif;
	color:rgb(125,125,125);
	font-weight:normal;
	font-size:130%;
}
.main-content h1.side {
	clear:none;
}
.main-content h2.side {
	clear:none;
}
.main-content h3.side {
	clear:none;
}
.main-content h4 {
	margin:1.5em 0 1.0em 0;
	color:rgb(0,0,0);
	font-family:"trebuchet ms", arial, sans-serif;
	font-weight:normal;
	font-size:170%;
}
.main-content h5 {
	margin:1.5em 0 1.0em 0;
	color:rgb(0,0,0);
	font-family:"trebuchet ms", arial, sans-serif;
	font-size:140%;
}
.main-content h5.pdf_icon {
	margin:1.5em 0 1.0em 0;
	padding-left:18px;
	background:url(../img/pdf.gif) no-repeat left;
	color:rgb(0,0,0);
	font-family:"trebuchet ms", arial, sans-serif;
	font-size:140%;
}
.main-content h6 {
	margin:1.2em 0 0.2em 0;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:120%;
}
.main-content p {
	margin:0 0 1.0em 0;
	line-height:1.5em;
	font-size:120%;
}
.main-content p.center {
	text-align:center;
}
.main-content p.right {
	text-align:right;
}
.main-content p.details {
	clear:both;
	margin:-0.25em 0 1.0em 0;
	line-height:1.0em;
	font-size:110%;
}
.main-content p.small {
	clear:both;
	margin:-0.25em 0 1.0em 0;
	line-height:1.0em;
	font-size:70%;
}

.main-content blockquote {
	clear:both;
	margin:0 30px 0.6em 30px;
	font-size:90%;
}
.main-content table {
	clear:both;
	width:600px;
	margin:2.0em 0 0.2em 20px;
	table-layout: fixed;
	border-collapse:collapse;
	empty-cells:show;
	background-color:rgb(233,232,244);
}
.main-content table th.top {
	height:3.5em;
	padding:0 7px 0 7px;
	empty-cells:show;
	background-color:rgb(175,175,175);
	text-align:left;
	color:rgb(255,255,255);
	font-weight:bold;
	font-size:110%;
}
.main-content table th {
	height:3.0em;
	padding:2px 20px 2px 7px;
	border-left:solid 2px rgb(255,255,255);
	border-right:solid 2px rgb(255,255,255);
	border-top:solid 2px rgb(255,255,255);
	border-bottom:solid 2px rgb(255,255,255);
	background-color:rgb(225,225,225);
	text-align:left;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:110%;
}
.main-content table td {
	height:3.0em;
	padding:2px 7px 2px 7px;
	border-left:solid 2px rgb(255,255,255);
	border-right:solid 2px rgb(255,255,255);
	border-top:solid 2px rgb(255,255,255);
	border-bottom:solid 2px rgb(255,255,255);
	background-color:rgb(225,225,225);
	text-align:left;
	font-weight:normal;
	color:rgb(80,80,80);
	font-size:110%;
}
p.caption {
	clear:both;
	margin:0.5em 0 2.0em 20px;
	text-align:left;
	color:rgb(80,80,80);
	font-size:110%;
}
.main-content ul {
	list-style:none;
	margin:0.5em 0 1.0em 0;
}
.main-content ul li {
	margin:0 0 0.2em 2px;
	padding:0 0 0 12px;
	background:url(../img/bg_bullet_square_orange.gif) no-repeat 0 0.5em;
	line-height:1.4em;
	font-size:120%;
}
.main-content ol {
	margin:0.5em 0 1.0em 20px !important /*Non-IE6*/;
	margin:0.5em 0 1.0em 25px /*IE6*/;
}
.main-content ol li {
	list-style-position:outside;
	margin:0 0 0.2em 0;
	line-height:1.4em;
	font-size:120%;
}
.contactform {
	width:430px;
	margin:2.0em 0 0 0;
	padding:10px 10px 0 10px;
	border:solid 1px rgb(200,200,200);
	background-color:rgb(240,240,240);
}
.contactform fieldset {
	padding:20px 0 0 0 !important /*Non-IE6*/;
	padding:0 /*IE6*/;
	margin:0 0 20px 0;
	border:solid 1px rgb(220,220,220);
}
.contactform fieldset legend {
	margin:0 0 0 5px !important /*Non-IE*/;
	margin:0 0 20px 5px /*IE6*/;
	padding:0 2px 0 2px;
	color:rgb(80,80,80);
	font-weight:bold;
	font-size:130%;
}
.contactform label.left {
	float:left;
	width:120px;
	margin:0 0 0 10px;
	padding:2px;
	font-size:110%;
}
.contactform select.combo {
	width:175px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.contactform input.field {
	width:275px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.contactform textarea {
	width:275px;
	padding:2px;
	border:solid 1px rgb(200,200,200);
	font-family:verdana, arial, sans-serif;
	font-size:110%;
}
.contactform input.button {
	float:right;
	width:9.0em;
	margin-right:20px;
	padding:1px !important /*Non-IE6*/;
	padding:0 /*IE6*/;
}
/********************/
/*  COMMON CLASSES  */
/********************/
.main img {
	clear:both;
	float:left;
	margin:3px 10px 7px 0;
	padding:1px;
	border:1px solid rgb(150,150,150);
}
.main img.center {
	clear:both;
	float:none;
	display:block;
	margin:0 auto;
	padding:1px;
	border:1px solid rgb(150,150,150);
}
.main img.right {
	clear:both;
	float:right;
	margin:3px 0 7px 10px;
	padding:1px;
	border:1px solid rgb(150,150,150);
}
.main a {
	color:#886002;
	font-weight:bold;
	text-decoration:none;
}
.main-content h1 a {
	color:#886002;
	font-weight:normal;
	text-decoration:none;
}
.main-content h1 a:hover {
	color:#886002;
	font-weight:normal;
	text-decoration:underline;
}
.main a:hover {
	color:#18184E;
	text-decoration:underline;
}
.main a:visited {
	color:#886002;
}
.main a img {
	border:solid 1px rgb(150,150,150);
}
.main a:hover img {
	border:solid 1px rgb(220,220,220);
}
.main a:hover img.noborder {
	border:none;
}


.main-navigation a
{
	color:#feb202;
	font-weight:bold;
	text-align:center;
}
.main-navigation a:hover
{
	color:#FFFFFF;
	font-weight:bold;
}

/* My CSS Rules */
.main-navigation h2.first {
	font-size:175%;
	clear:both;
	margin:20px 10px 10px 20px;
	font-family:"trebuchet ms", arial, sans-serif;
}
.main-navigation h2.basket {
	font-size:175%;
	clear:both;
	margin:10px 10px 10px 20px;
	font-family:"trebuchet ms", arial, sans-serif;
	color:#feb202;
	font-weight:normal;
	font-style:italic;
}
.main-navigation h2.first a, .main-navigation h2.first a:hover, .main-navigation h2.first a:visited {
	color:#feb202;
	font-weight:bold;
	font-style:italic;
}
.main-navigation ul li.first a {
	color:#ffffff;
}
.main-navigation p.first a {
	color:#ffffff;
}
.main-navigation h1.second {
	clear:both;
	margin:0px 10px 2px 20px;
	font-family:"trebuchet ms", arial, sans-serif;
	font-weight:bold;
	font-size:210%;
	font-style:italic;
	clear:both;
	float:none;
	display:block;
	margin:0 auto 0 auto;
}
.main-navigation h2.second {
	clear:both;
	margin:0px 10px 10px 40px;
	font-family:"trebuchet ms", arial, sans-serif;
	font-size:140%;
	font-weight:bold;
	font-style:italic;
}


.main-navigation h1.second a, .main-navigation h1.second a:hover, .main-navigation h1.second a:visited {
	color:#ffffff;
}
.main-navigation h2.second a, .main-navigation h2.second a:hover, .main-navigation h2.second a:visited {
	color:#feb202;
}
.main-navigation p.second {
	font-family:"trebuchet ms", arial, sans-serif;
	font-size:110%;
}
.main-navigation p.second a, .main-navigation p.second a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
.main-navigation h2.third {
	clear:both;
	margin:-3px 10px -3px 20px;
	font-family: arial, sans-serif;
	font-size:180%;
	font-style:italic;
	font-weight:normal;
}
.main-navigation h2.third a, .main-navigation h2.third a:hover, .main-navigation h2.third a.visited {
	color:#FFFFFF;
	text-decoration:none;
}
.main-navigation img.actigrip_logo_center {
	clear:both;
	float:none;
	display:block;
	margin:0 auto 0 auto;
	border:none;
}
.main-navigation img.actigrip_logo_center:hover, .main-navigation a.noborder:hover img {
	border:none;
}
.main-navigation a.noborder {
	text-decoration:none;
}
.main-navigation h2.right {
	text-align:right;
}
.main-navigation h3.center {
	text-align:center;
}
.main-navigation div.hr {
	background: url(../img/nav_seperator.gif) no-repeat center #000000;
	height:15px;
}
.main-navigation hr {
	display:none;
}
.main-navigation img.actigrip_logo {
	border:none;
	margin-top:0px;
}
.orange {
	color:#feb202;
}
.white {
	color:#FFFFFF;
}
.red {
	color:#FF0000;
}
.halfline
{
	clear:both;
	width:480px;
	margin-left:80px;
	margin-right:80px;
	margin-bottom:15px;
	height:0.1em;
	border:none;
	background:#505050;
	color:#505050;
}

.main-content img.noborder
{
	border:none;
}

.basket_button_add
{
	background: #FFFFFF url(../img/basket_buttons_add.jpg) top no-repeat;
	border:none;
	width: 112px;
	height: 35px;
	text-align:left;
	padding-left:36px;
	padding-bottom:3px;
}

.basket_button_add:hover
{
	background: #FFFFFF url(../img/basket_buttons_add.jpg) bottom no-repeat;
}

.basket_button_update
{
	background: #FFFFFF url(../img/basket_button_update.jpg) top no-repeat;
	border:none;
	width: 103px;
	height: 35px;
	text-align:left;
	padding-left:36px;
	padding-bottom:3px;
}

.basket_button_update:hover
{
	background: #FFFFFF url(../img/basket_button_update.jpg) bottom no-repeat;
}

.basket_button_checkout
{
	background: #FFFFFF url(../img/basket_button_checkout.jpg) top no-repeat;
	border:none;
	width: 113px;
	height: 35px;
	text-align:left;
	padding-left:36px;
	padding-bottom:3px;
}

.basket_button_checkout:hover
{
	background: #FFFFFF url(../img/basket_button_checkout.jpg) bottom no-repeat;
}

#FinanceForm
{
	width: 452px;
	margin:auto;
}

.CollapsiblePanel {
	padding: 0px;
	border-left: solid 1px #e1e1e1;
	border-right: solid 1px #e1e1e1;
	border-top: solid 1px #e1e1e1;
}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	font-size: 120%;
	text-align:center;
	background-color: #afafaf;
	color:#e1e1e1;
	border-bottom: solid 1px #FFF;
	margin: 0px;
	padding: 2px;
	font-weight:bold;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent {
	margin: 0px;
	padding: 0px;
	border-bottom: solid 1px #e1e1e1;
}

/* An anchor tag can be used inside of a CollapsiblePanelTab so that the
 * keyboard focus ring appears *inside* the tab instead of around the tab.
 * This is an example of how to make the text within the anchor tag look
 * like non-anchor (normal) text.
 */
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "CollapsiblePanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the CollapsiblePanel.
 */
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-color: #afafaf;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "CollapsiblePanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	background-color: #e1e1e1;
	font-weight:bold;
	color:#afafaf;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-color: #feb202;
	font-weight:bold;
	color:#FFFFFF;

}