/* SR */
/* 1.0 Page formatting*/

body
{
    background-color: #FFFFFF;
    /*background-image: url(Images/Background.jpg);*/
    /*background-repeat: repeat-x;*/
    /*font-family:  brandon, verdana, arial, helvetica, sans-serif;*/
    font-family:   verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    color: gray /*#333333;*/
}

html,body
{
    margin:0;
    padding:0;
    height:100%;
    border:none
}

#page
{
    position:relative;
    width: 100%;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px; /* Weird Mozilla Bug */
    float:none;
    background-color: #EBEBEB ;  /*#DBE0E6;*/
}
.Page_Space
{
    /*position:relative;*/
    width: 960px; 
    margin-left: auto;
    margin-right: auto;
    padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 1px;
    overflow:auto;
    /*float:none;*/

    

}

/* 1.1 Page formatting: Header */
#header
{
    /*position:relative;*/
    width: 100%;
    height: 100px;
    z-index: 0;
    float:none;
    background-color: white;
        
}
.header_Space
{
    position:relative;
    width: 940px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;

    

}

.ImgLogo {
    position:absolute;
   text-align:center;
   width: 207px;
   bottom:10px;

}
.header_topbar {
    /*position:relative;
    height:40px;*/
    width:733px;
    float:right;
    margin-top:5px;

}
.header_Content
{
    /*position:relative;
    height:60px;*/
    bottom:0;
    width:733px;
    float:right

    
}

.MenuPanel {
    float: left;
}

.BasketPanel {
    float: right;
    width:122px;
    height:55px;
    border-color:#cccccc;
    border-radius:5px;
    background-color:#DBE0E6;
    border: 1pt solid;
    margin-top:5px;
    padding-top:10px;
}

#login
{
    font-size: 12px;
    color: #333333;
    text-align: right;
    margin-right: 20px;
    font-weight: bold;
    float:right;
}

#login a
{
    text-decoration: none;
    font-family: Verdana, Arial;
    color: #333333;
}

.footer {
    position:absolute;
    width: 100%;
    z-index: 0;
    background-color: white;
    float:none;
    /*bottom:0;*/
        
}

.footer_Space
{
    position:relative;
    width: 940px;

    margin-left: auto;
    margin-right: auto;

    

}

/* 1.1.1 Page formatting: Quick Menu */
#searchBox
{
    /*width: 207px;*/
    height: 25px;
    /*background-image: url(Images/Search.png);*/
    background-position: -2px;
    background-size:25px 30px;
    background-repeat: no-repeat;
    /*padding-top: 5px;*/
    text-align: center;
    padding-left: 12px;
    background-color:white;
    margin-bottom:5px;
    border: solid 2px white;
    border-radius: 5px;
}

    
}

.searchBoxWatermark
{
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #BBBBBB;
}

/* 1.2 Page formatting: Menu */
#pageMenu
{
    position:relative;
    float: left;
    width: 207px;
    height: 100%;
    /*overflow:;*/
    margin-right: 10px;
}

.menuBar
{
    background-image: url(Images/menuBar.png);
    background-repeat: no-repeat;
    width: 207px;
    height: 10px;
    padding-top: 0px;
}

.menuRepeater
{
    background-image: url(Images/menuRepeater.png);
    background-repeat: repeat-y;
    width: 197px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
}

.menuFooter
{
    background-image: url(Images/menuFooter.png);
    background-repeat: no-repeat;
    width: 207px;
    height: 10px;
    padding-bottom: 2px;
}

/* 1.3 Page formatting: Page content */
.pageContent
{
    /*background-image: url(Images/mainBar.png);*/
    background-color: #FBFBFB;
    /*width: 720px;*/
    overflow: hidden;
    background-repeat: no-repeat;
    z-index: 1;
    margin:10px;
    text-align:center;
    
}

#mainBar
{
    
    background-repeat: no-repeat;
    width: 730px;
    height: 0px;
    padding-top: 0px;
}

#mainRepeater
{
    /*background-image: url(Images/mainRepeater.png);
    background-repeat: repeat-y;*/
    /*width: 730px;*/
    min-height: 300px;
    /*top: 12px;*/
    position: relative;
    z-index: 1;
    /*bottom: -12px;*/
    display:inline-flex;
    width: 100%;
}

#mainFooter
{
    background-image: url(Images/mainFooter.png);
    background-repeat: no-repeat;
    /*width: 730px;*/
    height: 20px;
    color: #444444;
    font-family: Verdana, Arial;
    font-size: 10px;
    padding-top: 27px;
}

#ClearBoth /* Mozilla Bug */
{
    clear: both;
}

/* 1.3.1 Page formatting: Page content formatting */
/* Standard margin = 3+5px => 3+725+5=733 */
.contentHolderLeft
{
    /*float: left;*/
    /*padding-left: 3px;*/
    /*top: -8px;*/
    position: relative;
    z-index: 1;
    width:100%;
}

.contentLeft
{
    width: 515px;
    overflow: hidden;
}

.contentRight
{
    width: 503px;
    margin-left: 214px;
}

.contentWide
{
    /*width: 721px;*/
    
}

.contentHeaderLeft
{
    background-position: 0px 53px;
    width: 510px;
    height: 57px;
    background-repeat: no-repeat;
    background-image: url(Images/headerLeft.png);
    overflow: hidden;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
}

.contentHeaderWide
{
    background-position: 0px 53px;
    /*width: 719px;*/
    height: 57px;
    /*background-repeat: no-repeat;
    background-image: url(Images/headerWide.png);*/
    vertical-align: middle;
    padding-right: 3px;
    padding-left: 3px;
    padding-top: 3px;
    width:100%;
    border-bottom: 1px solid;
    border-color:gray;
}

/* 1.3.2 Page formatting: Page content extras */
.contentExtras
{
    width: 260px;
    overflow: hidden;
    /*top: -8px;*/
    position: relative;
    z-index: 2;

}

.extrasTop 
{
    background-position: 0px 3px;
    background-image: url(Images/extrasTop.png);
    background-repeat: no-repeat;
    width: 204px;
    height: 10px;
    padding-top: 3px;
}

.extrasRepeater
{
    background-image: url(Images/extrasRepeater.png);
    background-repeat: repeat-y;
    width: 199px;
    padding-right: 5px;
}

.extrasFooter {
    background-image: url(Images/extrasFooter.png);
    background-repeat: no-repeat;
    width: 204px;
    height: 10px;
}

/* 1.4 Page formatting: Login Page */
.mainLogin {
    background-image: url(Images/mainLogin.gif);
    background-repeat: no-repeat;
    width: 733px;
    height: 305px;
}

.loginExtras {
    margin: 35px 15px 5px 533px;
}

/* 1.5 Page formatting: Page content common parameters */
.StandardTextFrame
{
    padding: 5px 10px 9px 10px;
    text-align: left;
}


/* 2 Text formatting: Common parameters */
.linkQuickMenu
{
    color: #a9a9a9;
}

a
{
    text-decoration: none;
    font-family: Verdana, Arial;
    color: #334E93;
}

a:hover
{
	text-decoration: underline;
}

a:visited
{
    color: #334E93;
}

.basketFormField
{
    text-align: right;
    font-size: 22px;
}

hr
{
    border-style: none;
    border-width: 0px;
    height: 1px;
    background-color: #808080;
    color: #E0EAF5;
}


/* 2.1 Text formatting: Login View */

.login .label {
	display:block;
}

.textbox {
	border: 1px solid #929292;
	width: 100px;
    height: 11px;
	vertical-align: middle;
	padding: 2px;
	margin: 2px 0 5px 0;
}

/* 2.2 Text formatting: Headers */


/* 2.2.1 Text formatting: Special headers */
.header1
{
    font-size: 14px;
    color: #23345C;
}

.proText
{
    font-size: 11px;
    color: #333333;
}

.proItemNo, a.proItemNo, a:visited.proItemNo
{
    font-size: 9px;
    color: #800000;
    font-weight: bolder;
}

.proStockText
{
    font-size: 11px;
    color: #666666;
}

.proItemPrice
{
    font-size: 14px;
    color: #333333;
    font-weight: normal;
}

.proItemListPrice
{
    font-size: 11px;
    color: #444444;
    font-weight: normal;
    text-decoration: line-through;
}


.headerMenuBar
{
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    left: 13px;
    position: relative;
    top: 1px;
}

.headerSmall
{
    font-size: 9px;
    color: #999999;
    font-weight: bold;
}

.errorMessage
{
    color: #FF0000;
 
}


/* 4.0 ASP.NET elements */
table.standard td
{
    padding-left: 4px;
    padding-top: 1px;
}

table.standard th, .GridViewHeader
{
    background-image: url(Images/gridHeader.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    height: 23px;
    vertical-align: bottom;
    padding-bottom: 4px;
    padding-left: 4px;
}

table.standard
{
    width: 100%;
}

.AlternatingRowStyle
{
    background-color: #D5D7DB;
}

/* Filter Box*/
.FilterBoxTop
{
    background-image: url(Images/FilterBackground_Top.gif);
    background-repeat: no-repeat;
    width: 100%;
    height: 5px;
}

.FilterBoxRepeater 
{
    width: 100%;
    font-weight: bold;
    font-size: 11px;

}

.FilterBoxRepeater a
{
    color: #E44703;
}

.FilterBoxBottom
{
    width: 100%;
    height: 6px;
    margin-bottom: 5px;
}

/* Product Box*/
.ProductListBox
{
    overflow: hidden;
    word-wrap: break-word;
}

.CMSTitle {
    padding-left: 20px;
    margin-top:20px;
    font-size:14pt;
}

.CMSDescription {
    padding-left: 20px;
    padding-top:5px;
}