@charset "UTF-8";
/* CSS Document for Patio Passport */

/* This is very improtant and are the changed specs for all other browsers */

/* This is all concerning the header of the webpage */

a.header, a.header:visited, a.header:active {
	text-decoration: none;
	font-family: helvetica;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #009390;
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 11px;}

a.header:hover {
	text-decoration: none;
	font-family: helvetica;
	text-transform: uppercase;
	color: #FFFFFF;
	background: #c1e5e2;
	font-size: 15px;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11px;
	padding-right: 11px;}
	
/* Front Page Item */
	
	#welcome {
	background: #c1e5e2;
	font-family: helvetica;
	font-size: 14px;
	font-weight: normal;
	color: #717171;
	height: 281px;
	width: 152px;
	text-align: justify;
	position: relative;
	left: 712px;
	top: -463px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: -281px;
	display: inline-block;}

/* Gazebo spec table */
	
table.gazebospec {
	background: none;
	font-family: helvetica;
	font-size: 14px;
	color: #717171;
	border: 1px #717171 solid;
	border-spacing: 0px;}
	
td.gazebospec {
	width: 80px;
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	color: #717171;
	border-left: 1px #717171 solid;
	border-bottom: 1px #717171 solid;
	border-top: 0px;
	border-right: 0px;}
	
td.gazebospecheader {
	width: 80px;
	vertical-align: center;
	text-align: left;
	padding: 5px;
	color: #FFFFFF;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	background: #717171;
	text-indent: 5px;
	font-weight: bold;}
	
th.gazebospecheader {
	width: 80px;
	vertical-align: center;
	text-align: center;
	padding: 5px;
	color: #FFFFFF;
	border-right: 1px #FFFFFF solid;
	border-bottom: 1px #FFFFFF solid;
	background: #717171;
	text-transform: uppercase;
	font-weight: bold;}
	
/* Umbrella base table */

table.umbrellabase {
	background: none;
	font-family: helvetica;
	font-size: 14px;
	color: #717171;
	border: 1px #717171 solid;
	border-spacing: 0px;}
	
td.umbrellabase {
	width: 200px;
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	color: #717171;
	border-left: 1px #717171 solid;
	border-bottom: 1px #717171 solid;
	border-top: 0px;
	border-right: 0px;}
	
td.umbrellabaseheader {
	width: 200px;
	vertical-align: center;
	text-align: left;
	padding: 5px;
	color: #FFFFFF;
	border-right: 1px #FFFFFF solid;
	background: #717171;
	text-indent: 5px;
	font-weight: bold;}
	
/* Everything else is the same */

#html, body {
	top: 0px;
  	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 910px;
	height: 100%;
	margin: auto;
	background: #FFFFFF;
	font-family: helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #717171;} 

p {
	background: #FFFFFF;
	font-family: helvetica;
	font-size: 12px;
	font-weight: normal;
	color: #717171;
	padding-right: 28px;}

a, a:visited, a:active, a:hover {
	font-family: helvetica;
	font-size: 12px;;
	font-weight: 600;
	color: #7e8083;
	text-decoration: none;}

img {
	border: none;}

hr {
	background: #D2C79C;
	height: 15px;
	width: 900px;
	margin: auto;}

/* Preview header */
	
#previewgazebo, #previewcast, #previewwicker, #previewaccessories {
	background: none;
	font-family: helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #7e8083;
	overflow: hidden;
	text-transform: lowercase;
	text-align: center;
	height: 21px;;
	width: 198px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;display: inline-block;}

#previewimagegazebo, #previewimagecast, #previewimagewicker, #previewimageaccessories {
	width: 218px;
	overflow:auto;
	display: inline-block;}


/* Cast Aluminum */
#aluminumgenoa, #aluminumfairfield, #aluminumbistro, #aluminumaugustine, #aluminumsantafe, #aluminumhampton, #aluminumtangent, #aluminumwave, #aluminumlazysusan, #aluminumvermont {	background: none;
	font-family: helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #7e8083;
	overflow: hidden;
	text-transform: lowercase;
	text-align: center;
	height: 23px;;
	width: 199px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;display: inline-block;}

#aluminumimagegenoa, #aluminumimagefairfield, #aluminumimagebistro, #aluminumimageaugustine, #aluminumimagesantafe, #aluminumimagehampton, #aluminumimagetangent, #aluminumimagewave, #aluminumimagelazysusan, #aluminumimagevermont {
	width: 219px;
	overflow: auto;
	display: inline-block;}

/* All Weather Wicker */
#wickercocoon, #wickercupidcomfy, #wickercupidlounger, #wickerhazelton, #wickerlargo, #wickerpalmsprings, #wickerriviera, #wickersarasota,
#wickersavannah, #wickersidelounger, #wickersoho, #wickersunlounger, #wickertahoe, #wickerwestport {
	background: none;
	font-family: helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #7e8083;
	overflow: hidden;
	text-transform: lowercase;
	text-align: center;
	height: 21px;;
	width: 198px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;display: inline-block;}
	
#wickerimagecocoon, #wickerimagecupidcomfy, #wickerimagecupidlounger, #wickerimagehazelton, #wickerimagelargo, #wickerimagepalmsprings, #wickerimageriviera, #wickerimagesarasota,
#wickerimagesavannah, #wickerimagesidelounger, #wickerimagesoho, #wickerimagesunlounger, #wickerimagetahoe, #wickerimagewestport {
	width: 219px;
	overflow: auto;
	display: inline-block;}
	
table.wickertype, table.umbrellacolor {
	background: none;
	font-family: helvetica;
	font-size: 14px;
	color: #717171;}

td.wickertype, td.umbrellacolor {
	width: 200px;
	vertical-align: middle;
	text-align: center;
	padding: 5px;}

/* Accessories */
#accessoriesumbrellabase, #accessoriesonetouch, #accessoriescancun, #accessoriesheater, #accessoriesgelmat {
	background: none;
	font-family: helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #7e8083;
	overflow: hidden;
	text-transform: lowercase;
	text-align: center;
	height: 21px;;
	width: 198px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;display: inline-block;}
	
#accessoriesimageumbrellabase, #accessoriesimageonetouch, #accessoriesimagecancun, #accessoriesimageheater, #accessoriesimagegelmat {
	width: 219px;
	overflow: auto;
	display: inline-block;}
	
/* Gazebos */
#gazebomalibu, #gazebovictorian {
	background: none;
	font-family: helvetica;
	font-size: 18px;
	font-weight: normal;
	color: #7e8083;
	overflow: hidden;
	text-transform: lowercase;
	text-align: center;
	height: 21px;;
	width: 198px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;display: inline-block;}

#gazeboimagemalibu, #gazeboimagevictorian {
	width: 219px;
	overflow: auto;
	display: inline-block;}
	
table.canopycolor, table.canopyframe {
	background: none;
	font-family: helvetica;
	font-size: 14px;
	color: #717171;}

td.canopycolor, td.canopyframe {
	width: 154px;
	vertical-align: center;
	text-align: center;
	padding: 5px;}

/* Header information for subpages and descriptions */
h1 {
	color: #009390;
	font-size: 21px;
	font-weight: 600;
	text-transform: uppercase;}

/* This is dealing with the front page */
h2 {
	color: #FFFFFF;
	font-size: 14px;}
	
/* Catalogue Reference Header */
h3 {
	color: #717171;
	font-size: 14px;
	margin: 0px;
	padding-top: 4px;
	text-transform: uppercase;}

/* Foot information */
#footer {
	font-family: helvetiwca;
	font-size: 10px;
	font-weight: normal;
	color: #F1F1F1;}

a.footer, a.footer:visited, a.footer:active, a.footer:hover {
	font-family: helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #717171;
	text-decoration: none;
	text-transform: uppercase;}