﻿.selectyourstatetext { margin-top: 5px; margin-bottom: 5px;}
.selectyourstatetext .statetext { margin-left: -791px; }
.selectyourstatetext .statetext .sap-content
{
    color: #000000;
    font-size: 24px;
    font-weight: bold;
}

.selectioncontainer {}
.selectioncontainer .selectionborder 
{ 
    margin-left: -791px; 
    width: 784px; 
    border: 1px solid #ababab; 
}
.selectioncontainer .selectionborder .sap-content { }

.selectyourareaoptions {}
.selectyourareaoptions .selectyourareatext { margin-left: -780px; }
.selectyourareaoptions .selectyourareatext .sap-content { font-weight: bold; font-size: 13px; color: #666666; }

.selectyourstatemethods {}
.selectyourstatemethods .statedropdown { margin-left: -780px; }
.selectyourstatemethods .statedropdown .sap-content
{
    font-weight: bold;
    font-size: 20px;
}
.selectyourstatemethods .statedropdown .sap-content select { width: 150px; }

.selectyourstatemethods .stateimagemap 
{
    margin-top: 5px;
    margin-left: -780px;
    width: 775px;
}
.selectyourstatemethods .stateimagemap .sap-content { float: left; }
.selectyourstatemethods .stateimagemap .sap-content img { border: 0px; }

.selectyourstatelist {}
.selectyourstatelist .listofstates { margin-left: -780px; margin-bottom: 10px; }
.selectyourstatelist .listofstates .sap-content {}
   
/*  Country Category Selection Page
    The letters at the beginning of a column of maps.
*/
.ms-ctry-letter
{
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
}

/*  Category Pages (that contain lists at the bottom */
.ms-link-list
{
    color: #666666;
    display: block;
    font-size: 12px;
}
    
    .leftinsetimage { margin-left: -770px; margin-top: 70px; }
    .rightinsetimage { margin-left: -375px; margin-top: 70px; }
    
    .infopanel { margin-top: 5px; height:120px; }
        .wallpanel
        {
            margin-left: -791px;
            margin-left: -791px;
            border:1px solid #ababab;
        }
        .wallpanel .sap-content { width: 271px; height: 118px; }
            
        .mapsizelist
        {
            font-size: 9px;
            margin-right: 3px;
            line-height: 9px;
            margin-left:-200px;
            height:55px;
        }
            
        .finishoptionicon { margin-top: -11px; margin-left:200px; }
        .mapbkpanel { margin-left: -515px; width:510px; }
        .mapbkpanel .sap-content { height: 120px; }
   
        .wall
        {
        	width:100px;
        	background-color: #6c9d31;
            font-size: 11px;
            font-weight: bold;
            padding-left: 5px;
            color: #fff;
            height:12px;
            padding-top:2px;
        }
             
        .wallsizes
        {
        	width:200px;
        	height:55px;
        	margin-left:-510px;
        	border: 1px solid #ababab;
        	
        }
        .mapbookpanelbody { font-size: 11px; margin-left: 4px; }
        .mapbookpanelbody img { margin-top: 2px; }
        
        .digitalmapbody
        {
            font-size: 11px;
            float: left;
            margin-right: 5px;
        }
        .digitalmapbody img { display: inline; margin-top: 5px; }
        
        .digitalmaps
        {
            margin-left: -395px;
            border:1px solid #ababab;
            height:59px;
            width:140px;
        }
        
        .drivermaps
        {
            margin-left: -250px;
            width:110px;
            border:1px solid #ababab;
            height:59px;
        }
       
        .webapps
        {
            margin-left: -135px;
            border:1px solid #ababab;
            width:133px;
            height:59px;
        }
       
        .reportpanelbody
        {
            margin-top: 3px;
        }
        
        .webapppanel { margin-left: -147px; }
        .webapppanel .sap-content { width: 139px; height: 85px; }
        .webapppanelbody  { margin-left: 1px; margin-top: 4px; }
        
        .infopanelheader
        {
            background-color: #6c9d31;
            font-size: 11px;
            font-weight: bold;
            padding-left: 5px;
            color: #fff;
        }
        .infopanelbody
        {
            padding: 2px;
            color: #898989;
            font-size: 11px;
        }
        
        .mapiconimage { margin-left:-75px; margin-top:2px; }
        
        .infopanelbody .panelbodyitem { float: left; }
        .reportpanelbodyitem { margin-left: -2px; }
        .finishingoptionslist
        {
            color: #898989;
            font-size: 10px;
            float: left;
            margin-right: 3px;
            padding-left: 5px;
        }
        .finishingoptionslist a { color: #898989; }
        
		.finishingoptions
		{
			margin-left:-302px;
			height:55px;
			border: 1px solid #ababab;
			width:300px;
			font-size:10px;
		}
		
		.finishing
        {
        	width:100px;
        	background-color: #6c9d31;
            font-size: 11px;
            font-weight: bold;
            padding-left: 5px;
            color: #fff;
            height:12px;
            padding-top:2px;
        }
        
        .mapbooks
        {
        	margin-left:-510px;
        	height:59px;
        	width:110px;
        	border: 1px solid #ababab;
        }
        
        .mapbookicon
        {
        	margin-top:2px;
        	margin-left:2px;
        	margin-right:2px;
        }
        
        .books { width:105px; }
		
		.otherinfo { margin-top:2px; height:60px; }
		
		/***************************************/
        /* Row 1 of the Image and Button links */
        /***************************************/
        #linksrow1
        {
            margin-top: 9px;
            margin-bottom: 9px;
            margin-left:4px;
        }
        
        #linksrow1 #link1 { margin-left: -778px; }
        #linksrow1 #link2 { margin-left: -621px; }
        #linksrow1 #link3 { margin-left: -464px; }
        #linksrow1 #link4 { margin-left: -307px; }
        #linksrow1 #link5 { margin-left: -150px; }
        
        .linkspace
        {
            margin-top: 2px;
            width: 136px;
            height: 21px;
            background-image: url('/images/category/green-button.jpg');
            background-repeat: no-repeat;
            text-align:center;
        }
        
        .greenbackshop
        {
        	background-color:#6C9D31;
        	color:#FFFFFF;
        	margin-left:-791px;
        	margin-top:3px;
        	width:560px;
        	font-weight:bold;
        	height:20px;
        }
        
        .greenbackshop .sap-content { margin-left:5px; }
        .greenbackorder
        {
        	background-color:#6C9D31;
        	color:#FFFFFF;
        	margin-left:-235px;
        	margin-top:3px;
        	width:230px;
        	font-weight:bold;
        	height:20px;
        }
        
        .select
        {
        	margin-left:-784px;
			font-size:28px;
			margin-top:5px;
			font-weight:bold;
        }
        
         .create
        {
        	margin-left:-784px;
			font-size:28px;
			margin-top:15px;
			font-weight:bold;
			margin-bottom:-8px;
        }
        
        .imagerowborder
        {
        	margin-left:-791px;
			border:1px solid #ababab;
			width:785px;
			margin-top:5px;
			height:158px;
        }
        
        .mapicon { margin-left:-700px; height:55px; }
        .finoptionicon { margin-left:-90px; margin-top:2px; }
        .finoptions { margin-left:-300px; line-height:9px; }
        .finoptions a { color:#898989; }
                
.createthedeliverymaptextarea { margin-top: 15px; }
.createthedeliverymaptextarea .textitem { margin-left: -791px; }
.createthedeliverymaptextarea .textitem .sap-content { font-weight: bold; font-size: 24px; }
.selBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6c9d31;
    color: #fff;
    font-weight: bold;
    width: 59px;
    height: 19px;
    font-size: 12px;
    text-decoration: none !important;
    border: 1px solid #696969;
}
.selBtn:hover {
    background-color: #fff;
    color: #6c9d31;
    border: 1px solid #6c9d31;
}