
/******************/
/* General Styles */
/******************/

* {
 font-family: "Times New Roman", Times New Roman, "Times Roman", Times Roman, Times, serif;
 font-size: 14px;
 color: #001051;
}

p {
 margin: 0;
 padding: 0 0 10px 0;
 line-height: 1.6em;
}

p.big, p.big * {
 font-size: 15px;
}

p.address {
 line-height: 1.1em;
}

a {
 text-decoration: none;
}
a:hover {
 text-decoration: underline;
}

.i, .i *, i, i * {
 font-style: italic;
}

.b, .b *, b, b * {
 font-weight: bold;
}

.darkblue {
 color: #1f3a8b;
}

.lightblue {
 color: #4369dc;
}

.green {
 color: #009904;
}

*.u {
 text-decoration: underline;
}

.pipe {
 display: inline-block;
 width: 12px;
 height: 12px;
 background-color: transparent;
 background-image: url(/images/pipe.png);
 background-repeat: no-repeat;
 background-position: 0 50%;
 vertical-align: middle;
}

h1 {
 margin: 0;
 padding: 0;
 font-size: 34px;
 font-weight: bold;
 color: #4369dc;
 font-variant: small-caps;
}
.h1 {
 margin-left: 5px;
}

.h2, .h2 *, h2 {
 font-size: 18px;
 color: #1f3a8b;
 margin: 0;
 padding: 0 0 17px 0;
}

.h3, .h3 *, h3 {
 font-size: 16px;
 font-weight: bold;
 color: #1f3a8b;
 margin: 0;
 padding: 0 0 10px 0;
}

.h4, .h4 *, h4, h4 * {
 margin: 0;
 padding: 0;
 font-size: 15px;
 font-weight: bold;
 color: #1f3a8b;
}

small, .small, .small a {
 font-size: 12px;
}

.smaller, .smaller a {
 font-size: 11px;
}

ul {
 margin: 0;
 padding: 0;
}
ul li {
 list-style-type: none;
 list-style-position: outside;
 background-image: url(/images/bullet.gif);
 background-repeat: no-repeat;
 background-position: 0 4px;
 padding: 0 0 0 25px;
}
ul.spaced li {
 padding-top: 10px;
 background-position: 0 14px;
 padding-bottom: 10px;
}

hr, .hr {
 height: 1px;
 margin: 0;
 padding: 0;
 background-color: #75734c;
 border-bottom: solid 1px #cdc4ac;
}

.diamondunderline {
 width: 247px;
 height: 12px;
 padding-top: 8px;
 background-image: url(/images/diamondunderline.gif);
 background-repeat: repeat-x;
 background-position: 0 100%;
}

/********************/
/* Body and Wrapper */
/********************/

body {
 margin: 0;
 padding: 0;
 background-color: #001051;
 text-align: center;
}

#bg {
 position: fixed;
 left: 0px;
 top: 0px;
 width: 100%;
 height: 719px;
 background-image: url(/images/body_bg.png);
 background-repeat: repeat-x;
 z-index: -1;
}

#map {
 position: fixed;
 left: 50%;
 width: 1226px;
 height: 1054px;
 margin: 0 0 0 -613px;
 background-image: url(/images/map.jpg);
 background-repeat: no-repeat;
 background-position: 50% 0;
 z-index: -1;
}

#wrapper {
 width: 826px;
 margin: 0 auto 0 auto;
 padding: 25px 0 25px 0;
 text-align: left;
}




/**********/
/* Header */
/**********/

#header {
 height: 61px;
 margin: 0 0 11px 0;
 padding: 47px 34px 0 0;
 background-color: transparent;
 background-image: url(/images/header.png);
 background-repeat: no-repeat;
 text-align: right;
}

#header a {
 display: block;
 float: right;
 height: 13px;
 margin-left: 18px;
}
#header a:hover {
 text-decoration: none;
}


/*************/
/* Container */
/*************/

.container .top {
 height: 20px;
 background-image: url(/images/container_top_bg.png);
 background-repeat: no-repeat;
}
.container .mid {
 padding: 2px 7px 2px 7px;
 background-image: url(/images/container_mid_bg.png);
 background-repeat: repeat-y;
}
.container .bot {
 height: 20px;
 background-image: url(/images/container_bot_bg.png);
 background-repeat: no-repeat;
}





/***********/
/* Content */
/***********/

.content {
 padding: 15px 20px 25px 40px;
}

.withminishoppingcart {
 clear: right;
 float: left;
 margin-left: 50px;
 width: 650px;
 padding-left: 30px;
 padding-right: 0;
}




/********************/
/* Forms and Inputs */
/********************/

legend {
 font-size: 14px;
 font-weight: bold;
 color: #DC8816;
}

label {
 float: left;
 clear: both;
 margin: 0px 10px 5px 0px;
 font-size: 13px;
}

label.required {
 font-weight: bold;
}

input, textarea, select, div.fieldsetvalue {
 margin: 0 0 5px 0;
 float: right;
 text-align: left;
 font-family: Arial, Tahoma, sans-serif;
 font-size: 10px;
 background-position: top right;
 background-repeat: no-repeat;
}

input, div.fieldsetvalue {
 width: 65%;
}

div.fieldsetvalue {
 overflow: visible;
}

div.fieldsetvalue input {
 float: left;
 margin-bottom: 0;
 margin-left: -4px;
}

input.checkbox, input[type=checkbox] {
 width: auto;
}

input[type=radio] {
 float: left;
 width: auto;
}
label.radio {
 clear: none;
 width: 90%;
 padding-left: 10px;
}

.invalid {
 background-color: #ef7975;
}







/***********/
/* Buttons */
/***********/

.btn_checkout {
 display: block;
 width: 125px;
 height: 25px;
 border: none;
 background-color: transparent;
 background-image: url(/images/btn_checkout.png);
 background-repeat: no-repeat;
 cursor: pointer;
}
.btn_addtoorder {
 display: block;
 width: 186px;
 height: 25px;
 border: none;
 background-color: transparent;
 background-image: url(/images/btn_addtoorder.png);
 background-repeat: no-repeat;
 cursor: pointer;
}
.btn_remove {
 display: block;
 width: 83px;
 height: 20px;
 border: none;
 background-color: transparent;
 background-image: url(/images/btn_remove.png);
 background-repeat: no-repeat;
 cursor: pointer;
}
.btn_emptycart {
 display: block;
 width: 125px;
 height: 25px;
 border: none;
 background-color: transparent;
 background-image: url(/images/btn_emptycart.png);
 background-repeat: no-repeat;
 cursor: pointer;
}
.btn_confirm {
 display: block;
 width: 125px;
 height: 25px;
 border: none;
 background-color: transparent;
 background-image: url(/images/btn_confirm.png);
 background-repeat: no-repeat;
 cursor: pointer;
}





/********************/
/* Specific Content */
/********************/

#minishoppingcart {
 float: right;
 width: 217px;
 margin: 5px 10px 0 0;
 padding: 75px 0 10px 0;
 border: solid 1px #001051;
 background-color: #e1e6f8;
 background-image: url(/images/minishoppingcart_header.gif);
 background-repeat: no-repeat;
 background-position: 0 10px;
 overflow: hidden;
 }

#minishoppingcart div.interior {
 padding: 0 7px 0 7px;
}

#minishoppingcart div.item {
 padding: 5px;
}

#minishoppingcart div.item div, #minishoppingcart div.total {
 padding: 0;
}

#minishoppingcart div.item div.name {
 float: left;
 font-size: 13px;
 width: 108px;
 padding-right: 5px;
}
#minishoppingcart div.item div.qty {
 float: left;
 width: 25px;
 font-size: 13px;
 text-align: center;
}
#minishoppingcart div.item div.price {
 float: left;
 width: 50px;
 padding-left: 5px;
 font-size: 13px;
 overflow: visible;
 text-align: right;
}

#minishoppingcart div.total {
 clear: left;
 padding-top: 25px;
 text-align: right;
}


.product {
 float: left;
 width: 170px;
 margin: 0 60px 25px 0;
}

.product .productthumb img {
 border: none;
}
.product label {
 float: none;
}
.product input.qty, .productdetail input.qty {
 float: none;
 width: 25px;
 margin-left: 10px;
}



.shoppingcart {
 border: solid 2px #1f3a8b;
 padding: 0;
 background-color: #fdfaf5;
}
table.shoppingcart {
 border-collapse: collapse;
}
div.shoppingcart {
 padding: 15px;
}
table.shoppingcart td, div.shoppingcart * {
 color: #1f3a8b;
}

table.shoppingcart thead tr th {
 height: 28px;
 line-height: 28px;
 color: #fff;
 font-style: italic;
 font-weight: bold;
 background-image: url(/images/shoppingcart_th_bg.gif);
 background-repeat: repeat-x;
}
table.shoppingcart .name {
 width: 310px;
 padding-left: 30px;
 text-align: left;
}
table.shoppingcart .price {
 width: 95px;
 padding-left: 5px;
 padding-right: 5px;
 text-align: center;
}
table.shoppingcart .qty {
 width: 45px;
 text-align: center;
}
table.shoppingcart .totals {
 width: 140px;
 padding-left: 5px;
 padding-right: 15px;
 text-align: right;
}
table.shoppingcart .remove {
 width: 85px;
 padding-right: 10px;
 text-align: center;
}
table.shoppingcart tbody tr td {
 padding: 7px 0;
}
table.shoppingcart tbody tr.odd td {
 background-color: #f2e3c6;
}









/*********************************/
/* Floaters and Mouseover popups */
/*********************************/

.floatercell {
 height: 260px;
 float: left;
 border: none;
 margin: 0px;
 overflow: visible;
}

.paddingDiv {
 float: left;
 margin-right: 60px;
}

.activeImg {
 border: none;
 margin: 0 0 7px 0;
}

#trailimageid {
 font-size: 0.75em;
 position: absolute;
 display: none;
 left: 0px;
 top: 0px;
 width: auto;
 height: 0px;
 z-index: 200;
}







/*********************************************/
/* Responses: Errors, Notices, and Successes */
/*********************************************/

div.response {
 max-width: 525px;
 padding: 6px 10px 6px 35px;
 margin: 0 auto 15px auto;
 background-position: 8px 50%;
 background-repeat: no-repeat;
}
div.errors {
 background-color: #ffccbb;
 background-image: url(../images/icons/icon_response_error.png);
}
div.notices {
 background-color: #ffebcc;
 background-image: url(../images/icons/icon_response_notice.gif);
}
div.successes {
 background-color: #66aa66;
 background-image: url(../images/icons/icon_response_success.png);
}
div.infos {
 background-color: #009900;
 background-image: url(../images/icons/icon_response_info.gif);
}


div.response p {
 padding: 0px;
 margin: 3px 5px;
}
div.errors p, div.errors p * {
 color: #bf0f1f;
}
div.notices p, div.notices p * {
 color: #fff;
}
div.successes p, div.successes p * {
 color: #ddd;
}
div.infos p, div.infos p * {
 color: #fff;
}

input.invalid, textarea.invalid, select.invalid {
 /* background-color: #ef3f4f; */
 border: solid 2px #ef3f4f;
}




/**********/
/* Footer */
/**********/

#footer {
 padding: 20px 0;
 text-align: center;
}

#footer, #footer a {
 color: #a6baf1;
 vertical-align: middle;
}

#footer a {
 padding: 0 10px;
}

