@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bkgrnd.gif);
	background-color: #E0DFCA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a {
	color: #333333;

}

#leftcolumn {
	width: 22px;
}
#rightcolumn {
	width: 31px;
}
#middlecorners {
	width: 32px;
}
#topleftcontent {
	width: 205px;
	background-image: url(../images/topedge.gif);
	background-repeat: repeat-x;
}

#toprightcontent {
	width: auto;
	background-image: url(../images/topedge.gif);
	background-repeat: repeat-x;
}

#bottomleftcontent {
	width: 205px;
	background-image: url(../images/bottomedge.gif);
	background-repeat: repeat-x;
}

#bottomrightcontent {
	width: auto;
	background-image: url(../images/bottomedge.gif);
	background-repeat: repeat-x;
}

#middleedges {
	background-image: url(../images/middleedges.gif);
	background-repeat: repeat-y;
}

#leftedges {
	background-image: url(../images/leftedge.gif);
	background-repeat: repeat-y;
}

#rightedges {
	background-image: url(../images/rightedge.gif);
	background-repeat: repeat-y;
}
.maintable {
	width: 925px;
}
.leftcontentspace {
	background-color: #FFFFFF;
}

.rightcontentspace {
	background-color: #FFFFFF;
	color: #003366;
	line-height: 1.3em;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.rightcontentspace h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ADC048;
	padding-top: 10px;
}
#topmenu td {
	text-align: center;
}

#topmenu a {
	text-align: center;
	font-weight: bold;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#topmenu a:hover {
	color: #CC3300;

}

#topmenu img {
	padding-bottom: 3px;
    height: 52px;
    width: 67px;
}
img {
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
td {
	vertical-align: top;
}

.benefitleft {
	height: 100px;
	padding-left: 25px;
	padding-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	width: 135px;
	padding-top: 35px;
}

.benefitright {
	height: 100px;
	padding-left: 15px;
	padding-right: 25px;
	width: 135px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
	padding-top: 35px;
}
#footer td {
	font-size: 11px;
}
.privacy {
	width: 350px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	font-size: 11px;
}

.copyright {
	font-size: 10px;
	text-align: center;
	color: #666666;
	padding-top: 25px;
}

.copyright a {
	color: #666666;
	text-decoration: none;
}

.bottommenu {
	text-align: right;
}

.bottommenu a {
	color: #000000;
	text-decoration: none;
	padding-right: 4px;
	padding-left: 4px;
	font-size: 11px;
}

.bottommenu a:hover {
	text-decoration: underline;


}
h2 {
	font-size: 14px;
	text-transform: capitalize;
	display: inline;
}
.buttonOld {
	background-color: #366295;
	border: 1px solid #666666;
	margin-left: 10px;
	font-weight: bold;
	color: #FFFFFF;
}
.highlight {
	color: #FF0033;
	font-weight: bold;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* common classes */

form {padding:0;margin:0;}
.clear { clear:both !important }
/*.error {color:Red; font-weight:bold;}*/
.error {color:Red;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-left input {text-align: left;}
.text-right input {text-align: right;}
.text-center input {text-align: center;}

/* list table */
table.list { border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:100%; }
table.list tr td, table.list tr th {border-left:1px solid #ccc; padding: 2px 2px 2px 2px; }
table.list tr td.tdright {text-align: right; white-space: nowrap;}
table.list tr td.tdcenter {text-align: center; white-space: nowrap;}
table.list tr td.tdtotal {text-align: right; white-space: nowrap; font-weight:bold;}
table.list tr td.tdmiddleright {vertical-align: middle; text-align: right; white-space: nowrap;}
table.list tr td.tdmiddleleft {vertical-align: middle; text-align: left; white-space: nowrap;}
table.list tr.odd { background:#eee;  }
table.list tr.totals { color:#000; font-weight:bold; }
table.list tr.selected { background:#bbf;  }
table.list tr.row_red { background:#fbb;  }
table.list tr.row_green { background:#bfb;  }
table.list tr.row_orange { background:#fa5;  }
table.list tr.bold { font-weight:bold;  }
table.list tr th { background:#e5e3e3; color:#000;  border-top:1px solid #ccc; border-bottom:1px solid #ccc}
table.list tr th a { text-decoration:none }
table.list tr th a:hover { text-decoration:none }
table.list tr span { display:block; /*border:1px solid #fff;*/ padding:4px}
table.list tr th span {/*border:1px solid #fff;*/line-height:20px}
table.list tr span + table.list {padding:0}
table.list tr a { color:#555555; text-decoration:none; display:block; line-height:20px; padding:4px}
table.list tr a:hover { color:#555555; text-decoration:underline; }
table.list tr a.unline:hover { color:#555555; text-decoration:none; }
table.list tr a.delete { color:#ff9c00; text-decoration:none; }
table.list tr a.delete:hover { color:#ff9c00; text-decoration:underline; }
table.list tr td.action a { color:#ff9c00; text-decoration:underline; }

/* typical element form */
div.element {width: 100%; color: #555; }
div.element div.invisible{display:none;}
div.element div.title {width: 100%; font: bold 16px Arial; text-align: center; color: Black;}
div.element div.left {float: left; }
div.element div.right {float: right; text-align: right;}

div.element .label {text-align: right; width: 150px; padding: 7px 5px 5px 5px;}
div.element .label_valign {text-align: right; width: 150px; vertical-align:middle; padding-right: 5px;}
div.element .label_middle {text-align: right; width: 90px; padding: 7px 5px 5px 5px;}

div.element .label_small {text-align: right; width: 100px; padding-right: 3px;}
div.element .label_little {text-align: right; width: 90px; padding-right: 3px;}

div.element .label_no_width {text-align: right; padding-right: 3px;}
div.element table.three .label {text-align: right; width: 130px; padding-right: 3px;}
div.element table.four .label {text-align: right; width: 110px; padding-right: 3px;}
div.element table.five .label {text-align: right; width: 80px; padding-right: 3px;}
div.element .input {}
div.element .tdright {text-align: right; padding: 0px 2px 0 2px;}

div.element input[readonly] {background:#eee; border: solid 1px #ccc;}
div.element input[readonly="readonly"] {background:#eee; border: solid 1px #ccc;}
div.element input.text {width: 200px; border: solid 1px #ccc; padding-left:4px;}
div.element input.half {width: 96px; border: solid 1px #ccc; padding-left:4px;}
div.element textarea.text {width: 200px; height:70px; border: solid 1px #ccc; padding-left:4px;}
div.element select.select {width: 202px; border: solid 1px #ccc; font-size:14px; }
div.element select.select_vat {width: 220px; border: solid 1px #ccc; font-size:14px; }
div.element input.big {width: 400px; border: solid 1px #ccc;padding-left:4px;}
div.element select.text {width: 200px; border: solid 1px #ccc; padding-left:4px;}
div.element select.small {width: 70px; border: solid 1px #ccc;}
div.element select.big {width: 400px; border: solid 1px #ccc;}
div.element select.xbig {width: 600px; border: solid 1px #ccc;}
div.element select.sbig {width: 380px; border: solid 1px #ccc;}
div.element input.medium {width: 120px; border: solid 1px #ccc;padding-left:4px;}
div.element input.medium_right {width: 120px; border: solid 1px #ccc;padding-left:4px;text-align:right;}
div.element select.medium {width: 120px; border: solid 1px #ccc;}
div.element span.small input {width: 30px; border: solid 1px #ccc;padding-left:4px;}

div.element input.small_right {width: 20px; border: solid 1px #ccc;padding-left:4px;text-align:right;}
div.element input.big {width: 390px; border: solid 1px #ccc;padding-left:4px;}
div.element td.oninput {width: 200px;}
div.element input.date-time {width: 100px; border: solid 1px #ccc; padding-left:4px; }
div.element input.date {width: 75px; border: solid 1px #ccc; padding-left:4px;}
div.element select.small {width: 70px; border: solid 1px #ccc;}
div.element div.button_update {padding: 5px;}

/***************************************************/
input.small {width: 30px; border: solid 1px #ccc;padding-left:4px;}
input.small_right {width: 30px; border: solid 1px #ccc;padding-left:4px; text-align:right}
span.total_cart { color:#000; font-weight:bold; font-size:14px }
span.total_order { color:#000; font-weight:bold; font-size:14px }
span.total_discount { color:#000; font-weight:bold; font-size:12px }
span.discount_code { color:#ADC048; font-weight:bold; font-size:12px }
span.invalid-discount-code
{
    color: #FF9900;
    font-weight: bold;
    font-size: 12px;
}
textarea {border: solid 1px #A0C7E1; font: 90% Verdana; overflow: hidden; color: #555; height:40px;width:300px;}
textarea.comment {border: solid 1px #A0C7E1; font: 100% Verdana; overflow: hidden; color: #555; height:60px;width:500px;}

div.validation-summary-valid {display: none; color: #ff0000;}
.field-validation-error {color: #ff0000; }
.field-validation-valid {display: none;}
.input-validation-error {border: 1px solid #ff0000; background-color: #ffeeee; }

div.validation_summary div.validation-summary-errors {width:auto; min-height:44px; border:1px solid #ffcf0f; padding:0 40px; background-color:#ffffde; background-position:20px 15px; background-repeat:no-repeat;}
div.validation_summary p {margin:10px 0;}
div.validation-summary-errors {padding-left: 55px; background-image:url('../images/icon_alert_24wx24h.gif');}

div.debug_info {width:auto; min-height:44px; border:1px solid #ffcf0f; padding:0 40px; background-color:#ffffde; background-position:20px 15px; background-repeat:no-repeat;}

h5 {
	font-size: 14px;
	text-transform: capitalize;
	display: inline;
    color: red;
}

h6 {
	font-size: 14px;
	text-transform: capitalize;
	display: inline;
    color: red;
    font-weight:bold;
    margin-left:30px;
}

.order_edit textarea { width: 100%;}

/***************************************************/

/* Test Button */
.roundedButton {
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;

    color: #181818;
    color: rgba(0,0,0,0.4);
    width: 65px;

    padding: 8px 12px;
    border: none;
    outline:none;
    outline:0;

    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;

    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 3px rgba(0,0,0,0.8);
}

input.link
{
    border: none;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
    color: #0000ff;
}

a.button
{
    border: 1px solid #a9a9a9;
    padding: 3px 8px 3px 8px;
    background-color: #dbdbdb;
    text-decoration: none;
    color: #000000;
}

img.link
{
    opacity:1.0;
    -moz-opacity:1.0;
    filter: alpha(opacity=100);
    -khtml-opacity: 1.0;
} 
img.link:hover, #topmenu td:hover
{
    opacity:0.8;
    -moz-opacity:0.8;
    filter: alpha(opacity=80);
    -khtml-opacity: 0.8;
} 
img.link:hover{ cursor: pointer; }

/* Test For Cart */

#shopp #cart table {
padding:10px 0;
width:100%;
}

#shopp #cart th, #shopp #cart td {
font-size:13px;
padding:14px 0;
text-align:left;
}

#shopp #cart th {
color:#21759B;
font-size:14px;
font-weight:bold;
white-space:nowrap;
}

button {padding:1px 10px;}
/*button, input.button {width:auto !important; margin-right:10px; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(../images/btn_bg_sprite.gif) left 82.5% repeat-x; color:#000; overflow:visible;}
*/
button, input.button {width:auto !important; margin-left:10px; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(../images/btn_bg_sprite.gif) left 82.5% repeat-x; color:#000; overflow:visible;}
button, input.button.left {width:auto !important; margin-left:0px; border:1px solid #bfbfbf; border-right-color:#908d8d; border-bottom-color:#908d8d; padding:1px .5em; background:#e1e1e1 url(../images/btn_bg_sprite.gif) left 82.5% repeat-x; color:#000; overflow:visible;}
button:active, input.button:active {border:1px solid #908d8d; border-right-color:#afafaf; border-bottom-color:#afafaf;}
button:hover, input.button:hover {cursor:pointer;}


button.primary, input.button.primary {border:1px solid #d5bd98; border-right-color:#935e0d; border-bottom-color:#935e0d; background:#ffa822 url(../images/btn_bg_sprite.gif) left 17.5% repeat-x;}
button.primary:active, input.button.primary:active {border:1px solid #935e0d; border-right-color:#d5bd98; border-bottom-color:#d5bd98;}

button[disabled], input.button[disabled] {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button[disabled]:hover, input.button[disabled]:hover {cursor:default;}
button.disabled, input.button.disabled {border:1px solid #ccc; background:#eee; color:#b3b3b3;}
button.disabled:hover, input.button.disabled:hover {cursor:default;}
button.mini, input.mini, a.mini {font-size:.9em;}