/****** Styles used for page layout only ******/
body {/* removes any margins and paddings so that the webpage is displayed at the top of the window */
	margin: 0;
	}
#page-container {/* The container for the whole page, set to display in the center and with a width of 800 pixels*/
	margin: 0 auto 0px auto;
	padding: 0;
	width: 960px
	}
#website_container {
	width: 100%;
	padding: 0 0 50px 0
	}
#main_container {
	float: left;
	padding: 0 0 20px 5px;
	margin: 0;
	width: 100%
	}
div { margin: 0; padding: 0 }

/****** Top Navigation Styles ******/
.navigation ul {
	margin: 0;
	padding: 0
	}
.navigation#top li {
	margin: 0;
	padding: 0;
	float: left
	}
.navigation li a { padding: 0 5px 0 5px }
.navigation#top #primary li {
	width: 19%;
	text-align: center;
	margin: 4px 0 0 0;
	height: 47px
	}
.navigation#top #secondary li {
	margin: 5px 0 0 5px
	}
.navigation#top #primary li a {
	vertical-align: text-top;
	padding: 0 24px 20px 0;
	line-height: 2em
	}
.navigation#top {
	width: 100%;
	height: 80px;
	margin: 0;
	padding: 0
	}
.navigation#top ul {
	float: left;
	width: 80%
	}
.navigation#top #logo { float: left }

/****** Accordion Navigation ******/
.accordion-nav, #news, #raxco-software {
	width: 28%;
	float: left;
	padding: 10px 2% 0 2%;
	margin: 0
	}
.accordion-nav ul, #lhd-panel ul { 
	padding: .4em 0 0 10%; 
	margin: 0;
	width: 90%
}
.column3 ul { 
	padding: 0 0 1em 0;
	font-weight: bold;
	margin: 0;
	width: 100%
	}
.column3 ul ul { padding-bottom: 0 }
.accordion-nav ul li a, #lhd-panel ul li a, .column3 ul li a { 
	display: block;
	width: 91%;
	padding-right: 4%
}
.accordion-nav h3, #lhd-panel h3, .column2 h3, .column3 h3 {
	padding-top: 8px;
	margin: 0 4px 0 0
	}
	
/****** Left hand panel ******/
#lhd-panel {
	width: 23%;
	float: left;
	padding: 10px 0 20px 0;
	margin: 0 0 10px 0
	}
#lhd-panel h2 { margin: 0 0 4px 0 }
#lhd-panel h3, #lhd-panel p, #lhd-panel h2, #lhd-panel label { 
	padding-left: 6px;
	padding-right: 6px
	}
#lhd-panel label { display: block }
#lhd-panel p.download-btn { padding: 0 }
.download-btn a {
	padding-left: 4%;
	padding-right: 4%
	}
label { display: block }

/****** Content ******/
.column2 {
	width: 44%;
	float: left;
	padding: 0 1.8% 0 2%
	}
.column3 {
	width: 32%;
	float: left;
	padding: 0 1.8% 0 2%
	}
.column3.sitemap {
	width: 28%
	}
#single-column, .ccm-form {
	float:left;
	width: 71%;
	padding: 0 1% 0 2%
	}
#product-advert-home { width: 900px; padding: 10px 0 0 40px }
#product-advert-home a { display: block }
.download-step-box {
	width: 160px;
	padding: 0 7px 0 1px;
	margin: 0;
	float: left;
	}
.download-step-box h2 {
	padding: .8em 1.7em .6em 1.7em;
	margin: 0
	}
.download-step-box p {
	padding: 0 0 6px 0;
	margin: 0;
	text-align: center
	}
.skipto {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 0px;
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	background-color: transparent;
	color: #0C1967
	}

/****** Bottom Navigation Bar ******/

.navigation#bottom {
	clear: both;
	margin: 0;
	padding: 30px 0 0 0
	}
.navigation#bottom ul {
	margin: 0;
	padding: 0
	}
.navigation#bottom li { display: inline }

/****** Main Page Styles ******/
body {
	font: 78%/1.3em Helvetica, Arial, Verdana, sans-serif;
	color: #0C1967;
	background-color: #DCE6ED
	}
a img {
	border: none;
	cursor:  pointer
	}
p, label {
	line-height: 1.5em;
	font-size: 1.06em
	}
h1 {
	font-size: 1.6em;
	padding: 0;
	margin: 0;
	line-height: 1em
	}
h2 { font-size: 1.4em }
h3 { font-size: 1.2em }
table { font-size: 1.06em }
/*td { 
	width: 50%; 
	vertical-align: text-top;
	padding-bottom: 15px
	}*/
input, textarea, input[type="password"], input[type="text"], label {
	color: #0C1967;
	font-family: Helvetica, Arial, Verdana, sans-serif
	}
hr {
	border-color: #CFD9E0;
	margin-top: 15px
	}
#website_container { background: #DCE6ED url(http://www.raxco.nl/themes/raxco/images/body-bgd.jpg) repeat-x bottom left;
 }

/****** Global Content Styles ******/
#page-container { background: transparent url(http://www.raxco.nl/themes/raxco/images/content-bgd.jpg) repeat-y bottom left }
#main_container { background: transparent url(http://www.raxco.nl/themes/raxco/images/panel-bgd.jpg) no-repeat bottom left }
a:link, a:visited {
	text-decoration: none;
	color: #0C1967
	}
a:hover {
	color: #FFD600;
	text-decoration: underline
	}
h2 a:link, h2 a:visited {
	color: #0C1967 !important;
	text-decoration: none !important
	}
h2 a:hover { text-decoration: underline !important }
.ccm-form a:link, #single-column a:link { text-decoration: underline }
.ccm-form a:visited, #single-column a:visited {
	text-decoration: underline;
	color: #4F30A3
	}
.productDownloadList { 
	padding-left: 0;
	margin-left: 0;
	list-style: none
	}
	
/****** Download page styles ******/

.download-step-box, .download-step-box.completed { background: transparent url(http://www.raxco.nl/themes/raxco/images/seriesbox1.gif) no-repeat top left }
.download-step-box.download, .download-step-box.download.completed { background: transparent url(http://www.raxco.nl/themes/raxco/images/seriesbox2.gif) no-repeat top left }
.download-step-box.request, .download-step-box.request.completed { background: transparent url(http://www.raxco.nl/themes/raxco/images/seriesbox3.gif) no-repeat top left }
.download-step-box.instructions, .download-step-box.instructions.completed { background: transparent url(http://www.raxco.nl/themes/raxco/images/seriesbox4.gif) no-repeat top left }
.download-step-box p {
	border-bottom: 1px solid #2759AE;
	background-color: #DCE6ED
	}
.download-step-box p img {
	}
.download-step-box h2 {
	padding-top: 6px;
	font-size: 1em
	}
.download-step-box.completed p { background-color: #2759AE }

/****** Top Navigation Styles ******/
.navigation li { list-style: none }
.navigation#top { background: #18488F  url(http://www.raxco.nl/themes/raxco/images/top-navigation-bgd.jpg) no-repeat bottom left }
#products .navigation#top, #buy .navigation#top, #download .navigation#top, #about .navigation#top { background: #18488F  url(http://www.raxco.nl/themes/raxco/images/top-navigation-2-bgd.jpg) no-repeat bottom left }
.navigation#top li a:link, .navigation#top li a:visited, .navigation#top li { color: #FFF }
.navigation#top #primary li a:link, .navigation#top #primary li a:visited, .backlink:link { background: transparent url(http://www.raxco.nl/themes/raxco/images/top-navigation-arrow.gif) no-repeat right top }
.navigation#top #primary li a:hover, .navigation#top #primary li a.active {
	background: transparent url(http://www.raxco.nl/themes/raxco/images/top-navigation-arrow-hover.gif) no-repeat right top;
	text-decoration: none;
	color: #FFD600
	}
.navigation#top li a:hover { color: #FFD600 }
.navigation#top #primary li { font-size: 1.5em }
.navigation#top .selected {
	background: transparent url(http://www.raxco.nl/themes/raxco/images/top-navigation-arrow-hover.gif) no-repeat right top !important;
	text-decoration: none !important;
	color: #FFD600 !important
	}


/****** Accordion navigation ******/
.accordion-nav ul li, #lhd-panel ul li, .column3 ul li {
	list-style: none;
	padding: .25em;
	}
.accordion-nav ul li a:link, .accordion-nav ul li a:visited, #lhd-panel ul li a:link, .column3 ul li a:link, #lhd-panel ul li a:visited, .column3 ul li a:visited, #lhd-panel .backlink:link, #lhd-panel .backlink:visited { background: transparent url(http://www.raxco.nl/themes/raxco/images/bl-r-arrow-sml.gif) no-repeat center right; }
.accordion-nav ul li a:hover, #lhd-panel ul li a:hover, .column3 ul li a:hover, #lhd-panel .backlink:hover { background: transparent url(http://www.raxco.nl/themes/raxco/images/yl-r-arrow-sml.gif) no-repeat center right }
.accordion-nav h3.expanded { background-image: none }
.hover {
	cursor: pointer;
	color: #FFD600;
	text-decoration: underline
	}
.accordion-nav h3 { cursor: pointer }
	
/****** Left Hand Panel ******/
#lhd-panel { 
	border-bottom: solid #AAB5BD 2px;
	border-right: solid #CFD9E0 2px;
	background: transparent url(http://www.raxco.nl/themes/raxco/images/lhd-panel-bgd.jpg) repeat-y top left;
	font-size: .90em
	}
.ccm-form input[type="submit"], .loginButton input[type="submit"], .download-btn { 
	background: #FFF url(http://www.raxco.nl/themes/raxco/images/download-btn.jpg) repeat-x bottom left;
	line-height: 2.6em;
	text-align: center;
	border-top: solid #98A0BA 1px;
	border-bottom: solid #F5F8FA 1px;
	border-left: 0;
	border-right: 0;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 0
	}
.ccm-form input[type="submit"], .loginButton input[type="submit"], input.download-btn { line-height: 1.2em }
.download-btn a { display: block } 
#about #single-column .download-btn {
	width: 185px;
	margin-bottom: 20px;
	border-left: solid #98A0BA 1px; 
	border-right: solid #C0E0FA 1px
	}
.ccm-form input[type="submit"]:focus, .loginButton input[type="submit"]:focus, input.download-btn:hover, input.download-btn:focus, .download-btn a:hover {
	background: transparent url(http://www.raxco.nl/themes/raxco/images/download-btn-hvr.jpg) repeat-x top left;
	color: #0C1967
	}
.ccm-form input[type="submit"], .loginButton input[type="submit"], input.download-btn { 
	padding-top: .55em; 
	padding-bottom: .55em;
	width: 100%
	}
input[type="password"], input[type="text"], textarea {
    background-color: #DCE6ED;
    border: solid 1px #0C1967;
    padding: .3em .3em .3em .3em;
    font-size: 1em;
}
#lhd-panel input[type="password"], #lhd-panel input[type="text"], #lhd-panel textarea { width: 94% } 
input[type="password"]:hover,input[type="password"]:focus, input[type="text"]:focus, input[type="text"]:hover, textarea:focus, textarea:hover { border-color: #FFD600 }
.column3 h3 {
	padding: 0;
	margin-bottom: .4em
	}
.column3 h3 img { padding: 0px 2px 0 0 }
.accordion-nav h3 img { padding: 0px 2px 0 0 }
.error, .errortext {
	font-weight: bold;
	color: #FF0000
	}
	
/****** Register page styles ******/	
.ccm-form input[type="text"], .ccm-form textarea, .ccm-form input[type="password"], .ccm-form input[type="submit"] { width: 300px }
#main_container .ccm-form fieldset {
	padding: 0 0 0 0;
	margin: 0;
	border: 0
	}
.reqField { padding-top: 10px }
.reqField label { display: inline }

/****** Breadcrumb ******/
#breadcrumb {
	font-weight: bold;
	float: left;
	width: 73%;
	margin: 0;
	padding: 10px 0 10px 2%
	}
#breadcrumb a {
	padding: 0 1em 0 0;
	margin: 0
	}
#breadcrumb a:link, #breadcrumb a:visited {
	background: transparent url(http://www.raxco.nl/themes/raxco/images/bl-r-arrow-tiny.gif) no-repeat right center;
	text-decoration: underline;
	}
#breadcrumb a:hover { background: transparent url(http://www.raxco.nl/themes/raxco/images/yl-r-arrow-tiny.gif) no-repeat right center }

/****** Registration styles ******/
.ccm-error {
	padding: 0 0 0 15px;
	margin: 0 0 10px 0
	}
	
/****** Profile styles ******/	
.message { 
	padding-top: 10px;
	font-weight: bold;
	color: green
	}

/****** Bottom Navigation Bar ******/
.navigation#bottom {
	background: #FFD600 url(http://www.raxco.nl/themes/raxco/images/bottom-bgd.jpg) no-repeat top left;
	text-align: center
	}
.navigation#bottom a:hover { color: #FFF }