@import url(https://fonts.googleapis.com/css?family=Hind);
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css');
@import 'layout.css';
/* AYTUBIO MARKETING CSS */

/* #RESET */
/* #IFRAME POPUP */
/* #BASIC STYLES*/
/* #Typography */
/* #FontAwesome Icons */
/* #Blockquotes */
/* #Links */
/* #Lists */
/* #Images */
/* #Buttons */
/* .hrefButton */
/* .logOutButton */
/* .loginButton */
/* .registerButton */
/* .hrefSortButton */


/* GLOBAL CUSTOMIZED CSS */
    /* #BANNER */
	/* #BREAD CRUMB */
	/* #DATAGRID */
	/* #MENU BAR Horizontal Page Tabs */
	/* #MENU BAR Vertial Category Tabs */
	/* #FORMS */
	/* #FORMS LOGIN */
	/* #PAGE LIST */
	/* #POPUPEDITFORM */
	/* #RADIO BUTTON AND LABEL ALIGNMENT */
	/* #SEARCH */
    /* CUSTOMER INPUT */

/* CONTROLS CUSTOMIZED CSS*/
	/* #Base.ascx */
	/* #CompanyLogon.ascx */
	/* #ctrLogin.ascx */
	/* #ctrCartSummary.ascx */
	/* #Help.ascx */
	/* #Intro.ascx */
	/* #Register.ascx */
	/* #ExternalLinks.ascx */

    /* PAGE CUSTOMIZED CSS */
    /* #CUSTOMERINPUT.ASPX */  
    /* #FORGOTPASSWORD.ASPX */
    /* #MAIN.ASPX */
    /* #ORDERHISTORY.ASPX */
    /* #PRODUCTS.ASPX */
    /* #CART.ASPX */
    /* #WELCOMEMESSAGE.ASPX */
    /* #APPROVALQUEUEDETAILS.ASPX */
    /* #CHECKOUT.ASPX */
    /* CHANGEPASSWORD.ASPX */	

/* #RESET */
/* (Inspired by E. Meyers)
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		vertical-align: baseline; 
	}
		
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}
		
	body {
		line-height: Normal;
	}
		
	ol, ul {
		list-style: none;
	}
		
	blockquote, q {
		quotes: none; 
	}
		
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
		
	table {
		border-collapse: collapse;
		border-spacing: 0; 
	}
	
	.textAlign {
		text-align:center;
		}
		
/* #CLEARFIX */
/* ================================================== */

	.clearfix:before, .clearfix:after {
		content: " ";
		display: block;
	}
	 
	.clearfix:after {
		clear: both;
	}
	 
	.clearfix {
		*zoom: 1;
	}
	
/* #IFRAME POPUP */
/* ================================================== */	
	
	#popUpDiv {
	    -webkit-overflow-scrolling: touch;
        overflow-y: scroll;
		display:none;
		margin:0;
		padding:0;
	}
	
	#popUpIframe {
		border:0;
		margin:0;
		padding:0; 
		width:100%;
		height:100%;
		min-height:500px; 	
	}
	
	#popUpDivFixed {
	    -webkit-overflow-scrolling: touch;
		display:none;
		margin:0;
		padding:0;
	}
	
	#popUpIframeFixed {
		border:0;
		margin:0;
		padding:0; 
		width:100%; 
		height:100%;	
	}
			
/* #BASIC STYLES */
/* ================================================== */
	
	html {
	overflow-y:scroll;
    height: 100%;
	}
	
	body {
	 	font-family: 'Hind', sans-serif;
	 	font-size:87%; /*14pt*/
        height: 100%;
        background:#fff;
	}
	
	textarea {
		font-family: 'Hind', sans-serif;
	}
	
	
/* #Typography */
/* ================================================== */

	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-weight: normal; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a  {
		font-weight: inherit; 
		}
	
	h1 { /*32px*/
		display: block;
		font-size: 200%;
		margin: 0;
	}
	
	h2 { /*24px*/
		display: block;
		font-size: 150%;
		margin:1em 0 0 0.4em;
	}
	
	h3 { /*19px*/
		display: block;
		font-size: 117%;
		margin: 1em 0;
	}

	h4 { 
		/*Default font
		1em or 100% or 16px*/
	}

	h5 { /*13px*/
		display: block;
		font-size: 83%;
		margin: 1.67em 0;
	}

	h6 { /*10px   */
		display: block;
		font-size: .67em;
		margin: 2.33em 0;
	}
	
	.subheader  {
		color: #777; 
	}

	p  {
		margin: 0 0 10px 0; 
	}
	
	p img  {
		margin: 0; 
	}
	
	p.lead  {
		font-size: 1.312em; 
		line-height: 27px; 
		color: #777;
	}

	em  {
		font-style: italic; 
	}
	
	strong {
		font-weight: bold; 
		color: #333;
	 }
	
	small {
		font-size: 80%;
	}

/*	Blockquotes  */
/* ================================================== */

	blockquote, blockquote p  {
		font-size: 1.06em; 
		line-height: 24px; 
		color: #777; 
		font-style: italic; 
	 }
	  
	blockquote  {
		margin: 0 0 20px; 
		padding: 9px 20px 0 19px; 
		border-left: 1px solid #ddd; 
		}
		
	blockquote cite  {
		display: block;
		font-size: 0.75em;
		color: #555; 
	}
		
	blockquote cite:before  {
		content: "\2014 \0020"; 
	}
	
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { 
		color: #555;
	}

	hr  {
		border: solid #ddd; 
		border-width: 1px 0 0;
		clear: both; 
		margin: 10px 0 30px; 
		height: 0; 
	}

/* #Links */
/* ================================================== */

	a, a:visited  {
		color: #333; 
		text-decoration: underline; 
		outline: 0; 
	}
		
	a:hover, a:focus  {
		color: #000; 
	}
	
	p a, p a:visited  {
		line-height: inherit; 
	}

/* #Lists */
/* ================================================== */

	ul, ol  {
		
	}
		
	ul  {
		list-style: none outside; 
	}
		
	ol  {
		list-style: decimal; 
	}
		
	ol, ul.square, ul.circle, ul.disc {
		 
	}
		 
	ul.square  {
		list-style: square outside; 
	}
		
	ul.circle  {
		list-style: circle outside; 
	}
		
	ul.disc  {
		list-style: disc outside; 
	}
		
	ul ul, ul ol, ol ol, ol ul { 
		  
	}
	  
	ul ul li, ul ol li, ol ol li, ol ul li  {
		
	}
		
	li  {
		 
	}
		
	ul.large li  {
		line-height: 1.3em;
	}
		 
	li p  {
		line-height: 1.3em;
	}
	
/* #FontAwesome Icons */
.iconDelete
{
    color: #e60000;
    font-size: 1.2em;
    padding:0 0 0 3px;
}

.iconEdit
{
    color: #00802b;
    font-size: 1.2em;
    padding:0 3px 0 0;
}

.iconAdd
{
    color: #730099;
    font-size: 1.4em;
    padding:0;
}

.iconSeperator
{
    font-size: 1.5em;
    color: #ccc;
}

/* #Images */
/* ================================================== */

	img.scale-with-grid {
		max-width: 100%;
		height: auto; 
	}

/* #Buttons */
/* ================================================== */

    .button,
    button,
    input[type="submit"],
    input[type="reset"],
    input[type="button"] {
        background-color: #eee;
        border: 1px solid #aaa;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #444;
        display: inline-block;
        font-weight:bold;
        text-decoration: none;
        cursor: pointer;
        margin: 0.9375em 0.2em;
        padding:0.4em;
    }

    .button:hover,
    button:hover,
    input[type="submit"]:hover,
    input[type="reset"]:hover,
    input[type="button"]:hover {
        color: #222;
        background-color: #ddd;
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa; 
    }

    .button:active,
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {
        border: 1px solid #666;
        background: #ccc; /* Old browsers */
    }

    .button.full-width,
    button.full-width,
    input[type="submit"].full-width,
    input[type="reset"].full-width,
    input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
    
    input::-webkit-input-placeholder {
        color: #bfbfbf !important;
        text-align:center;
    }
 
    input:-moz-placeholder { /* Firefox 18- */
        color: #bfbfbf !important;
        text-align:center;  
    }
 
    input::-moz-placeholder {  /* Firefox 19+ */
        color: #bfbfbf !important;
        text-align:center;  
    }
 
    input:-ms-input-placeholder {  
        color: #bfbfbf !important;
        text-align:center;  
    }

/* #Forms */
/* ================================================== */
		
	fieldset {
		margin-bottom: 1.25em; /*20px*/
	}
	
	input[type="text"], select {
		margin:0;
		padding:0.4em;
		height:1.2em;
	}
		
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #aaa;
		-moz-border-radius: 0.375em;
		-webkit-border-radius: 0.375em;
		border-radius: 0.375em;
		color: #444;
		display: inline-block;
		text-decoration: none;
	}
	
	input.pageInput {
        width:30px;
    }
		
	select {
		padding: 0;
		margin: 0;
		height:2.0em;
	}
	
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus,
	input[type="submit"]:focus,
	input[tyep="reset"]:focus {
		outline: none;
	}
	
	*:focus {
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
	
	textarea {
		min-height: 3.75em;/*60px*/
	}
		
	label,
	legend {
		display: inline-block;
		font-weight: bold;
	}
			
	input[type="checkbox"] {
		display: inline;
	}
		
	label span,
	legend span {
		font-weight: normal;
		font-size: 0.8125em; /*13px*/
		color: #444;
	}
	
	.errorMessage {
		color: #CC0000;
		font-weight:bold;
	}
	
	select.fieldError, input.fieldError {
		border:2px solid #CC0000;
	}
	
	.warningMessage {
	color: #F27900;
	font-weight: bold;
	}
	
	a#hrefExternalURL {
		font-weight: bold;
		color: #333399;
		text-decoration: underline;
	}
	
    input[type="button"].hrefButton,
    input[type="submit"].hrefButton, a.hrefButton:link {
        background-color: #ffc266;
        border: 1px solid #ff9900;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #444;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        margin-bottom: 1.25em;/*20px*/
        line-height: normal;
        padding: 6px;
    }

    input[type="button"].hrefButton:hover,
    input[type="submit"].hrefButton:hover, a.hrefButton:hover {
        color: #222;
        background-color: #eee;
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa; 
    }

    a.hrefNewUser {
       background-color: #eee;
        border: 1px solid #aaa;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #444;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        line-height: normal;
        padding:2px 6px 0 6px;
    }

    a.hrefNewUser:hover {
        color: #222;
        background-color: #ddd; 
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa; 
    }
	
	.hideColon {
		display: none;
	}
	
	.centerContent {
	text-align: center;
	margin:15px 0 0 0;
	}
	
	.centerContent div {
	padding:1px 0;
	}
	
	a.hrefCheckOutEdit {
		background-color: #ffc266;
        border: 1px solid #ff9900;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		color: #444;
		display: inline-block;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
		line-height: normal;
		padding:0 0.5em;
	}
	
	a.hrefCheckOutEdit:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		border: 1px solid #888;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa; 
	}
	
	 
	.hrefSortButton {
        /* Old browsers */
        background: #FFCC66;
        border: 1px solid #aaa;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #444;
        position: relative;
        float: right;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        margin-bottom: 1.25em; /*20px*/
        line-height: normal;
        padding: 6px 8px;
    }
	
	.hrefSortButton:hover {
        color: #000;
        background: #FF9933; /* Old browsers */
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }

    .loginButton:active, .loginButton:visited, .loginButton:link,
    .registerButton:active, .registerButton:visited, .registerButton:link,
    .logOutButton:active, .logOutButton:visited, .logOutButton:link {
        position: relative;
        float: right;
        color: #fff;
        font-weight: bold;
        background-color: #8d3ebf;
        border: 0px solid #000;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        text-decoration: none;
        cursor: pointer;
        line-height: normal;
        font-size: 1.1em;
        padding: 6px 8px 4px 8px;
    }

    .loginButton:hover, .registerButton:hover, .logOutButton:hover {
        background-color:#fcc84f;
        color:#000;
    }

    .registerButton {
        margin:0 0 0 0.5em;
    }

    .logOutButton:active, .logOutButton:visited, .logOutButton:link {
        margin:0 0 0 0;
    }	
		
/* #RADIO BUTTON AND LABEL ALIGNMENT */
/* ================================================== */

	.radlblIndent {
		vertical-align: top;
	}
	
	.radIndent {
		display:inline-block;
		position:relative;
		top:1px;
		margin:0;
	}
	
	.radIndent tr td > input[type="radio"] {
		vertical-align: middle;
		margin:0 0 0 2px;
		padding:0 0 0 2px;
	 }
	 
	 .radIndent tr td > label {
		text-align:left;
		display:inline;
		font-weight:normal;
		padding:0 5px 0 3px;
	 }
	 

/* START CUSTOMIZED CSS */
/* ================================================== */
    
/* #PAGE LIST */
/* ================================================== */
	.pageList {
		margin:15px 0 0 10px;
	}		

/* #BREAD CRUMB */
/* ================================================== */
	
	.breadCrumbPanel {
        padding:0 0 10px 10px;
        display:block;
        z-index:200;
	}		

/* #HEADER */
/* ================================================== */

.dvCompanyHeader {
    width: 100%;
    height: 3.5em;
    margin: 0 auto;
    background-color: #fff;
    border-bottom: 2px solid #000;
}

    .dvHeader {
        display: inline-block;
        width:31%;
        text-align:center; 
        vertical-align:middle;
        color:#000;
    }

    .dvHeaderLeft {
        text-align:left;
        padding-left:2em
    }
    
    .dvHeaderCenter {
        font-size:2em;
        font-weight:bold;
        padding-top:6px
    }
    
    .dvHeaderRight {
        text-align:right;
        padding-right:2em;
    }
    
    .hlHeaderLink:link, .hlHeaderLink:hover, .hlHeaderLink:active, .hlHeaderLink:visited
    {
      color:#000; 
      font-size:1em;
      text-decoration:none;
      font-weight:bold;
    }
    
    .hlHeaderLink:hover
    {
      text-decoration:underline;
    }  

	
/* #MENU BAR Horizontal Page Tabs */
/* ================================================== */
	#navHeader {
		float:left;
		position:absolute;
		width:1000px;
		text-align:center;
		margin:0;
		padding-top:4px;
		z-index:100;
	}

	#nav {
        display: inline-block;
    }

    #nav ul {
        list-style: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

    #nav li {
        display: inline-block;
        text-align: center;
    }

    #nav li a {
        display: inline-block;
        letter-spacing: 2px;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 1.1em;
        color: #4d4d4d;
        padding:0.5em 0;
        margin:0 1.5em;
        font-weight:bold;
        font-family: Arial, Helvetica, sans-serif;
    }

        #nav .active a {
            border-bottom: 5px solid #00ad42;
        }

            #nav .active a:hover, #nav a:hover, #nav .active a:active {
                border-bottom: 5px solid #A9A9A9;
            }

/* #MENU BAR Vertical Category Tabs */
/* ================================================== */

    table.navBar {
	    width: 100%;
    }

    table.navBar td {
        display: block;
	    width: 100%;
        font-size:1.02em;
        border-bottom:1px solid #ccc;
        height:35px;
    }


    table.navBar td a {
	    display: block;
	    color: #000;
	    text-decoration: none;
        padding:0.4em 0;
        font-weight:bold;
        text-transform:uppercase;
    }

    table.navBar td a:hover {
        color: #000;
        border-bottom: 5px solid #b3b3b3;
        text-decoration: none;
    }

    table.navBar td a.selected {
	    color: #000;
	    background: #B9B9B9;
	    text-decoration: none;
    }

    table.navBar td.subMenu a 
    {
        text-indent:2em;
        font-size:1em;
        padding-top:0.5em;
        font-weight:normal;
    }

    .active a {
        border-bottom: 5px solid #00ad42;
    }

    .active a:active {
       border-bottom: 5px solid #000;
    }
	
/* #Search  */
/* ================================================== */

    .search-Container {
        width: 236px;
    }

    input[type="text"].txtSearchProducts {
        width: 200px;
        margin:0;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-right: 0px;
        border-radius: 4px 0 0 4px;
        -moz-border-radius: 4px 0 0 4px;
        -webkit-border-radius: 4px 0 0 4px;
        background-color: #fff;
        color: #969696;
        height:24px;
        padding:3px !important;
    }

    .btnSearchProducts {
        padding:6px;
        margin:0;
        float: right;
        position: relative;
        border-top: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 0px;
        background-color:#fff;
        color: #000;
        border-radius: 0 4px 4px 0;
        -moz-border-radius: 0 4px 4px 0;
        -webkit-border-radius: 0 4px 4px 0;
        top:0px;
        left:-1px;
        height:32px;
    }
    
    .btnSearchProducts:hover {
       background-color:#fff;
       border-top: 1px solid #ccc;
       border-right: 1px solid #ccc;
       border-bottom: 1px solid #ccc;
       border-left: 0px;
    }

    .btnSearchProducts i {
        font-size: 17px;
        top:1px;
        color:#ccc;
    }
    
    .btnSearchProducts i:hover {
        font-size: 17px;
        color:#999;
    }	

    #advancedSearch {
        padding:5px 0 5px 0;	
    }
    
    .hladvancedSearch:link,
    .hladvancedSearch:hover,
    .hladvancedSearch:visited,
    .hladvancedSearch:active {
      color:#000; 
      font-size:1em;
      text-decoration:none;
    } 
    	
	
/* #BANNER */
/* ================================================== */

.companyBanner {
    width: 1000px;
    padding: 0.3em 0;
    margin: 0 auto;
}

.companyLogo {
    height: 35px;
    width: auto;
}

.dvBanner {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

.dvBannerLeft {
    display: inline-block;
    text-align: left;
    margin-left: 0;
    padding-top: 1em;
    width: 24%;
}

.dvBannerRight {
    display: inline-block;
    text-align: right;
    margin-right: 0;
    padding-top: 1em;
    width: 24%;
}	

/* #DataGrid */
/* ================================================== */

    .dataGrid-Delete {
        vertical-align:middle;
        background-color:Transparent;
        width:16px;
        height:16px;
    }

    .dataGrid-Header {
        padding:0.4em;
        font-weight: bold;
        border:1px solid #484848;
        background-color: #d0d2d4;
        height:1em;
    }

/*Following class use the same header color.
    1. .attributeTable tr > th 
*/
    .dataGrid {
        width:900px;
        background-color:#fff;
        font-size:0.92em;
     }

    .dataGrid-Item {
        padding:0;
        border-bottom:1px solid #484848;
     }
     
    .dataGrid-ItemAlt {
        padding:0; 
        background-color:#f2f2f2;
        border-bottom:1px solid #484848;
     }
     
    .dataGrid-Footer {
        background-color: #484848;
     }
     
    .dataGrid-Total {
        padding:0 5px 0 0;
        font-weight: bold;
        text-align:right;
        margin:0 1px 10px 0;
    }

    input[type="button"].gridAddButton
    {
        margin:0;
        padding:4px;
    }

/* Reusable */
/* ================================================== */

	article.blog-post {
		position: relative;
	}

		article.blog-post .comments {
			position: absolute;
			top: 0;
			right: 0;
			height: 32px;
			line-height: 24px;
			padding-left: 40px;
			background: url('../../../images/icon-bubble.png') no-repeat;
		}

	ul.small-image-list {
	}

		ul.small-image-list li {
			overflow: hidden;
			margin-bottom: 1.5em;
		}

	ul.big-image-list {
	}

		ul.big-image-list li {
			overflow: hidden;
			margin-bottom: 2em;
		}

	ul.link-list {
	}

		ul.link-list li {
			border-top: solid 1px #ced0b7;
			padding: 0.75em 0 0 0;
			margin: 0.75em 0 0 0;
		}
		
		ul.link-list li:first-child {
			padding-top: 0;
			margin-top: 0;
			border-top: 0;
		}
	
/* Forms */	
/* ================================================== */

	fieldset {
		border: none;
		margin: 0;
		padding: 0;
	}
		
/* CONTROLS CUSTOMIZED CSS*/
/* ================================================== */

/* #ctrLOGIN.ascx */

    .loginMainBkgrnd {
        width: 22em;
    }
    
    .pgLogin
    {
        text-align: left;
    }

   
    .loginMainButton
    {
        position: relative;
        top:-13px;
        right:1px;
        padding:0.12em;
        line-height: normal;
        cursor: pointer;
        vertical-align: middle;
        text-align: center;
        overflow: visible;
        font-size: 1.4em;
        background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
    }


    .loginMainButton,
    .loginMainButton:link,
    .loginMainButton:visited,
    .loginMainButton:hover,
    .loginMainButton:active
    {
        text-decoration: none;
    }
   
/* #FORMS LOGIN */
/* ================================================== */

#loginForm {
    padding: 0;
    margin: 1.2em 2%;
    text-align: left;
    width: 19.5em;
    /*border-radius:10px;
		 -moz-border-radius:10px;
        -webkit-border-radius:10px;
		border:1px solid #ccc;*/
}

input.loginField[type="text"],
input.loginField[type="password"] {
    width: 17em;
    padding: 3%;
    margin: 0.5em !important;
    font-size: 1em;
}

/* login hover */
input.loginField:hover[type="text"], input.loginField:hover[type="password"] {
    background-color: #fff;
    box-shadow: inset 0px 0px 0px 1px #3ecceb;
}

/* login focus */
input.loginField:focus[type="text"], input.loginField:focus[type="password"] {
    background-color: #fff;
    box-shadow: inset 0px 0px 0px 1px #6600CC;
}

input.btnLogin[type="submit"] {
    font-size: 1.2em;
    margin: 1em 0.1em 0.3em 0.1em !important;
    padding: 0.5em 2em;
    border-radius: 0.3em;
    border: 1px solid #f26728;
    background-color: #f26728;
    color: #fff;
}

input.btnLogin:hover[type="submit"] {
    background-color: #fcc84f;
    border: 1px solid #fcc84f;
    color: #000;
}

input.btnLogin:focus[type="submit"] {
}

#loginField p {
    margin: 0em;
    padding: 0em;
}

#loginField input[type="radio"] {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 2% 3% 2% 0;
    font-size: 1.2em;
    border: 0.0625em solid rgb(0,0,0);
    border-radius: 0.125em;
    background: rgb(255,255,255);
}

.loginError {
    font-size: 1.2em;
    color: #CC0000;
    display: inline-block;
    margin: 7px 0;
    padding: 0 0 0 6px;
}

.hrefRegister {
    display: inline-block;
    margin: 1em 0 0 0;
}

#loginForm li {
    margin: 0.2em 0;
}

    #loginForm li label {
        font-size: 1.1em;
        color: #fff;
    }

    #loginForm li span {
        font-size: 1em;
    }

        #loginForm li span.errorMessage1 {
            color: #CC0000;
        }

.loginAttr {
    text-align: center;
}

    .loginAttr a:link, .loginAttr a:hover, .loginAttr a:active, .loginAttr a:visited {
        color: #fff;
        text-decoration: none;
    }

    .loginAttr a:hover {
        text-decoration: underline;
    }

.loginPg {
    padding-left: 1.5em;
    color: #fff;
}

.loginFormHeader {
    font-size: 2em;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    color: #fff;
}
	
/* PAGE CUSTOMIZED CSS */
/* ================================================== */

/* #POPUPEDITFORM */
/* Used for CustomerManagementEdit, ProductManagementEdit etc..*/
/* ================================================== */
	
	.popUpEditForm ul {
		width:100%;
		list-style-type:none;
		list-style-position:outside;
		margin:0px;
		padding:0px;
	}
	
	.popUpEditForm li	{
		padding:4px; 
		border-bottom:1px solid #eee;
		position:relative;
	}

	.popUpEditForm label {
		width:150px;
		margin-top: 3px;
		display:inline-block;
		padding:3px;
		text-align:right;
	}
	
	
	.popUpEditForm input[type="text"], .customerPassword {
		display: inline-block;
		min-height:25px; 
		width:250px; 
		padding:4px 8px;
	}
	
	.popUpEditForm textarea {
		padding:4px;
		width:65%;
	}
	
	.popUpEditForm select {  
		padding:0px 4px;
	}
	
	.popUpEditForm-Submit {
		text-align:center;
		width:100%;
	}
	
	.popUpEditForm-OffSet {
		margin:0 0 0 165px;
		padding:0;
	}
	
	.popUpEditForm-Categories {
		display:inline-block;
		position:relative;
		margin-top:5px;
	}
	
	.popUpEditForm-Categories tr td {
		font-size:0.875em; /*14px*/
	}
	
	label.advAdminOptions-Label {
		width:200px;
	}
	
	.radRightAdminOptions  {
		margin:0 0 0 2em;
	}
	
	.popUpEditForm-List label {
		font-size:0.875em; /*14px*/
		font-weight:normal;
		text-align:left;
	}
		
	.popUpEditForm-Label {
		vertical-align:top;
	}
	
	.popUpEditForm-List {
		display:inline-block;
		position:relative;
	}
	
	.radioList-Edit  {
		display:inline-block;
	}
	
	.radioList-Edit input[type="radio"] {
       margin:0;
       padding:0;    
	}
        
	.radioList-Edit label
	{
		width:60px;
		font-size:94%;
		font-weight:normal;
		text-align:left;
	}
		
	.popUpEditForm-TitleIndent {
		padding:8px 4px; 
	}
		
	.popUpEditForm-errorMessage {
		color: #CC0000;
		font-weight:bold;
		margin:0 0 0 6px;
		font-size:1.5em;
	}
	
	#dvSkuModifiedProduct, #dvSkuConnectorString, #dvDownloadFileName {
		display: none;
	}
	
	.dvSkuModifiedProduct > select {
		position:relative;
		top:-0.8em;
	}

	.productType {
		padding:3px 0;
	}
	
	.hrProductType {
		border-bottom:1px solid #eee;
		margin:0;
		padding:0;
	}
	
	input[type="text"].shortInputWidth {
		width: 80px;
	}
	
	input[type="text"].mediumInputWidth {
		width: 110px;
	}
	
	.imgQMark {
		vertical-align: middle;
		width: 16px;
		height:16px;
	}
	
	.popUpEditToolTips {
		display:inline-block;
	}
	
	.popUpEditToolTipsLabel {
		vertical-align:top;
	}
	
	.skuAttributes {
		margin:4px 0 0 0;
		display:inline-block;
		vertical-align:top;
	}
	
	.skuAttributes span {
		font-size:94%;
	}
	
	.inputDisabled {
		background-color:#ebebe4;
	}

/* #LOGIN.ASPX */	
/* ================================================== */
    .coverBlur {
        background-color:#a6a6a6;
        width:100%;
        height:100%;
        display:none;
        position:fixed;
        z-index:500;
    }

	.userLoginAdd {
		display: none;
		float:right;
		position:absolute;
		top:4em;
		right:5%;
		z-index:1000;
	}
	
	.loginRegisterButtons {
		float:right;
		position:absolute;
		top:0.4em;
		right:1em;
	}
	
	.closeWindowBtn {
        position: absolute;
        padding: 0;
        width: 1.5em;
        height:1.5em;
        top: 9px;
        background-color: rgb(230,230,230);
        border: solid 1px rgb(180,180,180);
        right: -5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

	.closeWindowBtn a {
		font-size: 1.3em;
		position:relative;
		left:0.25em;
		font-weight: bold;
		color: #444;
		text-decoration: none;
		font-family:Sans-Serif;
	}
	
		/* login hover */
	.closeWindowBtn:hover {
		box-shadow: inset 0px 0px 0px 1px #3ecceb;
		background-color:#ccc;
	}
	
	/* login focus */
	.closeWindowBtn:focus {
		box-shadow: inset 0px 0px 0px 1px #6600CC;
		background-color:#ccc;
	}
	
/* #REGISTER.ASCX */
/* ================================================== */

    .dvRegisterLayout 
    {
        display:block;
        text-align:center;
        width:29em;
        margin:0 auto;
    }

    .dvBtnRegister
    {
        margin-left:2.5em;
    }

	.ulRegister label {
		width:110px !important;
		margin-top: 3px;
		display:inline-block;
		padding:3px;
		text-align:right;
	}
	
	.dvMyError {
		width:100%;
		text-align:center;
	}
	
	.dvregFieldRequired {
	    margin:1em 0 0 0;
	    font-size:1em;
	    font-style:italic;
	    }

    .ulRegister select {
		width:25em;
	}
	    
/* #INTRO.ASCX */
/* ================================================== */

    .introBackground {
        margin-top:1em;
        padding:0 2em;
        display:block;
        line-height:1.3;
        }
        
    .introHeaderText {
        display:block;
        font-size:1.1em;
        font-weight:600;
        }
        
    .introText {
        display:block;
        margin-top:0.5em;
        font-size:0.92em;
        }         	    
		
/* #PRODUCTATTRIBUTES.ASPX */
/* ================================================== */
	

/* #REPORTS.ASPX */
/* ================================================== */
    div.rptLayout {
        width:84%;
        background-color:#fff;
        margin:0;
        padding:1em 5em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

    div.rptSelection {
        width:50%;
        padding:0 21%;
    }

    .rptLayout div > label {
        display:inline-block;
        width:18em;
        text-align:right;
        margin:0.8em 0.8em 0.8em 0;
    }

    .rptLayout div > select {
        text-align:left;
        margin:0;
        width:30em;
    }

    .rptLayout div > label.rptDateTo {
        width:5em;
    }

    .rptLayout div > input.rptInputDateFrom,
    .rptLayout div > input.rptInputDateTo,
    .rptLayout div > input.rptInputTax {
        width:5.6em;/*95px*/
    }

    .rptLayout div > span {
        margin:0 0 0 14em;
        display:inline-block;
        width:100% !important;
    }

    .rptLayout div.rptSubmit {
        margin:0 0 0 16em;
    }
    	
    .rptLayout div > select.rptProdStatusList {
        width:10em;
        height:6em;
        margin:0.8em 15em 0 0;
    }

    .rptLayout div > label.rptProdStatusLabel {
        vertical-align:top;
    }

    .rptLayout div > select.rptCreditCardTypeList {
        width:13em;
        height:7em;
        margin:0.8em 15em 0.8em 0;
    }

    .rptLayout div > label.rptCreditCardTypeLabel {
        vertical-align:top;
    }

    .rptLayout div > select.rptProductsList {
        width:35em;
        height:15em;
        margin:0.8em 0 0.8em 0;
    }

    .rptLayout div > label.rptProductLabel {
        vertical-align:top;
    }

    .selectReportsList{
        margin:0 0 0 8em !important;
    }

    table.selectReportsList td > label {
        font-weight:normal;
    }

    .selectReportsHeader {
        margin:0.6em 0 0.6em 8em !important;
        font-weight:600;
    }

    input.selectReportsButton {
        margin:0.8em 0 0 9em !important;
    }

    .rptLayout div > select.rptPriceGroupList {
        width:16em;
    }

    .rptLayout div > label.rptLblTaxDesc {
        margin-left:19em;
        width:30em;
        color:#808080;
        font-weight:normal;
        font-style:italic;
        text-align:left;
    }
    
/* #HELP.ASCX */
/* ================================================== */

    .dvFormatHelp {
        width:550px;
        margin:2em auto 0 auto;
        border:1px solid #ccc;
        padding:1em 2em;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    div.dvFormatHelp > p {
       padding-left:4em;
    }

    /* #Base.ascx */
    /* ================================================== */
    #copyright-SSO {
        padding: 17.5em 0 0 1em;
        text-align: left;
    }
  
    #copyright {
        margin: 0.2em 0 0 2em;
    }
    
/* #ctrCartSummary.ascx */
/* ================================================== */

    .dvCartSummary {
        width:95%;
        padding:0.5em;
    }
    
/* #CompanyLogin.ascx */
/* ================================================== */
.introLayout {
    text-align: center;
    background-color: #D0DDF1;
    width: 100%;
    height: 2000px;
}

.coverLogin {
    position: fixed;
    width: 1100px;
    height: 642px;
    background-image: url('../Images/Cover/Custom-Forte-Cover-2.png');
    background-size: 1100px 642px;
    background-repeat: no-repeat;
    left: 50%;
    margin-left: -550px;
}

.coverUrlLinks {
    height: 8%;
}

.coverWelcomeBox {
    float: left;
    position: relative;
    width: 45%;
    height: 83%;
    overflow: hidden;
    padding-top:1em;
}

.coverWelcomeMessage {
    font-size: 2.6em;
    font-weight: bold;
    display: block;
    font-family: sans-serif;
    margin-top: 0.6em;
    color: #fff;
    padding-left:1em;
}

.coverTitleHeader {
    display: block;
    font-size: 2.5em;
    color: #3D437F;
    letter-spacing: 2px;
    line-height: 1.6;
    font-weight: bold;
}

.coverLoginBox {
    float: left;
    position: relative;
    width: 41%;
    margin-left: 1em;
    padding: 5em 0 0 10em;
}

.coverBase {
    width: 100%;
    color: #fff;
    text-align: center;
    float: left;
    clear: both;
    height: 8%;
    overflow: hidden;
    padding-top: 0.5em;
}

    .coverBase div a:link,
    .coverBase div a:visited,
    .coverBase div a:active,
    .coverBase div a:hover {
        color: #fff;
        text-decoration: none;
    }

    .coverBase div a:hover {
        text-decoration: underline;
    }

img.coverWelcomeLogo {
    height: 80px;
    margin-top: 10em;
}

.coverHeader {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    padding-top: 1em;
}

.coverHeaderLeft {
    display: inline-block;
    text-align: left;
    padding-left: 1em;
    width: 48%;
}


.coverHeaderRight {
    display: inline-block;
    text-align: right;
    padding-right: 1em;
    width: 48%;
}

.hlcoverHeaderLink:link, .hlcoverHeaderLink:hover, .hlcoverHeaderLink:active, .hlcoverHeaderLink:visited {
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
}
    
/* #ExternalLinks.ascx */
/* ================================================== */ 
    .dvExternalLinks {
        float:left;
        position:absolute;
        top:0.8em;
        left:0.5em;
    }
    
    a.hlExternalLinks:link,
    a.hlExternalLinks:visited,
    a.hlExternalLinks:hover,
    a.hlExternalLinks:active  {
        padding:0.3em 0.8em 0 0.8em;
        color:#fff;
        font-weight:600;  
    }
    
    a.hlExternalLinks:hover  {
        color:#E6E6E6;
        }
        
    .ExternalLinksLine  {
        color:#fff;
    }    
	
/* #FORGOTPASSWORD.ASPX */
/* ================================================== */  

    .ForgotPasswordBkgrnd {
       background-color:rgb(216,225,230); 
        }
        
    .ulForgotPassword {
    }

	.popUpFPForm ul {
		width:450px;
		list-style-type:none;
		list-style-position:outside;
		margin:0;
		padding:0.5em;
	}
	
	.popUpFPForm li	{
		padding:8px 4px; 
		font-size:1.1em;
		border-bottom:1px solid #eee;
		position:relative;
	}

	.popUpFPForm input[type="text"] {
		display: inline-block;
		min-height:20px; 
		width:250px; 
		padding:5px 8px;
	}
	
	.popUpFPForm-Submit {
		text-align:center;
		width:100%;
		margin:0;
		padding:0;
	}

/* #WELCOMEMESSAGE.ASPX */
/* ================================================== */  
	.dvWelcomeBkgrnd 
	{
	    width:84%;
	    background-color:#fff;
	    margin:0;
	    padding:1.5em 5em;
	    -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
	}
    
/* #ORDERHISTORY.ASPX */	
/* ================================================== */

    .dvOrderHistoryLayout {
        width: 60em;
        margin:0 auto;
    }

    #OrderHistoryHeader {
         width:98%;
         display:inline-block;
         border:1px solid #ccc;
         padding:0.5em;
    }
    	
    .dvOrderHistoryHeaderLeft {
        float:left;
        position:relative;
        width:30%;
    }

    .dvOrderHistoryHeaderCenter {
        float:left;
        position:relative;
        width:30%;
        text-align:center;
        padding-top:1em;
    }

    .dvOrderHistoryHeaderRight {
        float:right;
        position:relative;
        text-align:right; 
        padding-top:0.2em;
        width:40%;
    }

    .tdOrderHistoryLeft {
        width:25em;
        text-align:left;
        padding:1%;
        vertical-align:top;
    }

    .tdOrderHistoryRight {
        width:34em;
        text-align:Right;
        padding:1%;
    }

    .tbldlOrders {
        border:1px solid #ccc;
        padding:0.8em;
        width:100%;
    }

    .ulRepItems li {
        padding-right:0.5em;
    }

/* #CART.ASPX */	
/* ================================================== */

    .dvDGCart {
        margin:0 auto;
        width:60em;
    }

    .h2Cart {
        margin-bottom:0.8em;
    }

    .cartlblMessage {
        text-align:center;
    }

/* #PRODUCTS.ASPX */	
/* ================================================== */

    #dlstProducts {
        margin:0;
        padding:0;
    }

    img.productImage {
        border:1px solid #A0A0A0;
        width:100%;
        height:auto;
    }

      a.hrefProductButton:link {
        background-color: #ffc266;
        border: 1px solid #ff9900;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #444;
        display: inline-block;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        line-height: normal;
        padding: 2px 6px 1px 6px;
        margin-top:0.8em;
    }

    a.hrefProductButton:hover {
        color: #222;
        background-color: #eee;
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa; 
    }

    .hlProductName {
        display:block;
        font-size:1.2em;
        font-weight:bold;
        text-decoration:none;
    }

    #dvDetailsPDF {
        text-align:center;
        margin-top:5px;
    }

    .tdBtnSelect {
        padding-bottom:1em;
    }

    .dvProducts {
        display:block;
        width:100%;
    }

    .dvProductsLeft {
        vertical-align:top;
        padding-right:2em;
        display:inline-block;
        width:25%;
    }

    .dvProductsRight {
        display:inline-block;
        width:70%;
    }

/* #PRODUCTTYPE.ASPX */	
/* ================================================== */
   .tdProductTypeBorder {
        border: solid #ddd; 
	    border-width: 1px 0 0 0;
    }

    .tdProductType1, .tdProductType3 {
        width:95px;
        height:105px;
        text-align:right;
    }

    .tdProductType2, .tdProductType4 {
        width:200px !important;
        text-align:left;
        vertical-align:top;
    }

/* #MAIN.ASPX */	
/* ================================================== */

    .tblMainCategory {
        display:block;
        border-bottom:1px solid #ccc;
        width:365px;
        min-height:150px;
    }

    .hlMainCategoryName {
        font-size:1.1em;
        font-weight:bold;
        text-decoration:none;
    }

    .tdMainCategoryRight {
        padding:0 0.5em 0 1em;
        vertical-align:top;
    }

    .tdMainCategoryLeft {
        display:block;
        vertical-align:top;
    }

    .mainWelcomeMessage {
        display:block;
        font-size:1.1em;
        margin-bottom:0.5em;
    }


/* #CUSTOMERMANAGEMENT.ASPX */	
/* ================================================== */

     #GridHeader {
         width:98%;
         padding:0;	
         margin:0;
    }

    .dvGridHeaderLeft { 
        float:left;
        position:relative;
        width:50%;
    }

    .dvGridHeaderRight { 
        float:right;
        position:relative;
        text-align:right; 
        width:50%;
        padding-top:0.8em;
    }
    	
    input.CustomerTotalPagesBtnGo  {
        margin:0 0 0 0.3em;	
    }

/* #CUSTOMERINPUT.ASPX*/
/* ================================================== */

    .profilePopUp .ui-dialog-titlebar {
	    font-weight: bold;
	    background: #e60000;
	    color: #fff;
	    font-family: sans-serif;
    }

    div.profileExistsPopup {
	    display: none;
    }

    .profileExistPopup > p {
	    line-height:1.3;
    }

    .customerInput_Layout {
        width:1000px;
        padding:0 50px;
    }

    .customerInput_LeftLayout {
       width:300px;
       float:left;
       position:relative;
       margin-top:2em;
    }

    .customerInput_Profile {
        display:block;
        font-size:1.2em;
        font-weight:bold;
        text-align:center;
        font-family: Arial, Helvetica, sans-serif;
    }

    .customerInput_Dropdown {
        display:block;
        font-size:0.92em;
        padding:0 0 5px 10px;
        text-align:center;
        line-height:1.2 !important;
    }

    .customerInput_ddProfiles {
        display:block;
        text-align:center;
    }

    .customerInput_ddProfiles select {
        width:250px;
        padding:0 5px;
    }

    .customerInput_AddProfile {
        display:block;
        text-align:center;

    }

    .customerInput_RightLayout {
       width:580px;
       float:left;
       position:relative;
       text-align:center;
       padding-left:2em;
    }

    .customerInput_Submit, .hrefButton {
        margin-top:0.8em;
        border:1px solid #000;
    }

    .customerInput_RightInnerLayout {
        width:550px;
        margin:2em auto;
        display:block;
        padding:1em;
        background-color:#E0E0E0;
        -moz-border-radius: 86px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    input.customerInput_Inputs[type="text"] {
        width:250px;
    }

    .tblProfileInputs {
        width:300px;
        background-color:#E0E0E0;
        -moz-border-radius: 86px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
    }

    .tblProfileInputs td {
        padding:0 0 0 9px;
        margin:0;
    }

    .customerInput_ProfileInfo {
        font-size: 1.2em;
        padding:0 0 0 10px;
        margin:10px 0 0 0;
        font-weight:bold;
        font-family: Arial, Helvetica, sans-serif;
        display:block;
    }

     .customerInput_Required {
        color:#CC0000;
        font-style:italic;
        padding-left:10px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .input_Required {
        color:#CC0000;
        font-family: Arial, Helvetica, sans-serif;
    }

    .pnlProfiles {
        width:300px;
        background-color:#E0E0E0;
        -moz-border-radius: 86px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        display:block;
        padding-top:0.6em;
        margin-bottom:0.2em;
    }

    .FormElementInputDisabled {
    }

    .checkProof {
        display:block;
        line-height:1.3 !important;
        font-size:1em;
    }

/* #APPROVALQUEUEDETAILS.ASPX */
/* ================================================== */

.approvalQueueDetails_Layout {
    width:550px;
    margin:0 auto;
    display:block;
    padding:1em;
}

.plhDetails_Layout {
    width:550px;
}

.dvApprovalQueue_Buttons {
    text-align:center;
}

.dvApprovalQueue_ButtonsLeft {
    width:15%;
    text-align:left;
    display:inline-block;
    margin:0;
    padding:0;
}

.dvApprovalQueue_ButtonsCenter {
    width:65%;
    text-align:center;
    display:inline-block;
    margin:0;
    padding:0;
}

.dvApprovalQueue_ButtonsRight {
    width:15%;
    text-align:right;
    display:inline-block;
    margin:0;
    padding:0;
}

.approvalQueue_CloseButton {
    text-align:center;
}

.dvDeclineConfirm {
    display:none;
}

.panel {
	display: none;
	width:95%;
	border: 1px solid #aaa;
	-moz-border-radius: 0.375em;/*3px*/
	-webkit-border-radius: 0.375em;
	border-radius: 0.375em;
	color: #444;
	display: inline-block;
	text-decoration: none;
	padding:0.8em;
}

td input.approvalInput[type="text"] {
    border: 1px solid #000;
    color: #444;
    display: inline-block;
    text-decoration: none;
    padding:0.5em !important;
    height:2em;
    width:20em
}

/* CHECKOUT.ASPX */
/* ================================================== */

	.checkout_form ul {
        margin:0 auto;
		width:65%;
		list-style-type:none;
		list-style-position:outside;
		padding:0px;
	}
	
	.checkout_form li	{
        display:inline-block;
        width:100%;
		padding:0; 
		position:relative;
	}

	.checkout_form label {
		width:150px;
		margin-top: 3px;
		float:left;
		padding:3px;
	}
	
	.checkout_form input[type="text"] 
	{
		float:left;
		min-height:20px; 
		width:250px; 
		padding:5px 8px;
	}
	
	.radResidential {
		margin:0 0 1.5em 158px;
        
	}
	
	.checkout_form textarea {
		padding:8px;
		width:60%;
	}
	
	.checkout_form select {  
		padding:6px 4px;
		margin:0 0 7px 0;
		height:2.5em;
	}
	
	.lblCheckout2 {
		width:150px;
		margin-top: 1px;
		display:inline-block;
		float:left;
		padding:3px;
		font-weight:bold;
	}
	
	.lblCheckout1, .lblCheckout3 {
		padding:8px 4px; 
		font-weight:bold;
	}
	
	.lblCheckout {
		border-bottom:1px solid #eee;
	}
	
	.email-Tip {
		margin-left:155px;
		font-style:italic;
	}
	
	.checkout-Submit {
		text-align:center;
		width:100%;
	}

    textarea.txbComments_CheckOut {
        width:25em;
        height:3em;
        padding:5px 8px;
        margin:0;
    }

    .divSubmit_Checkout {
        display:block;
        width:100%;
        text-align:center;
    }

    .lblSelectQuantity {
        display: block;
        width: 100%;
        margin-top: 1em;
        color: #cc0000;
    }

    .lblSubmitMsg_1 {
        display: block;
        width: 100%;
        color: #cc0000;
    }

    .lblOrdersDownloaded {
        display: block;
        width: 100%;
        color: #CC0000;
        font-weight: bold;
        margin-top: 1em;
    }

    .shippingInformation_Checkout {
        font-weight:bold;
        font-size:1.2em;
    }

    	.hrefCheckOutButton {
        /* Old browsers */
        background: #FFCC66;
        border: 1px solid #aaa;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        color: #444;
        position: relative;
        float:left;
        font-weight: bold;
        text-decoration: none;
        cursor: pointer;
        margin-bottom: 1.25em; /*20px*/
        line-height: normal;
        padding: 3px 8px;
    }
	
	.hrefCheckOutButton:hover {
        color: #000;
        background: #FF9933; /* Old browsers */
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }

    .checkout_form_label {
		width:150px;
		margin-top: 3px;
		float:left;
		padding:3px;
        font-weight:bold;
	}

    .checkout_DataGrid {
        width:90%;
        margin:0 auto;
    }

    .checkOut_Header {
        display: block;
		font-size: 150%;
		margin:1em 0 0 0.4em;
    }

    .checkOut_Header_Submitted {
        display: block;
		font-size: 150%;
		margin:1em 0 0 7em;
    }


/* CHANGEPASSWORD.ASPX */
/* ================================================== */

    .dvChangePassword {
        width:60%;
        margin:0 auto;
    }

    .changePassword_form ul {
			width:100%;
			list-style-type:none;
			list-style-position:outside;
			margin:0px;
		padding:0px;
	}
	
	.changePassword_form li	{
		padding:8px 4px; 
		border-bottom:1px solid #eee;
		position:relative;
	}

	.changePassword_form label {
		width:150px;
		margin-top: 3px;
		display:inline-block;
		padding:3px;
		text-align:right;
	}
	

	.changePassword_form input[type="password"], .changePassword_form input[type="text"] {
		display: inline-block;
		padding:0 8px;
		width:250px;
		min-height:30px;
	}
	
	.changePassword-Submit {
		text-align:center;
		width:100%;
	}