/*
 * Default stylesheet for layout
 */
html {
	font-size: 100%;
}

body, input {
    font: 1em Arial,Sans-Serif;
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 253);
}

form {
    padding: 0;
    margin: 0;
}

#header {
	font-size: 1.75em;
	letter-spacing: 0.036em;
}	

#footer {
	background: rgb(0, 0, 0) url('../images/footerBg32b.png') repeat-x top center;
	color: rgb(96, 96, 96);
	background: rgb(200, 200, 200) url('../images/footerBgN.png') repeat-x top center;
}

#footerContent {
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 0.688em;
}

#footer h2 {
	margin: 0 0 0.364em 0;
	padding: 0 0 0.364em 0;
	border-bottom: 1px dotted rgb(255, 172, 0);
	font-size: small;
	color: rgb(64, 64, 64);
	text-align: right;
	font-variant: small-caps;
	letter-spacing: 1px;
}

#footer img {
	border: 2px solid rgb(128, 128, 128);
}

div.topProd {
	border-bottom: 1px dotted rgb(96, 96, 96);
	border-bottom: 1px dotted rgb(128, 128, 128);
	margin-bottom: 0.364em;
}	

div.topProd img {
	display: block;
	float: left;
	vertical-align: top;
	margin: 0 0.364em 0.364em 0;
	width: 4.364em;
}

div.topProd p {
	display: block;
	float: right;
	margin: 0 0.364em 0.364em 0;
	width: 13.909em;
}

div.topProd a {
	color: rgb(96, 96, 96);
}

#brandCloud {
	text-align: center;
}

#brandCloud span {
/*	padding: 0 6px 0 6px; */
	vertical-align: middle;
	white-space: nowrap;
}

.tgLow {
	color: rgb(96, 96, 96);
}

.tgHigh {
	font-size: 1.455em;
	color: rgb(80, 80, 80);
}

.tgHigher {
	font-size: 1.818em;
	color: rgb(64, 64, 64);
}

.tgHighest {
	font-size: 2.182em;
	color: rgb(228, 228, 228);
	color: rgb(48, 48, 48);
}

#footShops p {
	border-bottom: 1px dotted rgb(128, 128, 128);
	margin-bottom: 0.727em;
	padding-bottom: 0.727em;
}

#footShops img {
	margin: 0.364em 0 0.364em 0;
}

#navigation {
	font-size: 0.875em;
    font-family: Verdana,Helvetica,Arial,Sans-Serif;
	background: rgb(228, 228, 228) url('../images/lSideBg.png') no-repeat top left;
}

#information {
	background: rgb(228, 228, 228) url('../images/rSideBg.png') no-repeat top right;
}

#navigation ul {
    list-style: none;
    line-height: 1.714em;
    margin-bottom: 1.143em;
}

#navigation ul li {
}

#navigation ul li.sel {
	background: transparent url('../images/navSelTop.gif') no-repeat top left;
}

#navigation ul li a:hover {
}

#navigation ul li.sel a {
	background: transparent url('../images/navSelBot.gif') no-repeat bottom left;
    color: rgb(255, 172, 0);
}

#order {
/*	background-color: rgb(255, 255, 253); */
	font-size: 0.857em;
}

.order {
    font-weight: bold;
    color: rgb(0, 0, 0);
}

.orderTitle {
	font-weight: bold;
}

#content {
}

#products {
}

#photo {
    background: rgb(255, 255, 255) url(images/noImage.png)no-repeat center center ;
}

#message {
    color: rgb(0, 0, 255);
    background-color: rgb(255, 255, 191);
    border: 1px solid rgb(255, 227, 0);
    padding: 2px 2px 2px 2px;
    font-weight: bold;
}

.pageTitle {
    font-size: 18pt;
    font-weight: bold;
    text-align: left;
    padding: 4px 8px 4px 8px;
}

.pageContent {
    text-align: left;
    padding: 4px 8px 4px 8px;
}

table, tbody, thead, tfoot, tr, th, td {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin: 0;
}

#prodOrder table {
	font-size: 0.875em;
}

#prodOrderFoot {
}

#prodOrderFoot2 {
    padding: 4px;
    text-align: right;
}

.prodOrderTbl {
	width: 100%;
}

.prodOrderTbl th, .prodOrderTbl td {
}

.prodOrderTbl th {
    padding-bottom: 1px;
    font-weight: normal;
    color: rgb(128, 128, 128);
/*    border-bottom: 1px solid rgb(0, 0, 0); */
}

a.btn {
	display: block;
	font-size: 0.88em;
    height: 1.29em;
    background: url(../images/buttonBg.png) repeat-x center center;
    border: 1px solid rgb(160, 160, 160);
    text-align: center;
    padding: 0.14em 1em 0 1em;
    margin-top: 1em;
    cursor: pointer;
}

a.btn:hover {
	color: rgb(255, 172, 0);
	text-decoration: none;
}

input.btn {
	font-size: 0.88em;
	width: 100%;
    height: 1.57em;
    background: url(../images/buttonBg.png) repeat-x center center;
    border: 1px solid rgb(160, 160, 160);
    text-align: center;
    padding: 0 1em 0 1em;
    margin-top: 1em;
    cursor: pointer;
}

input.btn:hover {
	color: rgb(255, 172, 0);
}

input.btnOrder {
    height: 30px;
    width: 128px;
    padding-left: 30px;
    background-image: url(images/btnOrder.png);
    border: 0px;
    text-align: left;
}

a.ibtn {
	font-size: 0.88em;
    height: 1.29em;
    background: url(../images/buttonBg.png) repeat-x center center;
    border: 1px solid rgb(160, 160, 160);
    text-align: center;
    padding: 0.14em 1em 0 1em;
    margin-top: 1em;
    cursor: pointer;
}

a.ibtn:hover {
	color: rgb(255, 172, 0);
	text-decoration: none;
}

input.btnOrderConfirm {
    height: 30px;
    width: 144px;
    padding-left: 30px;
    background-image: url(images/btnOrderConfirm.png);
    border: 0px;
    text-align: left;
}

.prodOrderTbl input {
    width: 3em;
    border: 1px solid rgb(160, 160, 160);
    padding-right: 0.13em;
    padding-left: 0.13em;
}

/* CSS for order display in right sidebar */
#ordered .hdr {
    font-size: 12pt;
    border-bottom: 1px solid rgb(0, 0, 0);
    padding-top: 2px;
    padding-bottom: 5px;
}

#oPTbl {
    width: 100%;
}

.oPName {
    color: rgb(255, 172, 0);
    font-size: 1.13em;
}

.oPQuan {
    padding-left: 2px;
}

.oPPrice {
    text-align: right;
}

.oPTotal td {
    border-top: 1px solid rgb(228, 228, 228);
    font-weight: bold;
    padding: 0.5em 0 1.5em 0;
}

.oPTotPrice {
    text-align: right;
}

a:link {
    color: rgb(0, 0, 0);
    text-decoration: none;
}

a:visited {
    color: rgb(0, 0, 0);
    text-decoration: none;
}

a:hover, a:active {
    color: rgb(255, 172, 0);
    text-decoration: underline;
}

.deleted a {
    text-decoration: line-through;
    color: rgb(192, 192, 192);
}

p {
    margin: 0 0 8px 0;
}

img {
    border: 0;
}

#prodPhoto img {
    background-color: rgb(255, 255, 255);
    border: 1px solid #808080;
    border: 1px solid rgb(228, 228, 228);
} 

.prod {
    background: rgb(255, 255, 253) no-repeat center center;
/*    font-size: 9pt; */
    border: 1px solid #808080;
    border: 1px solid rgb(228, 228, 228);
}

.prod .name {
    color: rgb(255, 172, 0);
	font-weight: bold;
	height: 1.17em;
	overflow: hidden;
}

.prod .description {
	overflow: hidden;
	text-align: left;
	height: 2.50em;
	padding-top: 0.50em;
}

.prod .price {
	text-align: right;
	font-weight: bold;
	padding-top: 0.83em;
}

.prodName {
    font-weight: bold;
    color: rgb(255, 172, 0);
}

.prodDesc {
	margin-bottom: 0.88em;
}

#prodOrder {
}

.prodColDisp {
	padding-right: 0.50em;
    width: 0.63em;
}

.prodType {
    font-weight: bold;
}

.prodColInfo {
    font-size: 0.88em;
}

.prodColInfo td {
	padding: 2px 0 2px 0;
}

.prodCode {
}

.color {
    border: 1px solid rgb(0, 0, 0);
    vertical-align: middle;
}

.lbl {
    color: rgb(128, 128, 128);
}

#login {
    text-align: right;
}

.arrow {
    vertical-align: middle;
} 

.arrowH {
    vertical-align: middle;
    margin-top: 8px;
}

.arrowL {
    vertical-align: middle;
    margin-top: 8px;
}

.hili {
	color: rgb(255, 172, 0);
}

/*.prod a {
    background: rgb(255, 255, 253);
} */

/* colors for some (qf) elements */
/* hack for ie, otherwise bg is white */
.qf_frm {
    text-align: left;
}

.qf_hdr {
    font-size: 12pt;
    font-weight: bold;
}

.qf_text, .qf_password, .qf_textarea, .qf_fckeditor, .qf_submit, .qf_button, .qf_select, .qf_checkbox, .qf_group, .qf_vgroup, .qf_file {
/*
    background-color: rgb();
*/
}

.qf_lbl, .qf_elm, .qf_elm table, .qf_elm td, .qf_elb, .qf_elb label {
    color: rgb(0, 0, 0);
/*
    background-color: rgb();
*/
}

label:hover {
	text-decoration: underline;
}

.qf_submit {
/*
    background-color: rgb();
*/
}

.qf_submit .qf_lbl, .qf_submit .qf_elm {
/*
    background-color: rgb();
*/
}

.qf_req {
    color: rgb(255, 0, 0);
/*
    background-color: rgb();
*/
    font-weight: bold;
}

.qf_err {
    color: rgb(255, 0, 0);
/*
    background-color: rgb();
*/
    font-weight: bold;
}

.qf_text input, .qf_password input, .qf_textarea textarea, .qf_select select, .qf_file input, .qf_group input, .qf_group select {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 253);
    border: 1px solid rgb(160, 160, 160);
    font-size: 8pt;
}

.qf_submit input, .qf_reset input, .qf_button input {
    color: rgb(0, 0, 0);
    height: 20px;
    background: url(../images/buttonBg.png) repeat-x center center;
    border: 1px solid rgb(160, 160, 160);
/*
    border-left: 1px solid rgb(0, 0, 0);
    border-right: 1px solid rgb(0, 0, 0);
*/
    text-align: center;
    cursor: pointer;
}

.qf_submit input:hover, .qf_reset input:hover, .qf_button input:hover, #mailingSubmit:hover {
    color: rgb(255, 172, 0);
}

#mailingEmail {
    color: rgb(0, 0, 0);
    background-color: rgb(255, 255, 253);
    border: 1px solid rgb(160, 160, 160);
    font-size: 8pt;
    width: 211px;
    margin-top: 8px;
    padding: 1px 0 1px 0;
}

#mailingSubmit {
    width: 213px;
    margin-top: 8px;
    color: rgb(0, 0, 0);
    height: 20px;
    background: url(../images/buttonBg.png) repeat-x center center;
    border: 1px solid rgb(160, 160, 160);
    padding: 1px 0 1px 0;
    text-align: center;
    cursor: pointer;
}

#mailingForm {
    border-top: 1px dotted #808080;
    padding-top: 4px;
    font-size: 1em;
}

/* Different button sizes, after qf_ to overrule them */
.btn64 {
    width: 64px;
    background: url(images/btn64.png) no-repeat center center;
}

.btn80 {
    width: 80px;
    background: url(images/btn80.png) no-repeat center center;
}

.btn96 {
    width: 96px;
    background: url(images/btn96.png) no-repeat center center;
}

.btn128 {
    width: 128px;
    background: url(images/btn128.png) no-repeat center center;
}

.btn160 {
    width: 160px;
    background: url(images/btn160.png) no-repeat center center;
}

.btn192 {
    width: 192px;
    background: url(images/btn192.png) no-repeat center center;
}

.btn224 {
    width: 224px;
    background: url(images/btn224.png) no-repeat center center;
}

.btn256 {
    width: 256px;
    background: url(images/btn256.png) no-repeat center center;
}

#footer a.socialLink {
    display: block;
    color: #606060;
    border-top: 1px dotted #808080;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-top: 4px;
}

#footer a.socialLink:hover {
    color: #606060;
    font-weight: bold;
}

#footer a.socialLink img {
    border: 0;
    vertical-align: middle;
}