/* CSS Document -- Pro Hart*/
* {
	margin: 0;
}

html {
        height: 100%;
}

body {
      font-family: Verdana, Tahoma, Arial, sans-serif;
      padding: 5px;
      height: 95%;
      margin: 0;
      font-size: 60%;
      text-align:center;
      background: #000 url(../images/site/bg.gif) no-repeat 0 0;
      color: #000;
}

* html body {
      font-size: 65%;
}
img {
    border: none;
}
.hoverfix {
   font-size: 1px;
   height: 1px;
}

#skipmenu, .hidden {
   position: absolute;
   left: -2000px;
   width: 1900px;
   padding: 0;
   margin: 0;
}

.clear {
   clear: both;
}

#flash-splash {margin:50px auto 0 auto;border:1px solid #fff;width:900px;height:484px;}

.FlashTable{border:1px solid #fff;
background:#000000;
margin-top:20px;}

#FlashTableText{
color:#FFFFFF;
width:900px;
border-bottom:1px solid #fff;
padding:10px 0 10px 0;
text-align:justify;
}

#FlashTableText a{
color:#FFFFFF;
}

#FlashTableTextFooter{
color:#FFFFFF;
width:900px;
padding:10px 0 10px 0;
text-align:justify;
}

.FooterTextPad{padding-left:155px;}


#wrapper{
   width: 905px;
   border: #000 1px solid;
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto;
   padding: 0;
   text-align: center;

}

#innerwrapper{background:#fff; float:left;min-height:450px;    height: auto !important;
}

#innerwrapper2{background:#fff; float:left;min-height:450px;   height: auto !important;
 }

#innerwrapper2 #content hr{border:none; }


   
#ShowCartCol{
background:#fff;
float:right;
text-align:left;
display:block;
clear:both;
width:210px;}

#ShowCartCol h2{
   color: #fff;

   padding: 10px 5px 10px 5px;
   background: #000 no-repeat 100% 0;
   margin: 0;
   text-align: left;
text-transform:uppercase;}


   
#ShowCartCol a {
   text-transform: uppercase;
   color: #B8842E;
}

#ShowCartCol a:link, #ShowCartCol a:vlink {
   text-decoration: underline;
}

#ShowCartCol a:hover, #ShowCartCol a:active {
   text-decoration: none;
}
   
   

#leftcol{

   width: 905px;
   margin: 0;
   padding: 1px 0 0 0;
      background:  url(../images/site/pro-header.gif) no-repeat 0 0;
}

#mainmenu {
  margin: 0;
padding:8px 0 22px 0;
}

#mainmenu ul {
  text-align: left;
   padding: 0;
   margin: 200px 0 0 0;
   font-size: 118%;
   text-transform: uppercase;
   width:700px;
	list-style-type:none;
	


}

#mainmenu li {
   display: inline;
   padding: 0;
   margin:  0 5px;
}

#mainmenu li a {
    padding:0;
   margin: 0;
    color:#fff;
    text-decoration: none;
}

#mainmenu li.current a {
   margin: 0;
    padding:0;
    color:#B8842E;
}

#mainmenu li a:hover, #mainmenu li a:focus {
		text-decoration:underline;
		padding:0;
		margin:0;
}


#mainmenu li.current, #mainmenu li.currentnonelast, #mainmenu li.currentlast, #mainmenu li.currentnone {
      color: #B8842E;
		text-decoration: none;
      padding: 0 0 0 0 ;
       margin: 0;
}

#mainmenu li.current a:hover, #mainmenu li.current a:focus {
}

#mainmenu #CartSummary {
   color: #fff;
   font-size: 90%;
   text-align: right;
   margin: 0 0 1em 0;
}


#mainmenu #CartSummary h2 {

   font-size: 120%;
   margin-bottom: 0.5em;
   width: auto;
   text-transform: uppercase;
   color: #B8842E;
   font-weight: normal;
}

#mainmenu #CartSummary p {
   margin-bottom: 1em;
}

#mainmenu #CartSummary h2 .bbbbig {
   font-size: 160%;
}

#mainmenu #CartSummary a {
   color: #fff;
   text-transform: none;
   text-decoration: none;
}
#mainmenu #CartSummary a:hover, #mainmenu #CartSummary a:active {
   text-decoration: underline;
}


/*----ADMIN MENU-----*/
#mainmenu2 {
  margin: 0;
  color:#FFFFFF;
padding:10px 0 22px 0;
}

#mainmenu2 ul {
  text-align: left;
   padding: 0;
   margin: 200px 0 0 0;
   font-size: 85%;
   text-transform: uppercase;
   width:750px;
	list-style-type:none;


}

#mainmenu2 li {
   display: inline;
   padding: 0;
   margin:  0 5px;
}

#mainmenu2 li a {
    padding:0;
   margin: 0;
    color:#fff;
    text-decoration: none;
}

#mainmenu2 li.current a {
   margin: 0;
    padding:0;
    color:#B8842E;
}

#mainmenu2 li a:hover, #mainmenu li a:focus {
		text-decoration:underline;
		padding:0;
		margin:0;
}


#mainmenu2 li.current, #mainmenu li.currentnonelast, #mainmenu li.currentlast, #mainmenu li.currentnone {
      color: #B8842E;
		text-decoration: none;
      padding: 0 0 0 0 ;
       margin: 0;
}

#mainmenu2 li.current a:hover, #mainmenu li.current a:focus {
}

#mainmenu2 #CartSummary {
   color: #fff;
   font-size: 90%;
   text-align: right;
   margin: 0 0 1em 0;
}


#mainmenu2 #CartSummary h2 {

   font-size: 120%;
   margin-bottom: 0.5em;
   width: auto;
   text-transform: uppercase;
   color: #B8842E;
   font-weight: normal;
}

#mainmenu2 #CartSummary p {
   margin-bottom: 1em;
}

#mainmenu2 #CartSummary h2 .bbbbig {
   font-size: 160%;
}

#mainmenu2 #CartSummary a {
   color: #fff;
   text-transform: none;
   text-decoration: none;
}
#mainmenu2 #CartSummary a:hover, #mainmenu #CartSummary a:active {
   text-decoration: underline;
}










/*----------------------*/

#content{
   background: #fff;
   float: left;
   display: inline;
   padding: 10px 0 0 0;
   margin: 10px 5px 10px 8px;
   text-align: left;
   color:#333333;
   width:890px;
}

/*#split #content {

   background: url(../images/site/dot.gif) repeat-y 415px;
} */


#content a {
   text-transform: uppercase;
   color: #B8842E;
}

#content a:link, #content a:vlink {
   text-decoration: underline;
}

#content a:hover, #content a:active {
   text-decoration: none;
}





#textcontent {
   width: 660px;
   float: left;
}

#home #textcontent, #split #textcontent {
   text-align: justify;
}

#textcontent ul {
   padding-left: 20px;
}

#textright {
  width:210px;
  float: right;
  margin: 0 0 0 0;
  padding: 0 0 10px 5px;
  display:inline;
  font-size: 100%;
  color: #000;
  border-left: 1px solid #000;
}
#home #textright, #split #textright {
   text-align: justify;
}


#content h1 {
   font-size: 140%;
   color: #B8842E;
   text-transform: uppercase;
   margin: 0 0 0.5em 0;
}

#content h2 {
   font-size: 120%;
   color: #B8842E
   text-transform: uppercase;
   margin: 0.5em 0 0.5em 0;
}

#content h3 {
   font-size: 100%;
   color: #B8842E
   text-transform: uppercase;
   margin: 0 0 0.3em 0;
}

#content p {
   margin-bottom: 1em;
}

/* All the forms stuff */
#content fieldset {
        margin: 0.5em 0;
        padding-left: 35px;
}
#home #content fieldset {
   clear: left;
}

#content fieldset.invisible {
        border: none;
        margin: 0;
        padding: 0;
}

#content fieldset p {
        margin: 0 0 0.25em 0;
        display: block;
}

#content fieldset label {
        width: 10em;
        text-align: left;
        margin: 0 0.5em 0 0;
        display: block;
        float: left;
        white-space: nowrap;
}






p .buttup {

margin-top:15px;
margin-left:15px;

}






#content fieldset span.labelextra {
        padding-left: 0.5em;
        font-size: 90%;
}

#content fieldset p.buttons {
        margin: 0.8em 0 1em 5em;
}

#content input, #content select, #content textarea {
        filter: alpha(opacity=75);
        moz-opacity: .75;
        opacity: .75;
        border: 1px solid #999;
        color: #000;
}

#content p.buttons input {
        margin: 2em 0 0 0.5em;
}

#content fieldset p.buttons input {
        margin: 0 0.5em;
        filter: alpha(opacity=100);
        moz-opacity: 1;
        opacity: 1;
}

#content fieldset p.radiooptions {
        margin: 0 0.5em 0 0;
}

#content fieldset fieldset.radiooptions p {
        margin: 0;
}

#content fieldset fieldset.radiooptions {
        border: none;
        padding-bottom: 0;
        display: inline;
}
#content fieldset fieldset.radiooptions label {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
        text-align: left;
}

#content fieldset fieldset.radiooptions input {
        display: inline;
        float: none;
        clear: none;
        padding: 0 1em 0 0;
        border: none;
}


#content fieldset div.radiolabelextra {
        display: inline;
        font-size: 80%;
        padding-left: 1em;
}


/*

#content fieldset fieldset {
        border: none;
        margin: 0;
        padding: 0;
}


#content fieldset fieldset label {
        padding: 0 1em 0 0;
        width: auto;
}        */
#content fieldset input.checkbox {
        clear: none;
        display: inline;
        border: none;
}


input.VeryShortInput {
        width: 2em;
}

input.ShortInput {
        width: 7em;
}

input.MediumInput {
        width: 12em;
}

input.LongInput {
        width: 17em;
}

input.VeryLongInput {
        width: 22em;
}

input.full {
        width: 540px;
}

#content fieldset label.left {
        text-align: left;
}


#content fieldset p label.full, #content fieldset p label.lmceEditor, #content fieldset p label.fulllow {
        margin: 0.5em 0;
        text-align: left;
        width: 540px;
}

#content textarea.fulllow {
        clear: left;
        width: 540px;
        height: 6em;
}

#content object.full, #content textarea.mceEditor, #content textarea.full {
        clear: left;
        width: 540px;
        height: 250px;
}

#content object.FullWidthHalfHeightBox {
        width: 540px;
        height: 120px;
}

#content textarea.FullWidthBox {
        width: 22em;
        height: 200px;
}

#content textarea.FullWidthHalfHeightBox {
        width: 22em;
        height: 100px;

}


/* Tables */
table {
   border-collapse: collapse;
        border: 1px solid #000;
        clear: none;
        margin: 0.5em 0;
}

caption {
   text-align: left;
   margin: 0 0 .2em 0;
   font-weight: bold;
   font-size: 120%;
}

thead th {
        background: #B8842E;
        font-weight: bold;
        color: #fff;
        font-size: 105%;
        border-bottom: 1px solid #000;
}

th {
   font-weight: normal;
}

th, td {
        padding: .3em .6em;
        border-right:1px solid #999;
        border-bottom:1px dashed #999;
}

/* This shows error messages - I usualy put in a box with a background graphic of an red exlimation mark / stop sign */
p.error {
        color: red;
        font-weight: bold;
}

/* This shows info messages - I usualy put in a box with a background graphic of an blue exlimation mark */
p.info {
        font-weight: bold;
}

div.formerror {
        border: 2px #cd0f0f solid;
        padding: 15px;
        padding-left:50px;
        background: #f7f7f7 url(../images/site/exclamation.gif) no-repeat 1.5% 13px;
        color: #000;
        margin: 0 10px 15px 0;
}
#content .formerror p {
        margin: 0.2em 0 0.2em 0;
      font-family:verdana;
}
#content .formerror ul {
        margin: 0 0 0.3em 1em;
        list-style-type: none;
        padding-left: 0px;
}
#content  .formerror li {
        padding: 0 0 0 20px;
        background: url(../images/site/arr3.gif) no-repeat 0 50%;
}

#content  .formerror a {
        color:#cd0f0f;
}

.info {
        background: #000 url(../images/site/info.gif) no-repeat 0 50%;
        color: #fff;
        padding: .2em 0.2em .5em 25px;
        border: 1px solid #3D9ADF;
        line-height: 1.2;
        margin: 0.4em 0 0 0;
}

dl.cartsummary {
        margin: 0 0 1em 5px;
        /*width: 20em;*/
        width: 30em;
        font-weight: bold;
}
dl.cartsummary dt {
   clear: both;
   float: left;
   display: inline;
   margin: 0;
}

dl.cartsummary dd {
   float: left;
   /*margin: 0 0 0 6em;*/
   margin: 0 0 0 2em;
   width: 9em;
   text-align: left;
}

dl.cartdetails {
        margin: 0;
        width: 300px;
}
dl.cartdetails dt {
   float: left;
   display: inline;
   margin: 0;
   width: 68px;
}

dl.cartdetails dd {
   clear: right;
   float: left;
   margin: 0 0 0 5em;
   width: 20em;
}

#productcol {
  width: 210px;
  margin: 0 0 5px 0;
  text-align: center;
  font-size: 110%;
}

#content #productcol h1 {
   color: #fff;
   font-size: 135%;
   padding: 10px 5px 5px 5px;
   background: #000 no-repeat 100% 0;
   line-height:2em;
   margin: 0 ;
   text-align: left;
}

#content #productcol p.category  {
   color: #B8842E;
   font-size: 125%;
   padding-top: 10px;
   font-weight: bold;
}

#content #productcol h2 {
   color: #fff;
   font-size: 125%;
   padding: 5px 5px 8px 5px;
   background: #000;
   margin: 0;
   text-align: left;
}

#content #productcol div.catsel {
   display: inline;
   margin: 0px 1px 0.5em 1px;
   padding: 0;
   float: left;
}

#content div.catsellarge {
   display: inline;
   margin: 0px 10px 1em 10px;
   padding: 0;
   float: left;
   font-size: 120%;
   text-align: center;
}

#content #productcol div.catsel a {
   color: #333;
   text-decoration: none;
   font-size:70%;
}

#content #productcol div.catsel a:hover, #content #productcol div.catsel a:active {
   color: #000;
}

#content #productcol p.moreproducts {
   padding: 7px 20px;
   margin: 0;
   text-align: right;
   color: #fff;
   background: #000;
}

#content #productcol p.moreproducts a {
   text-decoration: none;
   color: #fff;
}

#content #productcol p.moreproducts a:hover, #content #productcol p.moreproducts a:active {
   text-decoration: underline;
}

#content div.ItemBlock {
   padding: 5px 2px 10px 2px;
   margin: 0 auto;
   text-align: center;
}

#content .ItemBlock .ItemBlockImage {
   margin: 5px 0 5px 0 ;
   height: 112px;
   vertical-align: middle;
}

#content .ItemBlock .ItemBlockPrice {
}

#content .PicturePrice {
   margin: 1em 0 3em 5px;

}

#content .ItemBlock form.ItemBlockLinks {
   margin: 3px auto 0 auto;
   line-height: 1.8em;
   padding: 3px;
}

#content .ItemBlockLinks p {
   margin: 2px 0;
}
#content .ItemBlockLinks a {
   margin: 0 5px 0 0;
   padding: 1px;
   color: #fff;
   background: #000;
   text-decoration: none;
   text-transform: none;
}

#content .ItemBlockLinks input.button {
   margin: 0 5px 0 0;
   height: 1.8em;
   padding: 0 0 2px 0;
   color: #fff;
   background: #000;
   filter: alpha(opacity=100);
   moz-opacity: 1;
   opacity: 1;
   border: none;
   text-transform: none;
   font-size: 110%;
   width: auto;
}

* html #content .ItemBlockLinks input.button {
      font-size: 100%;
}

#content .ItemBlockLinks a.link, #content .ItemBlockLinks a.vlink{
   text-decoration: none;
}

#content .ItemBlockLinks span {
   margin: 0 5px 0 0;
   padding: 2px 5px 2px 5px;
   color: #fff;
   background: #999;
   text-transform: none;
   font-size: 115%;
}
#content .ItemBlockLinks span.sold {
   background: #f00;
}


#content .ItemBlockName {
   margin-top: 0.5em;
}

#content .ItemBlockPicName {
   font-style: italic;
}


#content #textright .thumbnail {
   width: 33%;
   font-size: 95%;
   height: 77px;
   float: left;
   text-align: center;
   overflow: hidden;
   line-height: 1.0;
}
* html #content #textright .thumbnail {
      font-size: 90%;
}

#content #textright .thumbnail a {
   text-decoration: none;
   color: #000;
   text-transform: none;
}
#content #textright .thumbnail a:hover, #content #textright .thumbnail a:active {
   text-decoration: underline;
}

#content .InspItem {
   float: left;
   margin: 10px;
}

#content .InspItem p{
   margin: 0;
   padding: 0;
}
#content .InspItem p.picturename{
   font-weight: bold;
   font-size: 110%;
}
#content .InspItem p.picturename a{
   text-decoration: none;
}

#content .InspItem p.picturename a:hover, #content .InspItem p.picturename a:active{
   text-decoration: underline;
}

#content p.ArticleSub {
   font-weight: bold;
   margin: 0.2em 0 1em 0;
}

#content div.ArticleContent {
   margin: 1em 0 0 0;
}

.Onethird {
   float: left;
   width: 30%;
}


#BrowseNav {
   height: 2em;
   clear: both;
}

#BrowseNav a {
   text-decoration: none;
   font-weight: bold;
   font-size: 110%;
}
#BrowseNav a:hover, #BrowseNav a:active{
   text-decoration: underline;
}

#BrowseNavback {
   float: left;
   width: 6em;
   margin-left: 10px;
}
#BrowseNavmore {
   float: left;
   width: 17em;
   margin-left: 1em;
}
#BrowseNavbackGal {
   float: left;
   width: 20em;
   margin-left: 10px;
}
#BrowseNavmoreGal {
   float: left;
   width: 20em;
   margin-left: 1em;
}
#BrowseNavcheck {
   float: right;
   width: 9em;
   margin-right: 10px;
}

#OrderButtons input {
   border: none;
   background: #fff;
   text-transform: uppercase;
   color: #B8842E;
   font-weight: bold;
}

#OrderButtons input#OrderButtRight {
     margin-left: 8em;
}

.ContactLeft {
   width: 45%;
   float: left;
   clear: left;
   margin-top: 1em;
}
#contactpage p {
   margin: 0;
   padding:0;
}

#contactpage a {
   text-transform: none;
}
.ContactRight {
   margin-top: 1em;
   float: left;
}
#contactpage h2.contact {
   clear: both;
   padding:1em 0 0 0;
}
#contactpage h3.contact {
   margin: 0;
   padding: 0;
}

.pagenav {
        border-top: 1px solid #999;
        border-bottom: 1px solid #999;
        margin: 0.5em 0 1em 0;
        padding: 2px;
        font-size: 90%;
        background: #ddd;
}

.pagenav h2 {
        font-weight: normal;
        display: inline;
}

.pagenav ul {
        font-size: 120%;
        display: inline;
        margin: 0 0 0 0.5em;
        padding: 0;
}

.pagenav li {
        display: inline;
        padding: 0 0 0 12px;
        background: url('../images/site/diamond.gif') no-repeat 0 50%;
}

.pagenav li.first {
        background: url('');
        padding-left: 0;
}

.pagenav li a {
        color: #007993;
        text-decoration: none;

}

.pagenav li a:hover {
        color: #000;
        text-decoration: underline;
}


/* New style definition @24.11.09 [Start]  */
.transaction_cancel {
    clear:both;
    font-size:12px;
    font-weight:bold;
    color:navy;
    margin-top: 15px;
}
/* New style definition @24.11.09 [End]  */