html {background: #a70230;}
body { background: #a70230; margin: 0; padding: 0; font-family: "officina", Verdana, sans-serif; font-size: 12px; color: #313333;}

h1 { font-size: 20px; font-weight: normal; margin: 0 0 10px 0;}
h2 { font-size: 18px; font-weight: normal; margin: 0 0 10px 0;}
h3 { font-size: 14px/* 16px */; font-weight: bold; margin: 0 0 10px 0;}

h1 .small {font-size: 14px;}

h1.separator,
h2.separator,
h3.separator { position: relative; height: auto !important; background: none !important; border-bottom: solid #6e7c7b 1px; border-top: none !important; padding: 0 0 9px 0; margin: 0 0 10px 0 !important;}
h3.separator { font-size: 18px;}
h1.separator a,
h2.separator a,
h3.separator a {padding: 0; background: none; color: #313333 !important;}

p {}

a { font-size: 12px; /* background: transparent url(../images/red-arrows.gif) no-repeat 0 4px; padding: 0 0 0 10px; */}
a:link, a:visited { color: #a70230 !important; text-decoration: none !important;}
a:hover, a:active { color: #a70230 !important; text-decoration: underline !important;}

a img { border: none; }

table {}

ul { padding: 0; margin: 0;}
ol { float: left; padding: 0 0 0 25px; margin: 0;}
ol  li{ /* margin: 0; padding: 0; */ line-height: 16px;}

a.flat-button,
a.orange-button,
a.gray-button,
a.white-button,
a.red-button {cursor: pointer;}

a.red-button.long span {width: 130px; text-align: center;}

a.flat-button:hover,
a.orange-button:hover,
a.gray-button:hover,
a.white-button:hover,
a.red-button:hover {text-decoration: none !important;}

span.gray-button, span.gray-button input, a.gray-button, a.gray-button span {display: inline-block; background: transparent url(../images/gray-button.gif) no-repeat 0 0 !important; border: none;}
span.gray-button, a.gray-button  { padding: 0 0 0 15px !important;}
span.gray-button input , a.gray-button span {text-shadow: #ffffff 0.1em 0.1em 0.1em; height: 22px; padding: 0 15px 0 0; line-height: 22px; color: #313333; font-weight: bold !important; background-position: top right !important; cursor: pointer; margin: 0;}
span.gray-button input { width: auto; overflow: visible; margin: 0;}

span.orange-button, span.orange-button input, a.orange-button, a.orange-button span {display: inline-block; background: transparent url(../images/orange-button.gif) no-repeat 0 0; cursor: pointer; border: none; margin: 0;}
span.orange-button, a.orange-button  { padding: 0 0 0 10px;}
span.orange-button input, a.orange-button span {height: 24px; padding: 0 10px 0 0; line-height: 21px; color: #fff; text-transform: uppercase; font-weight: bold; background-position: top right; cursor: pointer; border: none; margin: 0;}
span.orange-button input { width: auto; overflow: visible; margin: 0;}

span.flat-button, span.flat-button input, a.flat-button, a.flat-button span {display: inline-block; background: transparent url(../images/flat-button.gif) no-repeat 0 0; cursor: pointer;}
span.flat-button, a.flat-button  { padding: 0 0 0 15px;}
span.flat-button input, a.flat-button span {height: 24px; padding: 0 15px 0 0; line-height: 21px; font-weight: bold; background-position: top right; cursor: pointer; text-shadow:0.1em 0.1em 0.1em #FFFFFF;}
span.flat-button input { width: auto; overflow: visible; margin: 0;}
span.flat-button:hover input, a.flat-button:hover span {color: #313333;}

span.white-button, span.white-button input, a.white-button, a.white-button span {display: inline-block; background: transparent url(../images/white-button.gif) no-repeat 0 0; cursor: pointer; border: none; margin: 0;}
span.white-button, a.white-button  { padding: 0 0 0 10px;}
span.white-button input, a.white-button span {height: 22px; padding: 0 10px 0 0; line-height: 22px; color: #313333; font-weight: bold; background-position: top right;}
span.white-button input { width: auto; overflow: visible; margin: 0;}

span.red-button, span.red-button input, a.red-button, a.red-button span {display: inline-block; background: transparent url(../images/red-button.gif) no-repeat 0 0; cursor: pointer; border: none; margin: 0;}
span.red-button, a.red-button  { padding: 0 0 0 10px;}
span.red-button input, a.red-button span {height: 24px; padding: 0 10px 0 0; line-height: 24px; color: #fff; font-weight: bold;}
span.red-button input { width: auto; overflow: visible; margin: 0;}

input.hae-button {background: transparent url(../images/hae-button-white.gif) no-repeat 0 0; height: 24px; width: 70px; border: none; }

#page #page-content .info-box .info-box1 .info-box2 .info-box3 a.red-button  {background-position: top left;}

.info-box a.gray-button  {background-position: left -46px !important; height: 24px;}
.info-box a.gray-button span  {background-position: right -46px !important; line-height: 24px; height: 24px;}

#main-content-small .light-box table.shopping-cart td a.gray-button,
#main-content .white-box a.gray-button,
#main-content-small .white-box a.gray-button,
#main-content-large .white-box a.gray-button {background-position: left -46px !important; height: 24px; line-height: 24px;}
#main-content-small .light-box table.shopping-cart td a.gray-button span,
#main-content .white-box a.gray-button span,
#main-content-small .white-box a.gray-button span,
#main-content-large .white-box a.gray-button span {background-position: right -46px !important; height: 24px; line-height: 24px;}

#main-content .light-box a.flat-button,
#main-content-small .light-box a.flat-button,
#main-content-large .light-box a.flat-button {background-position: left -24px !important; height: 24px; line-height: 24px;}
#main-content .light-box a.flat-button span,
#main-content-small .light-box a.flat-button span,
#main-content-large .light-box a.flat-button span {background-position: right -24px !important; height: 24px; line-height: 24px;}

#main-content-small .light-box table.shopping-cart td a.flat-button {background-position: left -48px !important; height: 24px; line-height: 24px;}

#main-content-small .light-box table.shopping-cart td a.flat-button span {background-position: right -48px !important; height: 24px; line-height: 24px;}

.login-box .gray-button,
#main-content .gray-button,
#main-content-small .gray-button,
#main-content-large .gray-button  {background-position: left -70px !important; height: 24px; line-height: 24px;}
.login-box .gray-button input,
#main-content .gray-button input,
#main-content-small .gray-button input,
#main-content-large .gray-button input,
.login-box .gray-button span,
#main-content .gray-button span,
#main-content-small .gray-button span,
#main-content-large .gray-button span {background-position: right -70px !important; height: 24px; line-height: 24px;}
#main-content .light-box  .gray-button ,
#main-content-small .light-box  .gray-button ,
#main-content-large .light-box .gray-button  {background-position: left -22px !important;}
#main-content .light-box  .gray-button span,
#main-content-small .light-box  .gray-button span,
#main-content-large .light-box .gray-button span {background-position: right -22px !important;}

#main-content a.red-button,
#main-content-small a.red-button,
#main-content-large a.red-button  {background-position: left -24px; height: 26px;}
#page #page-content .info-box .info-box1 .info-box2 .info-box3 a.red-button span {background-position: top right;}
#main-content a.red-button span,
#main-content-small a.red-button span,
#main-content-large a.red-button span {background-position: right -24px; height: 26px; line-height: 26px;}

a.arrow-link {background: transparent url(../images/arrow.gif) no-repeat 0 5px; padding: 0 0 0 10px; color:#A70230 !important; cursor: pointer; }
#main-content a.arrow-link:link,
#main-content a.arrow-link:visited,
#main-content-small a.arrow-link:link,
#main-content-small a.arrow-link:visited,
#main-content-large a.arrow-link:link,
#main-content-large a.arrow-link:visited { text-decoration: underline !important; color:#A70230 !important; cursor: pointer;}
#main-content a.arrow-link:hover,
#main-content a.arrow-link:active,
#main-content-small a.arrow-link:hover,
#main-content-small a.arrow-link:active,
#main-content-large a.arrow-link:hover,
#main-content-large a.arrow-link:active { text-decoration: none !important; color:#A70230 !important; cursor: pointer;}
a.red-arrows {background: transparent url(../images/red-arrows.gif) no-repeat 0 5px; padding: 0 0 0 10px;}
a.red-arrows-end {background: transparent url(../images/red-arrows.gif) no-repeat right 5px; padding: 0 10px 0 0;}

input.short,
select.short {width: 100px;}
input.medium,
select.medium {width: 140px;}
input.long,
select.long {width: 200px;}
input.small {width: 40px;}

input.default {color: #a6afae;}

#left-sidebar input.short,
#left-sidebar select.short,
#right-sidebar input.short,
#right-sidebar select.short {width: 100px;}
#left-sidebar input.medium,
#left-sidebar select.medium ,
#right-sidebar input.medium,
#right-sidebar select.medium {width: 124px; margin: 0 10px 0 0 !important;}
#left-sidebar input.long,
#right-sidebar input.long {width: 194px;}
#left-sidebar select.long,
#right-sidebar select.long {width: 200px;}
span.date {font-size: 12px;}

.rss {/* background: transparent url(../images/icon_rss.gif) no-repeat 0 0;  */ background: none; /* height: 16px; width: 16px;  */cursor: pointer;}
.rss {position: absolute; right: 0; top: 0;}

#left-sidebar .search input,
#left-sidebar .search select ,
#right-sidebar .search input,
#right-sidebar .search select  {margin: 0 0 10px 0;}

img.left {height: auto !important; width: auto !important; float: left; margin: 0 10px 10px 0; }
img.right {height: auto !important; width: auto !important; float: right; margin: 0 0 10px 10px; }

div.light-separator {border-top: solid #c9d0cc 1px; margin: 10px 0; padding: 0; clear: both; float: none;}
div.hidden-separator {margin: 10px 0; padding: 0; clear: both; float: none;}

span.required {color: #a70230;}

p.center {text-align: center;}

a.close,
a.open {height: 10px; width: 11px; display: inline-block; position: absolute; top: 10px; right: 10px; cursor: pointer; padding: 0; margin: 0; line-height: 10px !important;}
a.open {background: transparent url(../images/icon_open_close.gif) no-repeat 0 0; }
a.close {background: transparent url(../images/icon_open_close.gif) no-repeat 0 -11px;}

a.box-close,
a.box-open { height: 14px; width: 14px; display: inline-block; position: absolute; top: 11px; right: 10px; cursor: pointer;}
a.box-open {background: transparent url(../images/icon_box_open_close.gif) no-repeat 0 0; }
a.box-close {background: transparent url(../images/icon_box_open_close.gif) no-repeat 0 -13px;}

/*availability*/
span.available {padding: 0 0 0 15px; background: transparent url(../images/icon_available.gif) no-repeat 0 3px;}

span.search-word { font-size: 18px; }