@import url('headers.css');
@import url('nav.css');
@import url('decor.css');
/*
/*   317BFF
/*  Style Sheet   */

html,body {
    background:  white url(../images/back_main.jpg); /*in Firefox the color outside of the body script*/
	color: #000000;  /*black*/
	font-size: 13px;
	font-family: Verdana, Helvetica, Sans-Serif;
    text-align: center;
}
div.main {
     margin-top: 3px;
     margin-bottom: 3px;
     background: white; /*in IE all the background color*/
     border: 1px solid #000;
     width: 800px;
     margin-right: auto;
     margin-left: auto;
     text-align: left;

}






#bgblk {
	/*background:  black; 
	background-color: black; 
	color: white;
	font-family: verdana;
	font-size: 11px;
	margin-left="0%";
	margin-right="0%";
	scrollbar-3dlight-color: black; 
	scrollbar-arrow-color: gray; 
	scrollbar-base-color: gray; 	
	scrollbar-darkshadow-color: black; 
	scrollbar-face-color: black; 
	scrollbar-highlight-color: gray; 	
	scrollbar-shadow-color: gray; 
	scrollbar-track-color: black;*/
}
/*##############################-A TAGS-###########################################*/


a {
  color: #FFF;
}


div.left a {
	color: #C41C20/*#DB536F*/;
	text-decoration: none;
	border-bottom: 0px dotted #CCC;
}

div.left a:hover {
	border-bottom: 0px solid;
    border-bottom: 0px dotted;
	color: #86041E;
}

.cat a {
    font-weight: bold;
}


div.header,div.footer a {
    color: #000;
    font-weight: bold;
}

.front a {
   color: #000;
   text-decoration: none;
   border-bottom: 0px dotted #c41c20;
}

div.header a {
   color: #a40000;
}
div.fullwidth a {
   color: #c41c20;
}

div.dark a {
   color: #000;
   font-weight: bold;
}




div.container {
    width: 800px;
    margin:0px;
    border:1px solid gray;
    line-height:150%;
    /*background: #D6D6DE;*/
    background: #FFF;
}
div.menuheader {
    padding: 1em;
    color: #000;
}
div.header,div.footer {
    padding:0.5em;
    color: #000;
    background-color: #D6D6DE;
    clear:left;
    border-bottom: 1px solid gray;
    /*border-top: 1px solid gray;*/
}
div.fancyheader {
   font-family: Lucida Handwriting,Comic;
   font-size: 14px;
   text-align: center;
   padding: .5em;
   line-height: 150%;
   
   color: #000;
   background: white;
   clear: left;
   border-bottom: 1px solid gray;  
}
div.fullwidth {
   padding: 1.0em;
   line-height: 150%;
   text-align: center;
   border-bottom: 1px solid gray;
}
div.menuitems {
   padding: 1.0em;
   line-height: 150%;
   text-align: center;
   padding-left: 2.0em;
   border-bottom: gray 1px solid;
   
}
h1.header {
padding:0;
margin:0;
color: red;
}
div.left {
float:left;
width:160px;
margin:0;
padding:1em;
clear: none;
/*background: #D6D6DE;*/
}
div.content {
margin-left:190px;
border-left:1px solid gray;
padding: 1em;
}
div.productlist {
    margin-left:190px;
    border-left:1px solid gray;
    padding: 0px; /*1em;*/
}


div.transboxs {
    background: white; 
    height: 111px;
	width: 596px;
	margin: 102px;
	margin-top: auto;
	margin-bottom: auto;
	opacity:0.6;
	filter:alpha(opacity=60);
    
    color: #a40000;
    vertical-align: middle;
}
div.transboxs img {
    filter:alpha(opacity=100);
    opacity:1.0;
    margin: auto;
}
div.transboxs p {
    color: #000;
    font-size: 48px;
    font-weight: bold;
}



/* ------------- FORMS --------------------*/


/*********FORMS********************************************************/

/* ------------- TABLES --------------------*/

table {
    background: #D6D6DE;
    color: #000000; /*black*/
    font-size: 13px;
}

table.front {
    background: transparent;
}

td {
   display: table-cell;
}

td.front {
   font-size: 12px;
   line-height: 100%;
}
div.title {
   line-height: 150%;
   font-weight: bold;
}


/** STYLES FOR THE FRONT PAGE */
.imgcase {
   text-align: center;
   margin-left: auto;
   margin-right: auto;
}

div.smallimg {
   border-top: 2px solid #A40000;
   padding-top: 2px;
   text-align: center;
   width: 252px;
}
div.smallimg img {
   width: 250px;
   height: auto;
   text-align: center;
   border: 1px solid #646464;
}
.lefttxt {
   padding: 1em;
   padding-top: 0.1em;
}
.centertxt {
/*   text-align: center;*/
   padding: 1em;
   padding-top: 0.1em;
   line-height: 125%;
}
.centertxt2 {
   font-family: Lucida Handwriting,Comic;
   font-size: 14px;
   text-align: center;
   padding: .5em;
   line-height: 125%;
}
.righttxt {
   padding: 1em;
   padding-top: 0.1em;
}

marg {
   margin-left: 1em;
   margin-right: 1em;
   line-height: 150%;
   
}
/* ..........Body TAGS........... */
	/* black body bg */
.indent {
   padding-left: 2em;
}
.bumpdown {
   padding-top: 1em;
}

/* ########################## TEXT CONTAINERS ################################# */

#caption_box {
        background: #3d423c;
        padding:3px;
        border: 1px solid #727e84;
        font-family: Tahoma, Arial, Hevetica;
        color: #cfcfcf;

        padding-left: 1px;
}
#gray_line {
    padding:1px;
    border-bottom: 1px gray ridge;
    border-top: 1px gray ridge;
}
.orng_line {
    padding:1px;
    border-bottom: 1px orange ridge;
    border-top: 1px orange ridge;
}
#blue_line {
    padding:1px;
    border-bottom: 1px blue ridge;
    border-top: 1px blue ridge;
}
#red_line {
    font-weight: bold;
    padding:1px;
    border-bottom: 1px red ridge;
}

/*-------------------------CONTAINER FOR MULTIPLE ALIGNMENTS--------------------------------*/
.containerB {
   position: relative;
   height: 1em;
   }
.containerRL {
   position: relative;
   height: 13px;
   border-bottom: 1px solid red;
   }
.left-element {
   position: absolute;
   left: 0;
   width: 50%;
   }

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
   }

/********************************************/
#pageContainer {
min-width: 600px;
max-width: 1200px;

}/* does not work in IE*/





/*-------------------------END TXT BOXES----------------------------------*/



/* ..........P TAGS........... */


/* ..........    MISC and NAVIGATION    ........... */


.help {
    background: url(../imgs/help.gif);
}