<!-- /*-- Cascading Style Sheet for CrewPatches --*/

A:link,
A:active {text-decoration :       none;
          color           :       #204080 }

A:visited {text-decoration :       none; 
           color           :       #204080 }  

A:hover {text-decoration :       none; 
         color           :       #4080a0; }


BODY.Main {
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
width: 100%;
max-width: 768px ; /*-- 768px for full width --*/
min-width: 290px;
background-color : #eeeeff ;
background-image : url("./images/crewpatches_header_background.jpg") ;
background-repeat : no-repeat ;
background-attachment : scroll ;
background-position : top center ;
}

/*-- Switch banner image to left attached when below a certain size--*/
@media all and (max-width:771px) {
BODY.Main {
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
width: 100%;
max-width: 768px ; /*-- 768px for full width --*/
min-width: 290px;
background-color : #eeeeff ;
background-image : url("./images/crewpatches_header_background.jpg") ;
background-repeat : no-repeat ;
background-attachment : scroll ;
background-position : top left ;
}
}


img,table,div,td {max-width:768px;}

/*-- Restrict image width when below a certain size--*/
@media all and (max-width:771px) {
img {
max-width : 380px ;
height: auto ; 
}
}

ul {   list-style-type: none;
   list-style-image: none;
   padding-left : 16px;
   padding-right: 24px ;
   margin: 0px ;
}

li {
   background-image: url(./images/bullet.jpg);
   background-repeat: no-repeat;
   background-position: left top;
   padding-left : 12px;
   margin: 4px 0px 4px 0px ;
   }


DIV.TopMenuBar {
position : relative ;
top : 92px ; 
width: 99% ;
display:flex;
flex-direction: row;
justify-content:flex-end;
}

DIV.TopMenuTabS {
text-align : center ;
align-content: center;
font-family : arial ;
font-size : 7pt ;
font-weight : bold ;
color : #040408 ;
padding: 2px 4px 2px 4px ;
margin: 0px 2px 0px 2px ; 
width: 46px ;
height:26px;
border-radius: 9px 3px 3px 3px;
box-shadow: 1px 2px 4px  rgba(0,0,0,0.3) ;
background-color : #d0d0f0
}

DIV.TopMenuTabL {
text-align : center ;
align-content: center;
font-family : arial ;
font-size : 7pt ;
font-weight : bold ;
color : #040408 ;
padding: 2px 4px 2px 4px ;
margin: 0px 2px 0px 2px ; 
width: 70px ;
height:26px;
border-radius: 9px 3px 3px 3px;
box-shadow: 1px 2px 4px  rgba(0,0,0,0.3) ;
background-color : #d0d0f0 ;
}



DIV.BodyTable {
position : absolute ;
top : 126px ;
padding: 0px ;
max-width: 768px ;
margin: 0px auto ;
}


h1 {
font-family : tahoma,arial ;
font-size : 14pt ;
font-weight: bold ;
color : #040408 ;
margin: 0px;
}

h2 {
font-family : arial ;
font-size : 10pt ;
font-weight: bold ;
color : #040408 ;
margin: 0px;
text-align : center ;
}

h3 {
font-family : arial ;
font-size : 12pt ;
font-weight: bold ;
color : #040408 ;
margin: 0px;
text-align : center ;
}


.Spacer {height : 8px }


.Footer {
text-align : center ;
font-family : arial ;
font-size : 10pt ;
font-weight : normal ;
color : #040408 ;
 }

.Footnote {
text-align : left ;
font-family : arial ;
font-size : 10pt ;
font-weight : normal ;
color : #000040 ;
margin: 4px ;
padding: 8px ;
background-color : #ffffff ;
}

/*-- New for CrewPatches --*/

.MissionTitle {
text-align : center ;
font-family : tahoma,arial ;
font-size : 14pt ;
color : #040408 ;
background-color : #d0d0f0 ;
padding:4px;
}


/*-- Copied from FLOWN.CSS   ---*/


DIV.PatchDetailsTopDiv {
background-color: white;
border-radius: 12px 12px 12px 12px;
border: 3px ridge #204080;
padding: 0px 8px 0px 8px;
margin: 6px 0px 3px 0px ; 
width: 95%;
min-width: 290px;
display: block;
margin: auto;
box-shadow: 1px 2px 6px rgba(0,0,0,0.6) ;
}


DIV.PatchDetailsDivL {
background-color: white;
border-radius: 12px 12px 12px 12px;
border: 3px ridge #204080;
padding: 0px 6px 0px 6px;
margin: 8px ;
min-width: 290px ;
max-width: 350px ;
float: left;
display:block;
box-shadow: 1px 2px 6px rgba(0,0,0,0.6) ;
}

/*-- Remove FLOAT & add Auto margin when smaller display ; allows cell align=center to work--*/
@media all and (max-width:771px) {
DIV.PatchDetailsDivL {
background-color: white;
border-radius: 12px 12px 12px 12px;
border: 3px ridge #204080;
padding: 0px 6px 0px 6px;
min-width: 290px ;
max-width: 350px ;
float: none;
display:block;
box-shadow: 1px 2px 3px rgba(0,0,0,0.6) ;
margin: 8px auto ;
}
}

/*-- Centered block --*/
DIV.PatchDetailsDivC {
background-color: white;
border-radius: 12px 12px 12px 12px;
border: 3px ridge #204080;
padding: 0px 6px 0px 6px;
margin: 8px ;
min-width: 290px ;
max-width: 350px ;
float: none;
display:block;
box-shadow: 1px 2px 6px rgba(0,0,0,0.6) ;
margin: 8px auto ;
}


DIV.CriteriaTR {
text-align : left ;
font-family : tahoma,arial ;
font-size : 10pt ;
color : #000044 ;
font-weight : normal ; 
/*-- width: 90px ; --*/ 
margin: 0px 4px 0px 0px ; 
 display:table-row ; 
}

DIV.DetailsLTC {
text-align : left ;
font-family : tahoma,arial ;
font-size : 10pt ;
color : black ;
font-weight : normal ;
display:table-cell;
padding: 4px 4px 2px 4px ; 
/*--width: 100% ;--*/
}


DIV.Notes {
text-align : left ;
font-family : tahoma,arial ;
font-size : 10pt ;
color : black ;
font-weight : normal ;
padding: 4px 4px 0px 4px ;
}

/*-- new for responsive version --------------------------------------------------*/

DIV.BodyWithSideBars {
display: flex ;
flex-direction: row ;
width: 100% ; 
}

DIV.NarrowSideBar {
text-align : center ;
font-family : tahoma,arial ;
font-size : 14pt ;
color : #040408 ;
background-color : #d0d0f0 ;
padding:4px;
margin: 2px ; 
width: 80px;
}

DIV.BetweenSideBarsBlue {
flex: 1 ;
text-align : center ;
font-family : tahoma,arial ;
font-size : 14pt ;
color : #040408 ;
background-color : #d0d0f0 ;
padding:4px; 
margin: 2px ;
}

DIV.BetweenSideBars {
flex: 1 ;
text-align : center ;
font-family : tahoma,arial ;
/*--font-size : 14pt ;--*/
color : #040408 ;
padding:4px; 
margin: 2px ;
}


DIV.GTCrewpatchSidebar {
background-color : #ffffff ;
background-image : url("./images/sidebar_gtpatches_pale.jpg") ;
background-repeat : repeat-y ;
background-position : top center ;
width : 80px ;
padding:4px;
margin: 2px ;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.GTCrewpatchSidebar {
width: 0px ; 
background-image : none ;
background-color : #eeeeff ;
padding:0px;
margin: 0px ;
}
}


DIV.ASCrewpatchSidebar {
background-color : #ffffff ;
background-image : url("./images/sidebar_aspatches_pale.jpg") ;
background-repeat : repeat-y ;
background-position : top center ;
width : 80px ;
padding:4px;
margin: 2px ;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.ASCrewpatchSidebar {
width: 0px ; 
background-image : none ;
background-color : #eeeeff ;
padding:0px;
margin: 0px ;
}
}

DIV.MainText {
text-align : justify ;
text-indent : 8px ;
vertical-align : top ;
font-family : arial ;
font-size : 10pt ;
font-weight : normal ;
color : #000040 ;
padding: 2px 8px 2px 8px;
margin: 0px 0px 8px 0px ;
border-radius: 0px 0px 8px 8px;
background-color : #ffffff ;
 }

DIV.MainTextImageCentered {
float:none;
width: 540px ;
margin: 0px auto;
padding: 8px 12px 0px 0px;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.MainTextImageCentered {
float:none;
width: 380px ;
margin: 0px auto;
padding: 8px 12px 0px 0px;
}
}


DIV.SectionTitle {
text-align : center ;
font-family : arial ;
font-size : 10pt ;
font-weight: bold ;
color : #040408 ;
padding: 8px ;
margin: 4px 0px 4px 0px ;
border-radius: 6px 6px 0px 0px;
background-color : #d0d0f0 ;
}

HR.HRfine {
color: #d0d0f0;
background-color: #d0d0f0;
height: 1px;
border: 0px;

text-align: center;
vertical-align : middle ;
}

HR.HRthick {
color: #d0d0f0;
background-color: #d0d0f0;
height: 3px;
border: 0px;

text-align: center;
vertical-align : middle ;
}


/*-- END new for responsive version --------------------------------------*/


/*-- Emboidered patches menu --------------------------------------*/

.FullWidthFlexContainer {
display: flex ;
flex-direction: row ;
flex-wrap: wrap ;
justify-content: space-around ; 
width:100%;
}

.MenuHeader {
flex: 1 ; 
text-align : center ;
font-family : arial ;
font-size : 10pt ;
color : #a0a0a0 ;
background-color : #d0d0f0 ;
padding: 8px 2px 8px 2px;
margin: 0px 2px;
  }

.MenuCategory {
float : left; 
text-align : center ;
font-family : arial ;
font-size : 10pt ;
color : white ;
padding: 8px 4px 8px 4px;
border-radius: 6px 6px 6px 6px;
background-color : #b0b0d0 ;
margin : 2px; }

.Tab {
text-align : center ;
font-family : tahoma ;
font-size : 9pt ;
letter-spacing: normal;
color : #040408 ;
font-weight : bold ;
padding: 4px 0px 2px 0px ;
margin: 4px 4px 4px 4px ;
border-radius: 6px 6px 6px 6px;
box-shadow: 1px 2px 6px rgba(0,0,0,0.6) ;
background-color : white ;
width : 60px ;
height : 60px ;
float: left ;
  }

/*-- END Emboidered patches menu --------------------------------------*/


/*-- Homepage --------------------------------------*/

.popup {
position:absolute; left:-408px; top:26px; width:470px; height:370px;
background-color: white;
border-radius: 12px 12px 12px 12px;
border: 3px ridge #204080;
padding: 8px;
margin: 0px 0px 0px 0px ;
box-shadow: 1px 2px 6px rgba(0,0,0,0.6) ;
text-align : justify ;
text-indent : 8px ;
vertical-align : top ;
font-family : tahoma,arial ;
font-size : 9pt ;
font-weight : normal ;
color : #000040 ;
z-index:2;
visibility:hidden;
}

/*-- Smaller size when below a certain size--*/
@media all and (max-width:771px) {
.popup {
position:absolute; left:-300px; top:26px; width:360px; height:370px;
background-color: white;
border-radius: 12px 12px 12px 12px;
border: 3px ridge #204080;
padding: 8px;
margin: 0px 0px 0px 0px ;
box-shadow: 1px 2px 6px rgba(0,0,0,0.6) ;
text-align : justify ;
text-indent : 8px ;
vertical-align : top ;
font-family : tahoma,arial ;
font-size : 9pt ;
font-weight : normal ;
color : #000040 ;
z-index:2;
visibility:hidden;
}
}

DIV.HomeLeftSidebar {
background-color : #ffffff ;
background-image : url("./images/sidebar_left_crewpatches.jpg") ;
background-repeat : no-repeat ;
background-position : top center ;
width : 120px ;
height : 420px ; 
padding: 0px;
margin: 2px ;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.HomeLeftSidebar {
width: 0px ; 
background-image : none ;
background-color : #eeeeff ;
padding:0px;
margin: 0px ;
}
}


DIV.HomeRightSidebar {
background-color : #ffffff ;
background-image : url("./images/sidebar_right_crewpatches.jpg") ;
background-repeat : no-repeat ;
background-position : top center  ;
width : 120px ;
height : 420px ; 
padding: 0px;
margin: 2px ;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.HomeRightSidebar {
width: 0px ; 
background-image : none ;
background-color : #eeeeff ;
padding:0px;
margin: 0px ;
}
}

/*-- Menu button backgrounds created using Inner Bevel effect to be converted from TABLE--*/

.ButtonLeft {font-family : arial ;
             font-size : 8pt ;
             font-weight : normal ;
             color : #ffffff ;background-image : url("./images/button_left.gif") ;
             background-repeat : no-repeat }

.ButtonRight {font-family : arial ;
             font-size : 8pt ;
             font-weight : normal ;
             color : #ffffff ;background-image : url("./images/button_right.gif") ;
             background-repeat : no-repeat ;
             background-position : top right  }


.Button {font-family : arial ;
             font-size : 8pt ;
             font-weight : normal ;
             color : #ffffff ;
             background-image : url("./images/button_center.gif") ;
             background-repeat : repeat-x  }


/*-- END Homepage --------------------------------------*/

/*-- for manufacturers page only --*/

.ManufacturerTable {
display: table ;
border-collapse: separate;
border-spacing : 2px 8px; 
padding: 0px 4px ;
}

.ManufacturerTableRow {
width : 100% ;
display: table-row;
}

.Manufacturer {
width : 170px ;
text-align : left ;
text-indent : 0px ;
vertical-align : top ;
font-family : arial ;
font-size : 10pt ;
font-weight : normal ;
color : #000040 ;
padding: 8px ;
background-color : #f0f0d8 ;
display: table-cell;
}

.ManufacturerNotes {
text-align : left ;
text-indent : 4px ;
vertical-align : top ;
font-family : arial ;
font-size : 10pt ;
font-weight : normal ;
color : #000040 ;
padding: 8px ;
background-color : #f4f4e8 ;
display: table-cell;
}

/*-- END OF manufacturers page only --*/



/*-- Responsive two column article layout --*/

DIV.Column {
float: left;
width: 46%;
min-width: 290px ;
max-width: 364px ;
display:block;
margin: 4px 0px 4px 20px  ;
padding: 4px ; 
}

/*-- Remove FLOAT & add Auto margin when smaller display ; allows cell align=center to work--*/
@media all and (max-width:771px) {
DIV.Column {
float: none;
width: 100%;
margin: 0px 0px 0px 0px; ">
display:block;
margin: 8px auto ;
padding: 0px ; 
}
}

/*-- END OF Responsive two column article layout --*/


/*-- Generic full-width table --*/
/*-- Used for Betacloth patch sales--*/
/*-- NB: Font too small when in mobile format --*/
/*-- Used for NASA patch DRFC photo ids table --*/
/*-- Used for LBSpacePatches Apollo & Shuttle patch tables --*/

.FullWidthTable {
display: table ;
border-collapse: separate;
border-spacing : 2px 4px; 
padding: 0px 4px ;
width: 100%;
}

.Trow {
display: table-row;
}

.Tcell {
text-align : center ;
text-indent : 0px ;
vertical-align : middle ;
font-family : arial ;
font-size : 1em ;
font-weight : normal ;
color : black ;
padding: 2px 4px 2px 4px ;
background-color : #e0e0f0 ;
display: table-cell;
}

/*-- Reduce font size when below a certain size--*/
@media all and (max-width:771px) {
.Tcell {
text-align : center ;
text-indent : 0px ;
vertical-align : middle ;
font-family : arial ;
font-size : 0.5em ;
font-weight : normal ;
color : black ;
padding: 2px 4px 2px 4px ;
background-color : #e0e0f0 ;
display: table-cell;
}
}

/*-- Store page --*/

.StoreReferral {
float:none;
width:97% ;
text-align: center;
margin: 4px auto 12px auto ;
padding: 4px 6px 4px 6px;
background-color:#f0f0c0;
border-radius: 5px;
color: black;
}

/*-- For Ray Eschert page --*/

.Quote {
font-family:arial;
font-size:10pt;
font-style:italic;
color: black ;
margin: 4px 8px 4px 8px;
}

/*-- LB Space Patches dedicated CSS --*/

DIV.LBTopMenuBar {
position : relatve ;
top : 4px ; 
width: 99% ;
display:flex;
padding: 2px 0px 0px 0px;
flex-direction: row;
justify-content:flex-end;
background-image : url("./images/lbspacepatches_menubar_background.png") ;
background-repeat : no-repeat ;
background-position : bottom left  ;
}

/*-- Remove logo and text when below a certain size--*/
@media all and (max-width:771px) {
DIV.LBTopMenuBar {
position : relative ;
top : 4px ; 
width: 99% ;
display:flex;
padding: 0px;
flex-direction: row;
justify-content:flex-end;
background-image : none; 
}
}


DIV.LBSubmenuTab {
text-align : center ;
align-content: center;
font-family : arial ;
font-size : 7pt ;
font-weight : bold ;
color : #040408 ;
padding: 2px 4px 2px 4px ;
margin: 0px 2px 0px 2px ; 
width: 70px ;
height: 30px ;
border-radius: 9px 3px 3px 3px;
box-shadow: 1px 2px 2px  rgba(0,0,0,0.3) ;
background-color : #d0e0f0  }

DIV.LBSubmenuTabS {
text-align : center ;
align-content: center;
font-family : arial ;
font-size : 7pt ;
font-weight : bold ;
color : #040408 ;
padding: 2px 4px 2px 4px ;
margin: 0px 2px 0px 2px ; 
width: 46px ;
height: 30px ;
border-radius: 9px 3px 3px 3px;
box-shadow: 1px 2px 2px  rgba(0,0,0,0.3) ;
background-color : #d0e0f0  }


DIV.LBHomeLeftSidebar {
background-color : #ffffff ;
background-image : url("./images/sidebar_left_lbspacepatches.jpg") ;
background-repeat : no-repeat ;
background-position : top center ;
width : 120px ;
height : 316px ; 
padding: 0px;
margin: 10px 2px 2px 2px ;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.LBHomeLeftSidebar {
width: 0px ; 
background-image : none ;
background-color : #eeeeff ;
padding:0px;
margin: 0px ;
}
}

DIV.LBHomeRightSidebar {
background-color : #ffffff ;
background-image : url("./images/sidebar_right_lbspacepatches.jpg") ;
background-repeat : no-repeat ;
background-position : top center  ;
width : 120px ;
height : 316px ; 
padding: 0px;
margin: 10px 2px 2px 2px ;
}

/*-- Remove width when below a certain size--*/
@media all and (max-width:771px) {
DIV.LBHomeRightSidebar {
width: 0px ; 
background-image : none ;
background-color : #eeeeff ;
padding:0px;
margin: 0px ;
}
}

/*-- LBPSpacePatches table of backings CSS --*/

.BackingsTable {
display: table ;
width: 400px ;
border-collapse: separate;
border-spacing : 2px 2px; 
padding: 0px ;
}

.BackingsRow {
width : 100% ;
display: table-row;
}

.TCMission{
text-align: center ;
font-family : arial ;
font-size : 10pt ;
padding: 2px;
color : #000044 ;
background-color : #d0d0f0 ;
display: table-cell;
}

.TCBareCloth{
text-align: center ;
font-family : arial ;
font-size : 10pt ;
padding: 2px;
color : white ;
background-color : #306090 ;
display: table-cell;
}

.TCPlastic{
text-align: center ;
font-family : arial ;
font-size : 10pt ;
padding: 2px;
color : white ;
background-color : #603090 ;
display: table-cell;
}

.TCVacuumSealed{
text-align: center ;
font-family : arial ;
font-size : 10pt ;
padding: 2px;
color : white ;
background-color : #4040A0 ;
display: table-cell;
}

.TCNotSeen{
text-align: center ;
font-family : arial ;
font-size : 10pt ;
padding: 2px;
color : #404040 ;
background-color : #c0c0c0 ;
display: table-cell;
}

/*-- LB Space Patches Apollo Patches Table --*/

.TcellLBA {
text-align : center ;
text-indent : 0px ;
vertical-align : middle ;
font-family : arial ;
font-size : 10pt ;
font-weight : normal ;
color : black ;
padding: 2px 4px 2px 4px ;
background-color : white ;
display: table-cell;
}

img.LBthumb {
width : 150px;
height : 150px;
}

/*-- Reduce thumbnail size when below a certain size--*/
@media all and (max-width:771px) {
img.LBthumb {
width : 100px;
height : 100px;
}
}

/*-- LB Space Patches Shuttle Patches Table, needs smaller thumbs due to 4 patch columns --*/

img.LBSthumb {
width : 150px;
height : 150px;
}

/*-- Reduce thumbnail size when below a certain size--*/
@media all and (max-width:771px) {
img.LBSthumb {
width : 80px;
height : 80px;
}
}

/*-- Alternative BODY & main DIV layouts for stand-alone LEGO minifgis page --*/

BODY.MainLEGO {
margin: 0px auto ;
padding: 0px 0px 0px 0px ;
width: 100%;
max-width: 768px ; /*-- 768px for full width --*/
min-width: 290px;
background-color : #eeeeff ;
}


DIV.BodyTableLEGO {
position : absolute ;
top : 0px ;
padding: 0px ;
max-width: 768px ;
margin: 0px auto ;
}


/*-- Left column alongside patch DIV --*/

DIV.LeftColumn {
float: left;
width: 46%;
min-width: 290px ;
max-width: 364px ;
display:block;
margin: 4px 16px 4px 0px  ;
padding: 4px ; 
}

/*-- Remove FLOAT & add Auto margin when smaller display ; allows cell align=center to work--*/
@media all and (max-width:771px) {
DIV.LeftColumn {
float: none;
width: 100%;
margin: 0px 0px 0px 0px; ">
display:block;
margin: 8px auto ;
padding: 0px ; 
}
}

-->