html, body { height:100% }
table { text-align:left }

body { 
background-color: #f2efe4; 
margin: 0 ;
color: #6C6C6C;
background-image: url(../graphics/bg_side_gradient.gif);
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}

body.framing_mod{ 
background-color: #f1f1f1; 
margin: 0 ;
color: #6C6C6C;
}

form { 
display:inline 
}

a.tgagfooter:link { display: block; width: 100%; text-decoration: none; }

a:link { text-decoration: underline; color: #6C6C6C; }
a:visited { text-decoration: underline;  color: #6C6C6C; }
a:hover { text-decoration: none; color: #6C6C6C; }
a:active { text-decoration: none; color: red; }

a.noline:link { text-decoration: none; color: #6C6C6C; }
a.noline:visited { text-decoration: none;  color: #6C6C6C; }
a.noline:hover { text-decoration: none; color: #EF8C4A; }
a.noline:active { text-decoration: none; color: red; }

a.footernav:link { COLOR: #E0E0E0; TEXT-DECORATION: none }
a.footernav:visited { COLOR: #E0E0E0; TEXT-DECORATION: none }
a.footernav:hover { COLOR: #E0E0E0; TEXT-DECORATION: underline }

a.nav:link { color:#6C6C6C; FONT-SIZE: 10px; text-decoration: none }
a.nav:visited { color:#6C6C6C; FONT-SIZE: 10px; text-decoration: none }
a.nav:hover { color:#6C6C6C; FONT-SIZE: 10px; text-decoration: underline }

a.titlenav:link { COLOR: #808080; TEXT-DECORATION: none }
a.titlenav:visited { COLOR: #808080; TEXT-DECORATION: none }  
a.titlenav:hover { COLOR: #EAEAEA; TEXT-DECORATION: none }

.V4 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 4px; }
.V6 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 6px; }
.V7 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7px; }
.V75 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.5px; }
.V8 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 8px; }
.V9 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 9px; }
.V10 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; line-height: 20px; }
.V10_S { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; line-height: 15px; }
.V11 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 11px; line-height: 20px;  }
.V12 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 12px; }
.V14 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; }
.V16 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 16px; }
.V18 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 18px; }
.V20 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 20px; }
.V22 { font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 22px; }

.G20 { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 20px; }
.G14 { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 14px; }

.imgborder { border-color: #cfcfcf; }

.table_nav { background-image: url(../graphics/nav_bg.gif); background-repeat: repeat-x }
.table_tab { background-image: url(../graphics/detail_tab_rt.gif); background-repeat: repeat-x }

table.footer {
background-image: url(../graphics/bpg_ds_footer_background_v2.gif); background-repeat: no-repeat; 
background-color: #8e9a90; 
}

.line_bottom, .line_left { border-color: #808080; border-style: solid; }
.line_bottom { border-width: 0 0 1px 0; }
.line_left { border-width: 0 0 0 1px; }

p.space { margin-top: 20px; } 
p.break { line-height: 0.5; }
p.big { margin-top: 40px }

p.section_title {
border:#bebebe 1px solid;
margin-bottom:10px;
padding: 10px;
background:url(../graphics/bg_title_bar.gif) no-repeat right top ; 
background-color:#EEEEEE;
font-size:16px;
font-weight:bold;
color:#5c5c5c;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#section_title {
border:#bebebe 1px solid;
margin-bottom:10px;
padding: 10px;
background:url(../graphics/bg_title_bar.gif) no-repeat right top ; 
background-color:#EEEEEE;
font-size:16px;
font-weight:bold;
color:#5c5c5c;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#mod_top_frame {
min-height:600px;
height:auto !important;
height:600px; 
}

#body_full { 
height: 100%;
min-height: 100%;
border-color: #9d9d9d;
border-style: solid;
border-width: 0 1px 1px 1px;
} 

select.sort_search {
width:100px;
font-family: Verdana, Arial, Helvetica; 
font-size: 10px; 
color: #6c6c6c; 
font-weight: bold; 
background-color: #f1f1f1;
}

hr.gray_line {
color:#b7b7b7;
background-color:#b7b7b7;
height:1px;
border:none;
width:100%;
}

.R_line, .B_line, .LR_line, .LTB_line, .LRT_line, .LRB_line, .LRBT_line {
border-color: #e0e0e0;
border-style: solid;
}

.R_line {
border-width: 0 1px 0 0;
}
.B_line {
border-width: 0 0 1px 0;
}
.LR_line {
border-width: 0 1px 0 1px;
}
.LTB_line {
border-width: 1px 0 1px 1px;
}
.LRB_line {
border-width: 0 1px 1px 1px;
}
.LRT_line {
border-width: 1px 1px 0 1px;
}
.LRBT_line {
border-width: 1px 1px 1px 1px;
}

.MAT_white {
border-width: 3px 3px 3px 3px;
border-color: #ffffff;
border-style: solid;
}

.MAT_orange {
border-width: 3px 3px 3px 3px;
border-color: #FF8000;
border-style: solid;
}

.selected_mld {
border-width: 5px 5px 5px 5px;
border-color: #000080;
border-style: solid;
}

.pad_5px {
padding: 5px;
}

.pad_10px {
padding: 10px;
}

table.v10 {
font-family: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 10px; line-height: 1.5; 
}

input.btn {
background-color:#f1f1f1;
background:url(../graphics/btn_sm_back.gif) no-repeat left top;
font-family:Verdana,helvetica,sans-serif;
color:#6C6C6C;
font-size:10px;
font-weight:bold;
border: 3px double #aaa;
padding:5px;
width:200px;
border-color:#999;
}

input.btn_sm {
background-color:#ffffff;
background:url(../graphics/btn_sm_back.gif) no-repeat left top;
font-family:Verdana,helvetica,sans-serif;
color:#6C6C6C;
font-size:10px;
font-weight:bold;
border: 3px double #aaa;
padding:2px;
width:100%;
height:30px;
border-color:#999;
}

input.btn_tiny {
background-color:#ffffff;
background:url(../graphics/btn_sm_back.gif) no-repeat left top;
font-family:Verdana,helvetica,sans-serif;
color:#6C6C6C;
font-size:10px;
font-weight:bold;
border: 3px double #aaa;
padding:2px;
width:140px;
height:24px;
border-color:#999;
}

option.gray {
background-color: #f1f1f1; 
font-weight: bold; 
font-size: 11px; 
color: #000000;
}

#alt_sizes_container {
position:relative;
width:220px;
}

#alt_sizes {
float:left;
position:absolute;
top:0;
left:0;
display:inline;
z-index:99;
width:220px;
background:#fff;
border:1px solid black;
margin-left:0px;
margin-top:4px;
padding:3px;
display:none;
list-style-type:none;
}

#alt_sizes li {
background:none;
padding:0;
margin:3px;
}

#alt_sizes_call {
display: block;
background: url(../graphics/btn_alt_size_drop_sprite.gif);
width:275px;
height:32px;
}

#alt_sizes_call span {
display: none;
}

#alt_sizes_call:hover {
background-position: 0 -32px;
}


div.alt_size_box {
position:relative; 
left:0px; 
top:0px; 
border-style: solid;
border-width: 1px;
border-color: #6c6c6c; 
background-color: #fff;
width: 230px;
padding: 0px;
}


/*- TABS 1 CODE --------------------------- */

#tabs1 {
float:left;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
}

#tabs1 ul {
margin:0;
padding:0px 0px 5px 0px;
list-style:none;
}

#tabs1 li {
display:inline;
margin:0;
padding:0;
}

#tabs1 a {
float:left;
background:url(../graphics/tableft1.gif) no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}

#tabs1 a span {
float:left;
display:block;
background:url(../graphics/tabright1.gif) no-repeat right top;
padding:6px 14px 6px 6px;
color:#606060;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */

#tabs1 a.notactive:hover span {
color:#FFF;
}

#tabs1 a.notactive:hover {
background-position:0% -42px;
}

#tabs1 a.notactive:hover span {
background-position:100% -42px;
} 

#tabs1 a.active {
background-position:0% -84px;
} 

#tabs1 a.active span {
background-position:100% -84px;
} 

/*- TABS 2 CODE --------------------------- */

#tabs2 {
float:right;
width:100%;
background:#fff;
font-size:93%;
line-height:normal;
}

#tabs2 ul {
margin:0;
padding:0px 0px 5px 0px;
list-style:none;
}

#tabs2 li {
display:inline;
margin:0;
padding:0;
}

#tabs2 a {
float:right;
background:url(../graphics/tableft2.gif) no-repeat left top;
margin:0;
padding:0 0 0 12px;
text-decoration:none;
}

#tabs2 a span {
float:right;
display:block;
background:url(../graphics/tabright2.gif) no-repeat right top;
padding:6px 14px 6px 6px;
color:#606060;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs2, #tabs2 a span {float:none;}
/* End IE5-Mac hack */

#tabs2 a.notactive:hover span {
color:#FFF;
}

#tabs2 a.notactive:hover {
background-position:0% -42px;
}

#tabs2 a.notactive:hover span {
background-position:100% -42px;
} 

#tabs2 a.active {
background-position:0% -84px;
} 

#tabs2 a.active span {
background-position:100% -84px;
} 


/*- Menu Tabs Mat--------------------------- */

#tabsMat {
float:left;
width:100%;
background:#fbfbfb;
font-size:93%;
line-height:normal;
border-bottom:10px solid #f1f1f1;
}

#tabsMat ul {
margin:0;
padding:0px 0px 5px 0px;
list-style:none;
}

#tabsMat li {
display:inline;
margin:0;
padding:0;
}

#tabsMat a {
float:left;
background:url(../graphics/tableftG3.gif) no-repeat left top;
margin:0;
padding:0 0 0 8px;
text-decoration:none;
}

#tabsMat a span {
float:left;
display:block;
background:url(../graphics/tabrightG3.gif) no-repeat right top;
padding:4px 12px 4px 4px;
color:#606060;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsMat a span {float:none;}
/* End IE5-Mac hack */

#tabsMat a.notactive:hover span {
color:#FFF;
}

#tabsMat a.notactive:hover {
background-position:0% -42px;
}

#tabsMat a.notactive:hover span {
background-position:100% -42px;
} 

#tabsMat a.active {
background-position:0% -84px;
font-weight:bold;
} 

#tabsMat a.active span {
background-position:100% -84px;
font-weight:bold;
} 
 
/* FIX FOR IE BACKGROUND FLICKER */
html {
  filter:expression(
    document.execCommand("BackgroundImageCache", false, true)
  );
}