HTML, BODY {
  margin:0;
  padding:0;
  height:100%;
}

#DSMain 
{
  BACKGROUND-COLOR: #fff;
  MIN-WIDTH: 480px;
  position: relative;
  min-height: 100%;
}

#DSHeader {
    position: relative;
    background-color: #3A6278;
    /* background-color: #305164; */
    /*  border-top: 1px solid #d1dde4;
  border-bottom: 1px solid #d1dde4;*/
    margin-top: 0px;
    height: 56px;
    MIN-WIDTH: 480px;
}

/*#DSHeader .DSCompass,
#DSHeader .DSLogo {
  position: absolute;
  display: block;
  border-width: 0;
}*/

#DSHeader .DSCompass a img,
#DSHeader .DSLogo a img{
  border: none;
}

#DSHeader .DSLogo {
	background-image: url("../images/dslogo.png");
	position: relative;
	float:left;
	width: 146px;
	height: 55px;
}  

#DSSearch {
    /* This is a bit of a hack workaround to the input layered on top of a background image */
    max-width: 190px;
    
    POSITION: absolute;
    RIGHT:183px;
    TOP:2px;
        
}

#DSSearch input[type="text"] {
  font-size: 12px;
  margin-left: 10px;
  /* padding-top: 5px; */
  margin-top: 14px;
  width: 150px;
  border: 0;
  box-shadow: none;
  background: transparent;
  color: #70808b; 
  /*position: relative; */
  left: -180px;
  /* position:absolute; top:3px; left:0px; */
    height:25px;
  	position: absolute;
	top: 0px;
	left: 0px;
  
}

#DSSearch input[type="text"]:focus {
  box-shadow: 0px;
  border: 0px;
}

.search-submit {
    width:36px;
    height:25px;
    margin-top: 14px;
    position:absolute;
    right:0px;
    top:2px;
    border:0px;
    background-color:white;
    opacity:0.05;
    filter:alpha(opacity=1);
}
.DSSearchIcon {
    visibility: hidden;
    background-image: url("../images/search.png");
    background-repeat: no-repeat;
    /*position: absolute;
	RIGHT:135px;*/
    /* width: 44px;*/
    height: 44px;
    display: block;
}

.DSLnkPrev IMG {
    margin-top: 16px;
    width: 18px;
    height: 28px;
    margin-right: 3px;
}

.DSLnkPrevDisabled IMG {
    border: 1px solid ;
    background-color: #a1a1a1;
    color: #666666;
    margin-top: 16px;
    width: 18px;
    height: 28px;
    margin-right: 3px;
    pointer-events: none;
}

.DSLnkPrevDisabled IMG:hover {
    border: 0px
}


.DSLnkNext IMG{
    margin-top: 16px;
    width: 18px;
    height: 28px;
    margin-right: 3px;
}

.DSLnkNextDisabled IMG {
        border: 1px solid ;
        background-color: #a1a1a1;
        color: #666666;
        margin-top: 16px;
        width: 18px;
        height: 28px;
        margin-right: 3px;
        pointer-events:none;
}
.DSLnkNextDisabled IMG:hover {
    border: 0px
}

#DSHeader .DSCompass {
    background-image: url("../images/compass.png");
    top: 0;
    right: 0;
    width: 48px;
    height: 56px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 2px;
} 

#DSTitle {
	/* POSITION: absolute; */
	MARGIN-TOP: 21px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	COLOR: #fff;
	MARGIN-LEFT: 10px;
	FONT-SIZE: 18px;
	CURSOR: pointer;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	LINE-HEIGHT: 1;
}

/*#DSPrintFeedback {
	Z-INDEX: 3; POSITION: absolute; RIGHT:45px; top:0px;
}*/

/*#DSPrintFeedback table, 
#DSPrintFeedback td, 
#DSPrintFeedback tr {
	margin: 0;
	padding: 0;
}*/

.DSPrintIcon {
	    background-image: url("../images/print.png");
        background-repeat: no-repeat;
        width: 44px;
        height: 55px;
        display: block;
}

.DSFeedbackIcon {
	    background-image: url("../images/feedback.png");
        background-repeat: no-repeat;
        width: 44px;
        height: 55px;
        display: block;
}

#DSBreadCrumb {
	HEIGHT: auto;
	COLOR: #2f4960;
	background-color: #fafcff;
    border-bottom: 1px solid #d1dde4;
	FONT-SIZE: 11px;
	MARGIN: 0px;
	Padding: 5px;
}
#DSBreadCrumb A {
	COLOR: #2f4960; FONT-SIZE: 11px
}
#DSBreadCrumb A:hover {
	COLOR: #6c9fd1; TEXT-DECORATION: none
}

#DSProductList h1 {
	border-bottom:3px solid #ccc;
	color:#5B7F95;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0;
	margin-left:0;
	margin-top:0;
	padding:0 0 8px;
	top:0;
	vertical-align:bottom;
}

#DSContent {

	/*BACKGROUND-COLOR: blue;*/
	padding-bottom:60px;
	HEIGHT: 100%;
	/*MIN-HEIGHT: 100%;
	HEIGHT: 100%;
	overflow: auto;*/
}

.DSMainContent {
	display: table;
	/*width:100%;
	HEIGHT: 100%;
	overflow: auto;*/
}

#DSLeftPane {
	display: table-cell;
	POSITION: relative;
	HEIGHT: 100%;
	BACKGROUND-COLOR: #fff;
	BORDER-RIGHT: #5b7f95 2px solid;
	MARGIN-TOP: 0px;
	MARGIN-LEFT: 0px;
	PADDING: 5px 0px 10px 3px;   /* change from 10 to 0 for resize left panel*/
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal;
    FLOAT: left;
	/*max-width: 300px;*/
	/*overflow-x:scroll ;*/
	/*OVERFLOW: auto;*/
}


/*#DSLeftPane span{
	white-space:    normal;
}*/
	
#DSRightPane {
/*BORDER-LEFT: #5b7f95 2px solid;*/
}

#DSHelpContent {
	padding: 10px 20px 20px 10px;
	z-index:0;
	display: table;
}

#DSFooter {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    MIN-WIDTH: 480px;
    background-color: #3A6278;
    /*background-color: #305164;*/
    color: #ffffff;
    padding: 0;
    margin: 0;
    text-align: center;
}

#DSFooter .DSFooterText {
  margin: auto auto 0 auto;
  padding-top: 10px;
  font-family: '3dslight', Helvetica, Arial, sans-serif;
}
#DSFooter .DSFooterText p {
  font-family: '3dslight', Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #ffffff;
}
#DSFooter .DSFooterText a {
  text-decoration: none;
  color: #7a95a5;
}
#DSFooter .DSFooterText a:hover {
  color: #ffffff;
}
#DSFooter .DSFooterText a:before {
  content: '| ';
}
#DSFooter .DSFooterText a:first-child:before {
  content: '';
}

@media screen
and (max-width: 1024px)
{
/*    #DSLeftPane{
	    display: none;
	    z-index:1;
	    POSITION: absolute;
	    MARGIN-TOP: 13px;
	    PADDING: 5px 10px 10px 10px;
	    HEIGHT: auto;
	    MARGIN-LEFT: 0px;
	    FONT-SIZE: 8pt;
	    OVERFLOW: visible;
	    FONT-WEIGHT: normal;
	    BORDER-TOP: #5b7f95 2px solid;
	    BORDER-RIGHT: #5b7f95 2px solid;
	    BORDER-BOTTOM: #5b7f95 2px solid;
    }
*/
}

@media screen
and (max-width: 768px)
{
    #DSSearch {
       visibility: hidden;
    }
    .DSSearchIcon {
       visibility: visible;
       width: 44px;
    }
/*    #DSTitle {
	    MARGIN-TOP: 15px;
	    FONT-SIZE: 14px;
    }
*/
}

@media screen
and (max-width: 568px)
{
    /*
    .DSCompass, #DSPrintFeedback, #lnkHelpMyApps {
        visibility: hidden;
    }
    */
    .DSSearchIcon {
       right: 10px;
       width: 44px;
    }
}