/*
-----------------------------------------------
Just Umbrellas
Author: Brian Yoshida - Yogirt, Inc.
Stylesheet: Global
Version: 1.0
----------------------------------------------- */

/* [ Basics ]
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	}
body {
	/* background: #fff url(img/bg.gif) repeat-x; */
	background: #fff url(/images/global/backgrounds/page.jpg) no-repeat top center;
	font: small Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	}
* body {
	font-size: x-small; /* For IE5/Win */
	f\ont-size: small; /* For other IE versions */
	}
p {
	margin: 0 0 1.4em;
	}
img {
	border: none;
	}
ul, li {
  list-style: none;
  }

/* [ Headers ]
----------------------------------------------- */
h2 {
	margin: 10px 0 1em 0;
	font-size: 152%;
	font-weight: bold;
	color: #000;
	}
h3 {
	margin: 0 0 1em 0;
	font-size: 119%;
	font-weight: bold;
	color: #0a5d9b;
	}
h3.black {
	color: #000;
	}
h4 {
	margin: 0 0 1em 0;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	}

/* [ Links ]
----------------------------------------------- */
a:link, a:visited {
	color: #0c3c96;
	text-decoration: none;
	}
a:hover {
	color: #0c3c96;
	text-decoration: underline;
	}
a.more {
	padding-right: 7px;
	background: url(img/arrow-more.gif) no-repeat 100% 5px;
	}

/* [ Lists ]
----------------------------------------------- */
ul.list {
	margin: 0 0 1em 1em;
	padding: 0;
	}
ul.list li {
	margin-bottom: .5em;
	padding-left: 15px;
	background: url(img/bullet-circle.gif) no-repeat 0 3px;
	}
ul.list-square {
	margin: 0 0 1em 1em;
	padding: 0;
	}
ul.list-square li {
	margin-bottom: .5em;
	padding-left: 15px;
	background: url(img/bullet-square.gif) no-repeat 0 3px;
	}

/* [ Layout ]
----------------------------------------------- */
#wrapper {
	/* height: 369px; */
	/* background: url(img/bg-top.jpg) no-repeat top left; */
	margin: 0px auto;
	width: 950px;
	}
#wrapper-inner {
	width: 950px;
	margin: 0 0 0 17px;
	padding: 0;
	text-align: left;
	font-size: 85%; /* Remember that all nested percentages will be skewed */
	}
#wrapper-content {
	float: left;
	margin: 0 0 0px 0;
	padding: 0 6px 7px 7px;
	background: #006bba;
	border: 1px solid #1f2d58;
	border-top: none;
	border-bottom: none;
	}
#content {
	float: left;
	width: 917px;
	margin: 0;
	padding: 9px;
	background: #c4e1fa;
	}
#content-main {
	float: left;
	width: 701px;
	margin: 0;
	padding: 0;
	background: #c4e1fa;
	}
#content-secondary {
	float: right;
	width: 207px;
	}
#content-secondary-top{
	width: 207px;
	height: 10px;
	background: url(img/content-secondary-bg.gif) no-repeat;
	overflow: hidden;
	}
#content-secondary-topNew{
	width: 207px;
	height: 10px;
	background: url(images/sidebar/backgroundTop.gif) no-repeat;
	overflow: hidden;
	}
#content-secondary-topNewer{
	width: 207px;
	}
#content-secondary-content {
	padding: 5px;
	padding-top: 0;
	background: #fff;
	border: 1px solid #0a5d9b;
	border-top: none;
	}
#content-secondary-contentNew {
	padding: 5px;
	padding-top: 0;
	background: #2091D3;
	border: 1px solid #0a5d9b;
	border-top: none;
	}

/* [ Header ]
----------------------------------------------- */
#header {
	float: left;
	width: 950px;
	margin: 0 0 25px 0;
	position: relative;
	}
#logo {
	float: left;
	width: 390px;
	height: 129px;
	display: block;
	margin:0 0 10px 0;
	}
ul#util-nav {
	/* width: 100%; */
	position: absolute;
	top: 10px;
	left: 390px;
	margin: 0;
	padding: 0;
	color: #1f2d58;
	font-weight: bold;
	}
ul#util-nav li {
	color: #3870a1;
	float: left;
	font-size: 14px;
	padding: 15px 20px 6px 0;
	}
ul#util-nav li.call-us span {
	color: #02a7df;
	}
ul#util-nav li.call-us {
	background: url(/images/header/phone.png) no-repeat 0 5px;
	padding-left: 40px;
	}
ul#util-nav li.view-cart {
	background: url(/images/header/shopping-cart.png) no-repeat 0 5px;
	padding-left: 45px;
	}
ul#util-nav li.about-us {
	background: url(/images/header/about.png) no-repeat 0 7px;
	padding-left: 35px;
	}
ul#util-nav li.policies {
	background: url(img/icon-policies.gif) no-repeat 0 7px;
	padding-left: 29px;
	}
ul#util-nav li.testimonials {
	background: url(img/icon-testimonials.gif) no-repeat 0 7px;
	padding-left: 32px;
	}
ul#util-nav li.site-map {
	background: url(img/icon-site-map.gif) no-repeat 0 6px;
	padding-left: 37px;
	}
ul#util-nav li a {
	padding: 0;
	color: #02a7df;
	}
#winbanner {
width:100%;
padding:0;
margin:90px 0 0 0;
}
/* [ Main nav ]
----------------------------------------------- */
#nav-main {
	clear: both;
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0;
	background: #006bba url(img/nav-main-bg.gif) no-repeat;
	}
#nav-main ul {
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 8px;
	display: inline;
	}
#nav-main li {
	margin: 0; 
	padding: 0;
	display: inline;
	}
#nav-main a {
	float: left;
	padding: 35px 0 0 0;
	overflow: hidden;
	height: 0 !important;
	}
#nav-main .home a  {
	width: 76px;
	background: url(img/nav-main-home.gif) top left no-repeat;
	}
#nav-main .wood a  {
	width: 74px;
	background: url(img/nav-main-wood.gif) top left no-repeat;
	}
#nav-main .aluminum a  {
	width: 104px;
	background: url(img/nav-main-aluminum.gif) top left no-repeat;
	}
#nav-main .commercial a  {
	width: 122px;
	background: url(img/nav-main-commercial.gif) top left no-repeat;
	}
#nav-main .sunbrella a  {
	width: 116px;
	background: url(img/nav-main-sunbrella.gif) top left no-repeat;
	}
#nav-main .canvas a  {
	width: 88px;
	background: url(img/nav-main-canvas.gif) top left no-repeat;
	}
#nav-main .stands a  {
	width: 85px;
	background: url(img/nav-main-stands.gif) top left no-repeat;
	}
#nav-main .accessories a  {
	width: 127px;
	background: url(img/nav-main-accessories.gif) top left no-repeat;
	}
#nav-main .closeouts a  {
	width: 105px;
	background: url(img/nav-main-closeouts.gif) top left no-repeat;
	}
#nav-main a:hover {
	background-position: 0 -35px;
	}
/* Highlight category based on body class */
.home #nav-main .home a {
	background: url(img/nav-main-home.gif) 0 -35px;
	}
.wood #nav-main .wood a {
	background: url(img/nav-main-wood.gif) 0 -35px;
	}
.aluminum #nav-main .aluminum a {
	background: url(img/nav-main-aluminum.gif) 0 -35px;
	}
.commercial #nav-main .commercial a {
	background: url(img/nav-main-commercial.gif) 0 -35px;
	}
.sunbrella #nav-main .sunbrella a {
	background: url(img/nav-main-sunbrella.gif) 0 -35px;
	}
.canvas #nav-main .canvas a {
	background: url(img/nav-main-canvas.gif) 0 -35px;
	}
.stands #nav-main .stands a {
	background: url(img/nav-main-stands.gif) 0 -35px;
	}
.accessories #nav-main .accessories a {
	background: url(img/nav-main-accessories.gif) 0 -35px;
	}
.closeouts #nav-main .closeouts a {
	background: url(img/nav-main-closeouts.gif) 0 -35px;
	}

/* [ Footer nav ]
----------------------------------------------- */
#footerNavigation {
	clear: both;
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0;
	background: #006bba url(/images/global/footer/background.gif) no-repeat;
	}
#footerNavigation ul {
	width: 100%;
	height: 35px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5px;
	left: 8px;
	display: inline;
	}
#footerNavigation li {
	margin: 0; 
	padding: 0;
	display: inline;
	}
#footerNavigation a {
	color: #ffffff;
	float: left;
	font-size: 13px;
	padding: 4px 15px 0px;
	text-transform: uppercase;
	}
#footerNavigation a:hover {
	color: #003399;
	text-decoration: none;
	}

/* [ Content ]
----------------------------------------------- */\
johntweet {
position:relative;
top:50px;
left:300px;
margin:0;
padding:0;
width:30px;
}
div.homepage-flash {
	margin-bottom: 10px;
	}
ul.category-box {
	margin-bottom: 10px;
	}
ul.category-boxNew {
	margin-bottom: 10px;
	}
ul.category-box li {
	float: left;
	width: 133px;
	margin: 0 9px 9px 0;
	}
ul.category-boxNew li {
	float: left;
	width: 133px;
	margin: 0 9px 9px 0;
	}
ul.category-box li.last {
	margin-right: 0;
	}
ul.category-boxNew li.last {
	margin-right: 0;
	}
ul.category-box h4 {
	height: 23px;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	background: #ddd url(img/cat-box-bg.gif) no-repeat;
	overflow: hidden;
	}
ul.category-boxNew h4 {
	height: 23px;
	margin: 0;
	padding: 10px 10px;
	text-align: center;
	background: #ddd url(img/cat-box-bg.gif) no-repeat;
	overflow: hidden;
	}
ul.category-box h4 a, ul.category-box h4 a:visited {
	color: #fff;
	}
ul.category-boxNew h4 a, ul.category-box h4 a:visited {
	color: #fff;
	}
ul.category-box img {
	width: 125px;
	padding: 0 3px 3px 3px;
	background: #fff;
	border: 1px solid #0072ad;
	border-top: none;
	text-align: center;
	}
ul.category-boxNew img.mainThumbnail {
	width: 125px;
	padding: 0 3px 3px 3px;
	background: #fff;
	border: 1px solid #0072ad;
	border-top: none;
	text-align: center;
	}
div.quick-links {
	float: left;
	width: 701px;
	margin-bottom: 10px;
	background: #fff;
	}
div.quick-links h3 {
	height: 28px;
	margin: 0;
	padding: 15px 0 0 15px;
	background: #ddd url(img/quick-links-header-bg.gif) no-repeat;
	overflow: hidden;
	color: #fff;
	}
div.quick-links ul {
	float: left;
	width: 630px;
	margin: 0;
	padding: 15px 35px 15px 34px;
	border: 1px solid #0072ad;
	border-top: none;
	}
div.quick-links li {
	float: left;
	width: 210px;
	margin: 0 0 10px 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	}
#browse-form dl {
	font-size: 100%;
	}
#browse-form dt {
	margin-bottom: .5em;
	font-weight: bold;
	}
#browse-form dd select {
	width: 100%;
	margin-bottom: 1em;
	font-size: 100%;
	background-color: #fff;
	border: 1px #e0e0e0 solid;
	}
div.tagline {
	height: 60px;
	margin-bottom: 10px;
	padding: 13px 15px 15px 15px;
	background: #fff url(img/content-secondary-tagline-bg.gif) no-repeat;
	}
div.taglineNew {
	height: 60px;
	margin-bottom: 10px;
	padding: 13px 15px 15px 15px;
	background: #fff url(images/sidebar/taglineBackground.gif) no-repeat;
	}
div.tagline h3 {
	margin: 0;
	padding: 0;
	line-height: 1.6em;
	}
div.specials {
	width: 195px;
	margin-bottom: 10px;
	padding: 0;
	background: #bed1e6 url(img/specials-bg.gif) no-repeat bottom;
	}
div.specialsNew {
	width: 195px;
	margin-bottom: 10px;
	padding: 0;
	position:relative;
	left:4px;
	}
div.specials h3 {
	width: 195px;
	height: 34px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(img/specials-header-bg.gif) no-repeat top left;
	color: #000;
	}
div.specialsNew h3 {
	width: 195px;
	height: 34px;
	margin: 0;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(images/sidebar/subTopBackground.gif) no-repeat top left;
	color: #000;
	}
div.specials ul {
	margin: 0;
	padding: 0 15px;
	background: #fff;
	border: 1px solid #8db9d4;
	border-top: none;
	}
div.specialsNew ul {
	margin: 0;
	padding: 0 15px;
	background: #fff;
	border: 1px solid #8db9d4;
	border-top: none;
	}
div.specials li {
	margin: 0;
	padding-top: 15px;
	border-top: 1px solid #85a3ce;
	}	
div.specialsNew li {
	margin: 0;
	padding-top: 15px;
	border-top: 1px solid #85a3ce;
	}
div.specials li.first {
	padding-top: 0;
	border-top: none;
	}
div.specialsNew li.first {
	padding-top: 0;
	border-top: none;
	}
div.specials h4 {
	color: #0a5d9b;
	text-align: center;
	}
div.specialsNew h4 {
	color: #0a5d9b;
	text-align: center;
	}
div.specials h4.price {
	color: #ec9e06;
	}
div.specialsNew h4.price {
	color: #ec9e06;
	}
div.specials p {
	text-align: center;
	}
div.specialsNew p {
	text-align: center;
	}
div.specials img {
	margin-right: 9px;
	border: 1px solid #1448a1;
	}
div.specialsNew img {
	margin-right: 9px;
	border: 1px solid #1448a1;
	}
div.specials img.last {
	margin-right: 0;
	}
div.specialsNew img.last {
	margin-right: 0;
	}
div.specials img.btn-order-now {
	margin-right: 0;
	border: none;
	}
div.specialsNew img.btn-order-now {
	margin-right: 0;
	border: none;
	}
#content-secondary-content .modules dl {
	margin-bottom: 10px;
	padding: 0;
	}
#content-secondary-contentNew .modules dl {
	margin-bottom: 10px;
	padding: 0;
	}
#content-secondary-content .modules dt {
	clear: both;
	margin: 0 0 1em 0;
	font-size: 119%;
	font-weight: bold;
	color: #000;
	}
#content-secondary-contentNew .modules dt {
	clear: both;
	margin: 0 0 1em 0;
	font-size: 119%;
	font-weight: bold;
	color: #000;
	}
#content-secondary-contentNew dt {
	color: #ffffff;
	font-size: 119%;
	}
#content-secondary-content .modules dt.sunbrella {
	text-align: center;
	}
#content-secondary-contentNew .modules dt.sunbrella {
	text-align: center;
	}
#content-secondary-content .modules dd {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #c7d3e8;
	font-size: normal;
	color: #000;
	}
#content-secondary-contentNew .modules dd {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #6aa5e7;
	font-size: normal;
	color: #ffffff;
	}
#content-secondary-contentNew .modules dd a{
	color: #E4B422;
	}

#content-secondary-content .modules dd.last {
	padding-bottom: 0;
	border: none;
	}
#content-secondary-contentNew .modules dd.last {
	padding-bottom: 0;
	border: none;
	}
#content-secondary-content .modules dd.sunbrella {
	color: #0c3c96;
	font-weight: bold;
	}
#content-secondary-contentNew .modules dd.sunbrella {
	color: #ffffff;
	font-weight: bold;
	}

/* [ Sub-Level Content ]
----------------------------------------------- */
div.prod-detail {
	float: left;
	width: 701px;
	margin-bottom: 15px;
	background: #fff;
	}
div.prod-detail h3 {
	height: 28px;
	margin: 0;
	padding: 15px 0 0 15px;
	background: #ddd url(img/quick-links-header-bg.gif) no-repeat;
	overflow: hidden;
	color: #fff;
	}
div.prod-detail div.box-wrapper {
	margin: 0;
	padding: 15px;
	border: 1px solid #0072ad;
	border-top: none;
	}
div.prod-detail dl.prod-overview {
	margin-bottom: 15px;
	padding: 0;
	}
div.prod-detail dl.prod-overview dt {
	float: left;
	margin: 0 15px 10px 0;
	}
div.prod-detail dl.prod-overview dd {
	margin: 0 0 1em 0;
	line-height: 1.5em;
	}
div.prod-detail div.color-swatches {
	clear: both;
	margin-bottom: 10px;
	}
div.prod-detail div.color-swatches ul {
	float: left;
	width: 230px;
	margin: 0 15px 10px 0;
	}
div.prod-detail div.color-swatches li {
	float: left;
	margin: 0 10px 10px 0;
	}
div.prod-detail div.color-swatches li.last {
	margin-right: 0;
	}
div.prod-detail dl.prod-info {
	clear: both;
	margin-bottom: 10px;
	padding: 0;
	}
div.prod-detail dl.prod-info dt {
	margin-bottom: 10px;
	font-weight: bold;
	}
div.prod-detail dl.prod-info dd {
	margin-bottom: .5em;
	padding-left: 15px;
	background: url(img/bullet-circle.gif) no-repeat 0 3px;
	}
div.prod-detail div.prod-order h3 {
	height: auto;
	margin: 0 0 1em 0;
	padding: 0;
	background: none;
	color: #0071ad;
	}
div.prod-detail div.prod-order h3 span {
	color: #f3ac02;
	}
div.prod-detail div.prod-order p {
	margin-bottom: 0;
	}




/* [ Aluminum Pages ]
----------------------------------------------- */

div.prod-detail div.box-wrapperAluminum {
	margin: 0;
	border: 1px solid #0072ad;
	border-top: none;
	}

#aluminumBox {
	margin: 0px 4px 3px 3px;
	border-right: 1px solid #0048A0;
	border-bottom: 1px solid #0048A0;
	border-left: 1px solid #0048A0;
	}

#leftColumn {
	background-color: #C4E1FA;
	border-right: 1px solid #0048A0;
	width: 350px;
}

#mainImage {
	border-bottom: 1px solid #0048A0;
}

#productNav {
	background-image: url(images/productNav/background.gif);
	background-repeat: repeat-x;
}

.productNavItem {
	float: left;
	text-align: center;
}

.productNavItem .bordered{
	border: 1px solid #0048A0;
	margin-top: 5px;
}

#leftColumn p {
	clear: both;
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
}

#leftColumn h6{
	color: #666666;
	font-size: 13px;
	font-weight: normal;
	margin: 10px 0px 10px 0px;
}

#leftColumn .color{
	float: left;
	padding: 1px;
	width: 150px;
}

#rightColumn {
	width: 300px;
	margin-right: 15px;
	padding-top: 15px;
	float: right;
}

#rightColumn h4{
	font-size: 13px;
	margin: 0px 0px 10px 0px;
}

#rightColumn h5{
	color: #666666;
	font-size: 12px;
	margin: 0px 0px 10px 0px;
}

#rightColumn ul {
	list-style-image: url(img/bullet-circle.gif);
	list-style-type: circle;
}

#rightColumn ul li {
	list-style-image: url(img/bullet-circle.gif);
	list-style-type: circle;
	margin-left: 17px;
}

#orderText {
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

#orderPrice {
	font-size: 20px;
	margin-top: 10px;
	font-weight: bold;
	color: #f3ac02;
}

#orderPrice span{
	font-size: 12px;
	font-weight: bold;
	color: #33CCFF;
	vertical-align: middle;
}

#orderPrice  img {
	float: right;
}

#colorsNav {
	background-image: url(images/colorsNav/background.gif);
	background-repeat: repeat-x;
	clear: both;
	border-top: 1px solid #0048A0;
	background-color: #C4E1FA;
}

.colorsNavItem {
	float: left;
	text-align: center;
}

.colorsNavItem .bordered{
	border: 1px solid #0048A0;
	margin-top: 5px;
}

#colorsNav p {
	clear: both;
	padding: 5px;
	padding-left: 10px;
	margin: 0px;
}

.blueText {
	color: blue;
}


/* Wood Pages
************************************/

div.prod-detail div.box-wrapperWood {
	margin: 0;
	padding: 5px 5px 10px;
	border: 1px solid #0072ad;
	border-top: none;
	}

#woodBox {
	margin: 0px 4px 3px 3px;

	}

#woodBox #leftColumn {
	background-color: #ffffff;
	border-right: none;
	width: 350px;
}

/* [ Tables ]
----------------------------------------------- */
table {
	width: 100%;
	margin-bottom: 1.4em;
	border-collapse: collapse;
	border: 1px solid #fff;
	font-size: 90%;
	}
table tr th {
	text-align: left;
	font-size: 119%;
	color: #990000;
	}
table th, table td {
	margin: 0;
	padding: 5px 8px;
	border-bottom: 1px solid #fff;
	}

/* [ Footer ]
----------------------------------------------- */
#footer {
	clear: both;
	text-align: center;
	}
#footer p {
	font-size: 85%;
	}
	
#footer a {
	color: #000000;
	text-decoration:none;
	}

#footer a:hover {
	color: #000000;
	text-decoration: none;
	}

/* [ Misc ]
----------------------------------------------- */
.clear {
	clear: both;
	}
.hide {
	display: none;
	}
.no-break {
	margin-bottom: 0;
	}
.center {
	text-align: center;
	}
	
img.umbrellaSpecial {
	width: 97px;
	height: 14px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px solid black;
	}
	
/* [ Featured Pages ]
----------------------------------------------- */	

div.featured-pages {
	float: left;
	width: 701px;
	margin-bottom: 10px;
	background: #fff;
	}
div.featured-pages h3 {
	height: 28px;
	margin: 0;
	padding: 15px 0 0 15px;
	background: #ddd url(img/quick-links-header-bg.gif) no-repeat;
	overflow: hidden;
	color: #fff;
	}
div.featured-pages ul {
	float: left;
	width: 699px;
	margin: 0;
	padding: 15px 0 15px 0;
	border: 1px solid #0072ad;
	border-top: none;
	}
div.featured-pages li {
	float: left;
	width: 33%;
	margin: 0 0 0 0;
	padding: 0;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
	text-transform: capitalize;
	}