﻿/* Main Alfred style sheet */

/*general*/
body {
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
color: #647998;
text-align: center;
background-color: #0074ba;
font-size: 12px;
} 

body a
{
    /*color: #647998;*/
    color: #0f5ab3; 
    text-decoration: none;
    font-weight: bold;
}

body a:hover
{
    text-decoration: underline;
}

p {}
/*fixing BR so images can fit the headline */
br {
letter-spacing: 0em;
vertical-align: 0em;
line-height: 0em;
text-indent: 0px;}

/*  links  */
a:link, a:visited, a:hover, a:active {}

a.browse2:link, a.browse2:visited, a.browse2:active {
/*color: #335674;*/
/*font-size: 14px;*/
/*padding: 0px 35px;*/
text-decoration: none;}
a.browse2:hover
{
    text-decoration: underline;
}


a:link h4, a:visited h4, a:hover h4, a:active h4 {
padding: 10px 0;
margin:0;
color: #0f5ab3;
font-size: 16px;
text-decoration: none;}

/*  headlines  */
h1 {
color: #204b80;
font-size: 16px;
margin: 5px 0 5px 12px;
padding: 0;}

h2 {
color: #204b80;
font-size: 0.9em;}

h3 {
margin: 0;
color: #fff;
text-transform: uppercase;
padding: 5px 0 0 0px;
font-size: 14px;
font-family: "Arial";
font-weight: bolder;
text-decoration: underline;}

h4 { padding:0px; margin:0px;}
h5 {text-decoration: underline; font-weight: bold; font-size: 12px; padding: 10px 0px 3px 0px; margin: 0px;}
h6 {font-size: 22px; margin:0px; padding: 0px;}

.std1 {
color: #0f5ab3;
text-decoration: underline;
font-size: 12px;
font-weight: bold;}

.orange {
color: #ff7342;
font-weight: bold;
font-size: 12px;}

.style1 {
color: #204b80;
font-weight: bold;}

.black {color: #000;}

.error {color: #ff0000;}

/* --------------------------------------------------upper menu */
#page_container {
overflow: auto;
background-color: #dfe1e4;
margin-left: auto ;
margin-right: auto ;
width: 1024px;
text-align: left;}

#page_containerDMP {
overflow: hidden;
padding-bottom: 10px;
background-color: #dfe1e4;
margin-left: auto ;
margin-right: auto ;
width: 1024px;
text-align: left;}


#page_header {
height: 96px;
background-image: url(../images/AlfredUI/top_header_bg.png);
background-repeat: repeat-x;}

.header_links
{
    margin-left:7px;
}

#header_links, #header_links a {
margin-right:0px;
color: #fff;
font-size: 12px;
height: 22px;
text-decoration: none;
text-align: right;}

#header_links a:hover
{
    color: Orange;
    text-decoration: underline;
    text-align: right;
    font-size: 12px;
    height: 22px;
}

#left_header {}

.header_background {
width: 700px;
height: 74px;
float: left;}

#right_header {}

#header_search {
float: right;
background-image: url(../images/AlfredUI/search.png);
background-repeat: no-repeat;
height: 74px;
width: 303px;}


#header_menu {
background: url(../images/AlfredUI/top_menu_bg.png) repeat-x;
width: 1024px;
height: 35px;
margin-bottom: 10px;
font-family: Tahoma, Arial, sans-serif;
color: #f5a252;
font-size: 12px;
font-weight: bold;
text-align: left;
vertical-align:middle;
}

/* main content */

#content_col_right {
width: 775px;
margin-left: 220px;}

#content_col_centered {
width: 775px;
margin: auto;}

#breadcrumb a{
color: #647998;
text-decoration: none;
font-size: 12px;
font-weight: bold;}

#breadcrumb {
font-size: 12px;
padding: 0.5em 1.13em;
background-image: url(../images/AlfredUI/content_fill.png);
background-repeat: repeat-y;}

/* description can be used multiple times on a page */
.description {
font-size: 12px;
letter-spacing: 0.03em;
padding: 5px 18px 5px 25px;
text-align: left;
background-image: url(../images/AlfredUI/content_fill.png);
background-repeat: repeat-y;}

/* description can be used multiple times on a page */
.description_blue {
    font-size: 12px;
    letter-spacing: 0.03em;
    padding: 5px 10px 8px 10px;
    text-align: left;
    background-color: #1b4f9b;
    color: White;
    margin-left: 2px;
    margin-right: 3px;
    font-weight: bold;
}

.PadRight20px
{
    padding-right: 20px;
}

.description1 {
padding:5px;
font-size:12px;
background-image: url(../images/AlfredUI/content_fill.png);
background-repeat: repeat-y;}

#contentul li {
list-style-type:none;
line-height: 2em;}

.image-right-div {
/*float: right;
margin: 0 15px 10px 15px;
margin-top: 7px;*/
}

.image-left-div {
float: left;
margin: 15px 15px 15px 0;
line-height: 3em;}

.link-right 
{
    text-align: right;
    margin-right: 10px;
    font-weight: normal;
    font-size: 9px;
}
.link-right a
{
    font-weight: normal;
}

.productTitle{
color: #256cd3;
font-size: 12px;
font-weight: bold;}

.productPrice {
font-size: 14px;
margin-right:25px;
font-weight: bold;
color: #ff7342;}

.alfred-button a, .alfred-button{
margin-top: -14px;
width: 64px;
height: 16px;
color: #ffffff;
padding: 2px 8px;
background-image: url(../images/AlfredUI/orange_button.png);
font-size: 12px;
text-decoration: none;
background-repeat: no-repeat;}

/*----------------------------------------------------------------- footer */
#page_footer {}

#footer a {
color: #647998;
text-decoration: none;
font-size: 12px;
font-weight: bold;}

#footer {
width: 1024px;
background-color: #dfe1e4;
margin: 0 auto ;
display:block;
text-align: center;
color: #647998;
font-size: 0.8em;
font-family: Tahoma, Arial, sans-serif;
padding: 15px 0;
background-image: url(../images/AlfredUI/bottom.jpg);
background-repeat: no-repeat;
background-position: 0em 54px;}


/*-------------------------------------------------------------------- misc */
#top_rounded {
background-image: url(../images/AlfredUI/content_top.png);
background-repeat: no-repeat;
width: 775px;
height: 7px;
font-size: 0em;}

.top_rounded {
background-image: url(../images/AlfredUI/content_top.png);
background-repeat: no-repeat;
width: 775px;
height: 7px;
font-size: 0em;
margin-top: 10px;
}

.top_rounded_blue {
background-image: url(../images/AlfredUI/content_top_blue.png);
background-repeat: no-repeat;
width: 775px;
height: 7px;
font-size: 0em;
margin-top: 10px;
}

#bottom_rounded  {
background-image: url(../images/AlfredUI/content_bottom.png);
background-repeat: no-repeat;
width: 775px;
height: 7px;
font-size: 0em;}

.bottom_rounded  {
background-image: url(../images/AlfredUI/content_bottom.png);
background-repeat: no-repeat;
width: 775px;
height: 7px;
font-size: 0em;
padding-bottom: 10px;}

.Green
{
    color:Green;
}
#shiplist ul
{
    
}

#shiplist li
{
    float: left;
    padding-right: 20px;
    padding-bottom: 20px;
    list-style: none;
    width: 220px;
}

#nopad
{
    padding: 0px;
    margin: 0px;
}

.Search
{
    float: right;
    padding-right: 5px;   
    color: White;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;    
}
.SearchButton
{
    vertical-align: top;
    padding-top: 5px;
}

.SearchBox
{
    vertical-align: top;

}
.SearchBoxAdvance
{
    vertical-align: top;
    color: White;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding-left: 8px;
    padding-bottom: 5px;
}

.SearchBoxAdvance a
{
    text-decoration: underline;
}

.SearchBoxAdvance:hover
{
    color: Orange;
}

.GoButton
{
    vertical-align: bottom;
 
}


.eventsText
{
    font-family: Tahoma, Arial, sans-serif;
    font-size: .85em;
    color: #647998;
    text-decoration: none;
    

}

.eventsText a
{
    font-family: Tahoma, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #647998;
    text-decoration: none; 
      
}

/* background style for the screen when an ajax progress update is displayed */
#ajaxProgressBg
{
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    position: absolute;
    background-color: #000000;
    opacity: 0.3;
    filter: Alpha(opacity:30);
    z-index: 0;
}

/* style for the ajax progress indicator */
#ajaxProgress
{
    border: 0px;
    padding: 0px;
    position: absolute;
    background-color: #FFFFFF;
	background: #FFFFFF url(../images/AlfredUI/ajax-loader.gif) no-repeat 50%;
    z-index: 1;
    left:50%;
    /*margin-left:-100px;*/
    width:90px;
    height:90px;
    border: solid 1px grey;
    color: Gray;
}

