@import url("menu.css");

/**
 * General body and divs
 */
body,div,span,a,p,ul,li,h1,h2,h3,h4,h5,h6,img,form,dl,dt,dd {
	margin: 0;
	padding: 0;
	border-width: 0;
}

body,html,p {
	font: normal 13px Arial, Helvetica, FreeSans, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	text-align: left;
}
p.body_text {
	margin-top: 17px;
	width: 440px;
}
p.body_text_remark {
	margin-top: 17px;
	width: 440px;
	color:#666;
	margin-left:10px;
	font-style: italic;
}
p.body_text_footnote {
	margin-top: 17px;
	width: 440px;
	color:#666;
	margin-left:0px;
	font-style: italic;
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 932px;
	height: auto;
	min-height: 768px;
	text-align:center;
	padding-bottom: 50px;
	border-left: 1px solid #c09e33;
	border-right: 1px solid #c09e33;
}
#container #banner {
	width:100%;
	height:150px;
    background:#fff url("../images/rigpa_logo.png") no-repeat center;
	text-align: right;
}
#container #banner span.home, #container #banner span.langswitch {
	margin:10px;
}
#container #banner span.langswitch {
	margin-right:10px;
	xdisplay:none;
}
#container #redbanner {
	border-bottom: 1px solid #dece9d;
	border-top: 1px solid #dece9d;
    text-align:left;
    color:#dece9d;
    background:#A31418;
    padding: 8px 8px 8px 20px;
	margin-bottom: 10px;
}
#container #redbanner span.titletext {
    font:bold 18px Arial, sans-serif;
    margin: 0px;
}
#content {
	padding: 10px 10px 10px 20px;
	text-align:left;
}
#subcontent {
	padding: 10px;
}


/**
 * Specifice blocks
 */
#mainitemlist {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 610px;
	float: left;
}
#mainitemlist div.mainitem {
	clear: both;
	margin: 0px 10px 0px 0px;
	float:left;
}
.optionslist {
	width: 610px;
}
#buttons {
	clear:both;
	margin-top: 30px;
	width: 610px;
	text-align: center;
}
#loginboxwrapper {
	width:280px;
	background: #ffffff;
}
#loginbox {
	xwidth:260px;
	padding: 10px;
	border: 1px solid #c09e33;
	margin:0px 0px 10px 0px;
}
#loginbox input[type=text], #loginbox input[type=password] {
	width: 99%;	
}
#loginbox button {
	width:80px;
}
#personalia-form {
	margin-top:20px;
}
#basketwrapper {
	float: right;
	margin:20px 0px 10px 10px;
	padding:0px;
	width:280px;
}
#basket {
	border: 1px solid #c09e33;
	padding: 0px 10px 10px 10px;
	margin:0px;
}
.boxwrapper {
	margin:20px 20px 10px 10px;
	padding:0px;
	width:280px;
}
.box {
	border: 1px solid #c09e33;
	padding: 10px 10px 10px 10px;
	margin:0px;
}
#messagelist {
	margin-bottom: 20px;
}


/**
 * Texts
 */
a {
	color: #A31418;
}
ul {
	margin-left: 30px;	
}
ul#product-list {
	margin: 0px;
	padding: 0px;
}
ul#product-list li {
	margin: 0px;
	padding: 0px;
}
p.body_text {
	xmargin-left:10px;
}
div.basketprice {
	float:right;
	color: #666;
}
div.baskettotal {
	clear: both;
	text-align:right;
	color: #000;
	font-weight:bold;
	border-top: 1px solid #c09e33;
	margin-top: 10px;
	padding-top:10px;
}
.green {
	color: #008000;
}
.red {
	color: rgb(168, 50, 40);
}
.bold {
	font-weight: bold;
}
.sublabel {
	text-align: right;
	font-style: italic;
}
.special{
	font-size: 80%;
	color: #008000;
	text-align:right;
	font-weight: bold;
}
span.description {
	color: #000;
}

/**
 * Headers
 */
h1 {
	color: rgb(168, 50, 40);
	font: normal normal bold 1.4em Helvetica, Arial, sans-serif;
	margin-top: 20px;
	margin-bottom: 25px;
}
h2 {
	font: normal normal bold 1.3em Helvetica, Arial, sans-serif;
	color: rgb(168, 50, 40);	
}
h2.header {
	display: block;
	border-bottom: 1px solid #C09E33;
	border-top: 1px solid #C09E33;
	padding: 8px 0px 8px 0px;
	margin: 15px 0px 20px 0px;
	width: 610px;
}
h3 {
	font: normal normal bold 1.1em Helvetica, Arial, sans-serif;
	color: rgb(168, 50, 40);
	text-align:left;
	margin-top: 10px;
	margin-bottom: 10px;
}
#baskettopheader {
	font-family: Helvetica, Arial;
	background-color: #F5EFDB;
	border-top: 1px solid #C09E33;
	border-left: 1px solid #C09E33;
	border-right: 1px solid #C09E33;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	color: #A31418;
}
div.basketheader {
	color: rgb(168, 50, 40);
	font-weight: bold;
	margin-top: 10px;	
}
#loginboxtopheader {
	font-family: Helvetica, Arial;
	background-color: #F5EFDB;
	border-top: 1px solid #C09E33;
	border-left: 1px solid #C09E33;
	border-right: 1px solid #C09E33;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	color: #A31418;
}
.boxtopheader {
	font-family: Helvetica, Arial;
	background-color: #F5EFDB;
	border-top: 1px solid #C09E33;
	border-left: 1px solid #C09E33;
	border-right: 1px solid #C09E33;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 5px 5px 10px;
	color: #A31418;
}
.boxfooter {
	background-color: #F5EFDB;
	border-bottom: 1px solid #C09E33;
	border-left: 1px solid #C09E33;
	border-right: 1px solid #C09E33;
	padding: 2px;
	text-align:center;
}

/**
 * Images
 */
img.imgleft {
	float: left;
	margin: 0px 10px 20px 0px;
	border: 2px solid #dece9d;
	width: 100px;
}




/**
 * Forms
 */
input[type=radio] {
	margin-right: 10px;	
}
button, input[type=submit] {
	font: normal 1.0em Arial;
	padding: 5px;
}
input[type=submit].buttonsmall {
	font: normal 0.9em Arial;
	padding: 1px;
} 
dt, dd {
	display:inline;
	float:left;
	padding: 3px;
}
dt {
	clear:both;
	width: 150px;
}
/* Specific fields */
#tsv {
	width: 80px;
}
#address, #email {
	width: 220px;
}
#pc {
	width: 60px;
}
ul.errors {	
	list-style-type: none;
	margin:0;
	padding:0;
}
ul.errors li {
	color: rgb(168, 50, 40);
	font-weight: bold;
	margin:0;
	padding:0;
}
.fielddescription {
	font-style: italic;
	text-align: left;
	color: #666;
}

/**
 * Tables
 */
table {
	border-collapse: collapse;
}
table, th, td {
	vertical-align: text-top;
	text-align:left;
	padding:5px;
}


/* Specific tables */
table.itemlist {
	width: 496px;
}
table.itemlist td.price {
	text-align:right;
	white-space: nowrap;
}
table.itemlist span.description {
	color: #666;
	font-size: 85%;
	font-style: italic;
}
tr.rollin {
	background-color: #eee;	
}
table.bevestiging td, table.bevestiging td, table.bevestiging th {
	border: 1px solid #ccc;
	padding: 10px;
}
table.bevestiging td.price {
	text-align:right;
}


/*
 * jQuery UI aanpassingen 
 */
div.ui-state-error, div.ui-state-highlight {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	margin-bottom: 10px;
}

.mainloginbutton {
	background-color: #c09e33;
	width:120px;
	height:22px;
	font-size: 16px;
	color:#fff;
	padding:10px;
	margin:5px auto 5px auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
}
.mainlogintext {
	font-size:12px;
	color:#c09e33;
	font-weight: bold;
}
.ui-dialog {
	font: normal 13px Arial, Helvetica !important;
	line-height: 20px;
}
.ui-dialog .smalltext {
	font-size:0.9em;
}