* {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px;  
}

row {
	padding-bottom: 10px;
}

#line_wrapper {
	position: relative;
    z-index: 1;
    min-width: 100%;
    background: url(https://img.tennis-warehouse.com/framework/reg/diag_bkgd.jpg);
}

#page_container {
	margin: auto;
	width: 940px;	
	position:relative;
    right:67px;
	background-image: url(https://img.tennis-warehouse.com/framework/reg/pix_vertline.png);
    background-repeat: repeat-y;
    background-position: 200px 0;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(0,0,0,.25);
}

#header_container {	
	padding-bottom: 10px;
	background-color: #337255;
	/* border-bottom: 2px solid black; */
	width: 100%
}

#header {
	margin: auto;
	background-color: #337255;
	width: 654px;	
}

#footer_container {	
	background-color: #337255;
	/* border-top: 2px solid black !important; */
	width: 100%;
	padding-top: 25px;
}

#footer {
padding-top: 5px;
	margin: auto;
	width: 940px;	
	color: white;
	font-size: 15px;
	left: 40px;
	background-color: #337255;	
	text-align: center;
}

#row  {
    display: table-row;
	background-color: #337255;
}

/* Style the search box inside the navigation bar */
#left input[type=text] {
  padding: 6px;
  border: none;
  margin-top: 8px;
  font-size: 17px;
}

#header_container #left {  
	display: table-cell;
}



#footer_container .middle {  
	display: table-cell;
	width: 33%;
}

#footer_container .right {  
	display: table-cell;
	width: 27%;
}

#header_container #middle  {
    display: table-cell;
	min-width: 654px;
}

#header_container #middle_compare  {
    display: table-cell;
	min-width: 654px;
}

#header_container #right {
    display: table-cell;
	width: 16%;	
}

#body #left {  
	display: table-cell;
}

#body #middle {
	min-width: 739px;
	max-width: 739px;
	display: table-cell;
	padding: 0px 40px;
	border-left: 1px solid black;
	/* border-color: #c9c8c6; */
	vertical-align: top;	
}


#body #middle_compare {
	min-width: 739px;
	max-width: 739px;
	display: table-cell;
	padding: 0px 40px;
	
	/* border-color: #c9c8c6; */
	vertical-align: top;	
}

#body #right {
    display: table-cell;
}

ul.left-nav {
	width: 200px;
	background-image: linear-gradient(#FCFABB, #feff88);
	float: right;
	padding-top: 20px !important;
	padding-left: 15px !important;
	min-height: 100% !important;
	border-left: 1px solid #c9c8c6;
}

ul.left-nav-compare {
	width: 200px;
	
	float: right;
	padding-top: 20px !important;
	padding-left: 15px !important;
	min-height: 100% !important;
	border-left: 1px solid #c9c8c6;
}




ul.left-nav ul li {
	text-indent: 0px;
}
										
ul.left-nav li, ul.left-nav  {
    list-style: none;
   
    margin: 0px; 
    font-weight: bold;
	font-size: 13px;
}

ul.left-nav li.nav_header {
	font-size: 16px;
	text-decoration: underline;
	color: #2d2d2d;
}

ul.left-nav ul li {
	text-indent: 0px;
}
										
ul.left-nav-compare li, ul.left-nav-compare  {
    list-style: none;
   
    margin: 0px; 
    font-weight: bold;
	font-size: 13px;
}

ul.left-nav-compare li.nav_header {
	font-size: 16px;
	text-decoration: underline;
	color: #2d2d2d;
}



.search-container {
  border: 1px solid #c7c7c7 !important;
  width: 327px
}

.search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;

  cursor: pointer;
  }
  
input[type=text] {
    border: 1px solid #ccc;  
  }  

.header_links a {
    color: white;
    font-size: 14px;
}

.header_links a:hover {
    text-decoration: underline
}


/* Style the search field */
form.example input[type=text] {
  padding: 10px;
  font-size: 17px;
  border: 1px solid grey;
  float: left;
  width: 80%;
  background: #f1f1f1;
}

/* Style the submit button */
form.example button {
  float: left;
  width: 20%;
  padding: 10px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-left: none; /* Prevent double borders */
  cursor: pointer;
}

form.example button:hover {
  background: #0b7dda;
}

div#left {
	display: flex;
}