﻿/* Main default styles */

body {font-family: Verdana; font-size: 12px; color: #260000; white-space:normal}
form {margin: 0px}
table {border: 0px; border-collapse: collapse}
td {font-size: 12px; padding: 0px; margin: 0px}
img {border: 0px; padding: 0px; margin: 0px}
a.nu {    color: #999999;    text-decoration: none;}a.nu:hover {    color: #666666;    text-decoration: none;}
a {    color: #999999;    text-decoration: none;}
a:hover {    color: #666666;    text-decoration: underline;}
/* Skins */
/* Skin: sand */

body.sand {background-color: White; background-image: url(/images/site/bgtile_sand.jpg); margin: 0px 0px 0px 0px}

body.sand a {color: #a98e79; text-decoration: underline}
body.sand a:hover {text-decoration: none}

body.sand div.formLabel {font-weight:bold; font-size:10px; margin-top:2px; margin-bottom:1px}
body.sand input {color:#260000; border:1px solid; border-color: #a18770 #ffffff #ffffff #a18770; background-image:url(/images/site/form_text.jpg)}
body.sand select {background-color:transparent; border:1px solid; border-color: #a18770 #ffffff #ffffff #a18770; background-image:url(/images/site/form_text.jpg)}
body.sand button {color:#fee3ce; font-weight:bold; background-image:url(/images/site/form_button.jpg); border:1px solid; border-color: #ffffff #a18770 #a18770 #ffffff}

body.sand div.contentBlockA td.a1 {background-image: url(/images/site/contentBlockA_a1.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockA td.b1 {background-image: url(/images/site/contentBlockA_b1.jpg); background-repeat: repeat-x; height:10px}
body.sand div.contentBlockA td.c1 {background-image: url(/images/site/contentBlockA_c1.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockA td.a2 {background-image: url(/images/site/contentBlockA_a2.jpg); background-repeat: repeat-y; width:10px}
body.sand div.contentBlockA td.b2 {background-image: url(/images/site/contentBlockA_b2.jpg); background-repeat: repeat}
body.sand div.contentBlockA td.c2 {background-image: url(/images/site/contentBlockA_c2.jpg); background-repeat: repeat-y; height:10px}
body.sand div.contentBlockA td.a3 {background-image: url(/images/site/contentBlockA_a3.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockA td.b3 {background-image: url(/images/site/contentBlockA_b3.jpg); background-repeat: repeat-x; height:10px}
body.sand div.contentBlockA td.c3 {background-image: url(/images/site/contentBlockA_c3.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockA td.a1_titlebar {background-image: url(/images/site/contentBlockA_a1_titlebar.jpg); background-repeat: no-repeat; width:10px; height:30px}
body.sand div.contentBlockA td.b1_titlebar {background-image: url(/images/site/contentBlockA_b1_titlebar.jpg); background-repeat: repeat-x; height:30px}
body.sand div.contentBlockA td.c1_titlebar {background-image: url(/images/site/contentBlockA_c1_titlebar.jpg); background-repeat: no-repeat; width:10px; height:30px}

body.sand div.contentBlockB td.a1 {background-image: url(/images/site/contentBlockB_a1.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockB td.b1 {background-image: url(/images/site/contentBlockB_b1.jpg); background-repeat: repeat-x; height:10px}
body.sand div.contentBlockB td.c1 {background-image: url(/images/site/contentBlockB_c1.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockB td.a2 {background-image: url(/images/site/contentBlockB_a2.jpg); background-repeat: repeat-y; width:10px}
body.sand div.contentBlockB td.b2 {background-image: url(/images/site/contentBlockB_b2.jpg); background-repeat: repeat}
body.sand div.contentBlockB td.c2 {background-image: url(/images/site/contentBlockB_c2.jpg); background-repeat: repeat-y; height:10px}
body.sand div.contentBlockB td.a3 {background-image: url(/images/site/contentBlockB_a3.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockB td.b3 {background-image: url(/images/site/contentBlockB_b3.jpg); background-repeat: repeat-x; height:10px}
body.sand div.contentBlockB td.c3 {background-image: url(/images/site/contentBlockB_c3.jpg); background-repeat: no-repeat; width:10px; height:10px}
body.sand div.contentBlockB td.b2 p {margin:5px, 0px}
body.sand div.contentBlockB td.b2 table.text {border:1px solid #553027}
body.sand div.contentBlockB td.b2 table.text th {background-color: #553027; color:#fee3ce; font-size:12px; font-weight:bold}
body.sand div.contentBlockB td.b2 table.text td {padding:1px; border:1px solid #b0a091}

body.sand div.contentBlockB h1 {font-size: 14px; font-weight:bold; margin-top:0px; margin-bottom:2px}
body.sand div.contentBlockB p {text-indent:20px;text-align:justify;margin-top:2px; margin-bottom:2px}

body.sand div.contentBlockB div.separatorH {font-size: 1px; background-image: url(/images/site/separator_h.gif); background-repeat: repeat-x; height:2px; padding:0px; margin-top:2px; margin-bottom:2px}

/* End skin: sand */
/* End skins */

body.sand div.productTrio {height:270px}
body.sand div.productTrio h1 {color:#260000; font-size: 14px; font-weight:bold; margin-bottom:0px}

body.sand div.productA {width:180px; height:260px}
body.sand div.productA h1 {color:#260000; font-size: 12px; font-weight:bold; margin-bottom:3px}
body.sand div.productA a {color:black; text-decoration:none}
body.sand div.productA a:hover {color:black; text-decoration:underline; background-color:white;}

body.sand div.productB {text-align:justify;}
body.sand div.productB h1 {color:#260000; font-size: 16px; font-weight:bold}
body.sand div.productB h2 {color:#260000; font-size: 12px; font-weight:bold; margin-bottom:5px}
body.sand div.productB .normalPrice {color:#260000; font-size: 14px; font-weight:bold}
body.sand div.productB .fullPrice {color:#260000; font-size: 10px; font-weight:normal; text-decoration: line-through}
body.sand div.productB .discountPrice {color:#f00000; font-size: 14px; font-weight:bold}
body.sand div.productB div.shortDescription {text-indent:20px;margin:10px 0px; color:#260000; font-size: 14px; font-weight:bold}
body.sand div.productB div.longDescription {color:#260000; font-size: 12px; font-weight:normal}


/* Paging */

div.pagingBlock {width:100%; text-align:center; clear:both}
div.pagingControls {width:210px; height:20px; position:relative; margin:0px auto}
div.pagingControls a.firstPage {display: block; position:absolute; top:0px; left:0px; width:33px; height:16px; background-image: url(/images/site/page_first.gif)}
div.pagingControls a.previousPage {display: block; position:absolute; top:0px; left:40px; width:26px; height:16px; background-image: url(/images/site/page_prev.gif)}
div.pagingControls div.pageInput {position:absolute; top:0px; left:70px; width:70px; font-weight:bold; text-align:center}
div.pagingControls div.pageInput input {width:25px; text-align:right}
div.pagingControls a.nextPage {display: block; position:absolute; top:0px; left:143px; width:26px; height:16px; background-image: url(/images/site/page_next.gif)}
div.pagingControls a.lastPage {display: block; position:absolute; top:0px; left:176px; width:33px; height:16px; background-image: url(/images/site/page_last.gif)}

/* Progress bar */

.progresscontainer {
	width: 100px;
	height: 3px;
	background-color: #aaaaaa;
}

.progressbar {
	width: 0px;
	height: 3px;
	background-color: lime;
}

/* other */
abbr {
	border-bottom: 1px dashed red;
	color:red;
}



.colored table {
	border:1px solid #dfc9ad;
	background:white;
	border-spacing:0px;
	padding:0px;
	margin:10px;
}

.colored th {
	background: #4b2319;
	border:1px solid #dfc9ad;
	color:white;
	padding: 5px;	
}

.colored td {
	background: #ffe6c7;
	border:1px solid #dfc9ad;
	color:black;	
	padding: 5px;
}

td.second {
	background: white;
}

input.okinput 
{
    width:70px;
    border:1px solid silver;
}

input.badinput
{
    border:1px solid red;
}

.filterfield 
{
    width: 170px;
}

.thumb
{
    width:70px;
    height:70px;
    border:2px solid gray;
}

.message_info, .message_error, .message_warning
{
    border: 1px solid;
    margin: 10px 0px;
    padding:5px 10px 5px 36px;
    background-repeat: no-repeat;
    background-position: 10px center;
   	font-family: tahoma;
	font-size: 85%;
	line-height: 130%;
}

.message_info
{
    border: 2px solid green;
    background-color: #DFF2BF;
    background-image: url('/images/site/info.png');
}

.message_warning {
    border: 2px solid gold;
    background-color: #FEEFB3;
    background-image: url('/images/site/warning.png');
}

.message_error {
    border: 2px solid red;
    background-color: #FFBABA;
    background-image: url('/images/site/error.png');
}

