* {
    padding: 0;
    margin: 0;
}
html {
	min-height: 100%;
}

body {
	margin: 0px 0px 0px 0px;
	background: #EDF1F2 url('../images/layout/bodybg.gif') repeat-y;
}

hr { border-color: #CCCCCC; border-width: 1px; border-top-style: solid; border-bottom-style: none; height: 1px; overflow: hidden; }

body, table, td, div, input, select, p {
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
}

input, select, textarea {
	color: #333333;
	font-size: 14px;
	font-family: Arial;
}

input {
	border: 2px solid #CCCCCC;
	font-size: 14px;
	height: 19px;
}

select {
	border: 2px solid #CCCCCC;
	font-size: 14px;
}

input.button {
	font-weight: bold;
	background: #CCCCCC;
	font-size: 12px;
}

textarea {
	border: 2px solid #CCCCCC;
	font-size: 14px;
}


a {
	color: #999999;
	font: normal 12px verdana;
	text-decoration: none;
	font-weight: bold;

}
a:hover{
	text-decoration: underline;
}

ul#bulleted {
	list-style-image: url('../images/layout/bullet.jpg');
	font-size: 15px;
	font-weight: bold;

}
ul#bulleted li {
	padding: 0px 0px 0px 10px;
	height: 22px;
}

.bordered {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 2px;
}


h1, h2, h3 { font-family: Arial; }

h1 {
	color: #666666;
	font-size: 22px;
	margin: 0px 0px 30px 0px;
}

h2, h2 a {
	color: #333333;
	font-size: 16px;
	margin: 24px 0px 10px 0px;
}

h3 {
	color: #666666;
	font-size: 15px;
	margin: 0px 0px 20px 0px;
}

p {
	margin: 0px 0px 10px 0px;
	line-height: 20px;
}

ul, ol {
	margin-left: 25px;
	line-height: 20px;
}

.ht {
	position: absolute;
	top: -1500px;
	width: 500px;
	left: 1px;
}

#headerContainer {
	background: #232323;
	height: 75px;
	background: url('../images/layout/headbg.gif');
}

#header {
	float: left;
	width: 	930px;
}

#logo {
	margin: 15px 0px 0px 15px;
	float: left;
	width: 230px;
}

#nav {
	float: right;
	width: 670px;
	margin-top: 10px;
}

#upperNavA {
	text-align: right;
	color: #999999;
	font-family: Arial;
	margin-top: 9px;
}

#upperNavA a {
	text-decoration: none;
	color: #FFFFFF;
	font-family: Arial;
	padding: 4px 10px 4px 10px;
}

#upperNavA a:hover {
	text-decoration: underline;
}

#headerImage {
	clear: both;
	height: 139px;
	border-width: 8px;
	border-color: #999999;
	border-bottom-style: solid;
	background: #3AC6EF;
	background: url('../images/layout/headerbg.gif');
}

#body {
	clear: both;
	width: 880px;
	margin: 25px 0px 0px 40px;
	background: #FFFFFF;
}

#homeBody {
	clear: both;
	margin-top: 1px;
	width: 930px;
    z-index: 1;
}

#homeNavTop {
	float: right;
	width: 206px;
	background: #333333;
	height: 320px;
}

#homeNavTop h2 {
	font-family: Arial;
	color: #999999;
	margin: 8px 0px 0px 12px;
	margin-bottom: 7px;
}

#homeNavTop a {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	font-weight: normal;
	padding: 1px 12px 2px 12px;
}

#homeNavBottom {
	margin-top: 1px;
	width: 206px;
	float: right;
	height: 130px;
	background: url('../images/layout/homenavbg.gif') no-repeat bottom right;
}

#homeNavBottom h2 {
	font-family: Arial;
	color: #003366;
	margin: 6px 0px 0px 12px;
	margin-bottom: 0px;
}

#homeNavBottom a {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	font-weight: normal;
	padding: 1px 12px 2px 12px;
}


/* Navigation */

#menu {
	background: #999999;
	height: 31px;
	line-height: 31px;
	text-align: right;
	float: right;
	width: 652px;
	margin-top: 10px;
}

#menuwrapper {
	width: 100%;
	text-align: left;
	margin: 0px auto;
}
.clearit {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
#p7menubar {

}
#p7menubar, #p7menubar ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
	font-family: Arial;
}
#p7menubar a {
	display: block;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	font-size: 12px;
	line-height: 31px;
	color: #FFFFFF;

}
#p7menubar a.trigger {
	color: #FFFFFF;
}
#p7menubar li {
	float: left;
	width: 9em;
	color: #FFFFFF;
	line-height: 31px;
	font-weight: bold;
	font-size: 11px;
}
#p7menubar ul li {
	min-height: 24px;
	max-height: 24px;
}

#p7menubar li {position: relative;}

/* hide from IE mac \*/
#p7menubar li {position: static; width: auto;}
/* end hiding from IE5 mac */

#p7menubar li ul, #p7menubar ul li  {
	width: 190px;
}
#p7menubar ul li a  {
	color: #FFFFFF;
	border-color: #CCCCCC;
	border-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	min-height: 23px;
	line-height: 23px;
 	font-weight: normal;
}
#p7menubar li ul {
	position: absolute;
	display: none;
	border-color: #CCCCCC;
	border-width: 1px;
	border-top-style: solid;
	z-index: 5000;

}
#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	background: #666666;
}
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
}
#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	color: #FFFFFF;

}

#p7menubar ul a:hover {
	color: #FFFFFF !important;
	background: #999999;
}

#footer {
	clear: both;
	margin-top: 20px;
	border-color: #CCCCCC;
	border-width: 4px;
	border-top-style: solid;
	width: 924px;
	margin-left: 4px;
}

#footer-left {
	float: left;
	width: 655px;
	padding-top: 10px;
}

#footer-left a {
	color: #999999;
	font-size: 11px;
	display: block;
	font-weight: normal;
	margin-left: 10px;
	line-height: 16px;
}


#footer-right {
	float: right;
	width: 260px;
	padding-top: 15px;
	font-size: 11px;
	color: #999999;
	text-align: right;
}

#footer-right a {
	font-weight: normal;
	font-size: 11px;
	line-height: 17px;
}


#footer-right #social {
	padding-bottom: 8px;
}


#footer-right #social img {
	float: right;
	margin-left: 10px;
	border: none;
}


#footerLeft {
	margin-top: 3px;
	float: left;
	width: 250px;
	margin-bottom: 10px;
	color: #CCCCCC;
}

#footerRight {
	margin-top: 3px;
	float: right;
	width: 650px;
	text-align: right;
	margin-bottom: 10px;
	color: #CCCCCC;
}


#footerCenter{
	margin-top: 3px;
	float: right;

	text-align: center;
	margin-bottom: 10px;
	color: #CCCCCC;
    width: 100%;
    line-height: 20px;
}


#footerCenter a { color: #AAAAAA; font-weight: normal; } 

#footerLeft a, #footerRight a, #footerCenter a {
	padding: 0px 6px 0px 6px;
	font-weight: none;
	font-size: 11px;
	font-family: Arial;
}


/* PRODUCT LISTING */


#productGalleryLeft {
	float: left;
	width: 760px;
}

#productGalleryRight {
	float: right;
	width: 110px;
	text-align: center;
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
}

.productGallery {
	list-style-type: none;
	padding: 0 0 12px 0;
	margin: 0;
}

.productGallery li	{
	float: left;
	display: inline;
	margin: 0px 10px 10px 0px;
	padding:0;
	text-align: center;
}

.productGallery li a	{
	text-decoration: none;
	color: #666666;
	background: inherit;
}

.productGallery li a:hover	{
	font-weight: bold;
	text-decoration: underline;
	color: #CCCCCC;
	background: inherit;
}

.productGallery li p	{
	padding: 2px;
	margin: 0;
	color: #333333;
}

.productGallery li img	{
	border: 1px solid #CCCCCC;
	padding: 1px;
	background: transparent;
}

.productGallery li a:hover img{
	border: 1px solid #999999;
}

#productGallery #previous {
	float: left;
	margin-left: 15px;
}

#productGallery #next {
	float: right;
	margin-right: 20px;
}

#productGallery #list {
	margin-top: 15px;
	text-align: center;
}

#productGallery #go, #next, #previous {
	color: #FFFFFF;
	background: #333333;
	border: 1px solid #CCCCCC;
	padding: 1px 4px 1px 4px;
	font-size: 11px;
	line-height: 12px;
}

#productGallery #next:hover, #previous:hover {
	background: #333333;
}



#productDetailsLeft {
	width: 500px;
	float: left;
}



a.back, a.back:hover {
	float: left;
	display: block;
	color: #333333;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	font-size: 13px;
	margin-top: 4px;
}

a.prev, a.prev:hover {
	float: left;
	display: block;
	width: 80px;
	color: #333333;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	font-size: 13px;
	margin-top: 4px;
	color: #FFFFFF;
	background: #999999;
	text-align: center;
	padding: 2px 4px 2px 4px;
	width: 90px;
	display: block;
}
a.next, a.next:hover {
	height: 16px;
	line-height: 16px;	float: right;
	text-align: right;
	width: 80px;
	color: #333333;
	font-weight: bold;
	font-family: verdana;
	text-decoration: none;
	font-size: 12px;
	margin-top: 4px;
	color: #FFFFFF;
	background: #999999;
	text-align: center;
	padding: 2px 4px 2px 4px;
	width: 90px;
	display: block;
}

a.next:hover, a.prev:hover {
	height: 16px;
	line-height: 16px;
	background: #333333;
	padding: 2px 4px 2px 4px;
	width: 90px;
	display: block;
}

#productDetailsLeft a.prev:hover, #productDetailsLeft a.next:hover {
	text-decoration: underline;
}


#productDetailsRight {
	float: right;
	width: 360px;
}

#productDetailsRight2 {
	float: right;
	width: 400px;
}

#productDetailsRight .field {
	color: #666666;
	font-weight: bold;
	width: 150px;
	float: left;
	font-size: 14px;
	line-height: 22px;
}

#productDetailsRight .input {
	color: #666666;
	font-weight: normal;
	width: 200px;
	float: left;
	font-size: 14px;
	line-height: 22px;
}

#homeLogos {
}
#homeLogos img {
	margin: 5px 10px 0px 10px;
}

/* Contact Form */

#contactForm {
	width: 360px;
	margin-top: 10px;
	float: left;
}

#contactForm .field {
	clear: both;
	width: 50px;
	float: left;
	text-align: right;
	height: 30px;
	line-height: 20px;
	font-weight: bold;
}

#contactForm .input {
	width: 300px;
	float: right;
	height: 30px;
	text-align: right;
}

#contactForm .input input {
	width: 290px;
}

#contactForm .input textarea {
	width: 290px;
	height: 95px;
}





.formA {
	width: 280px;
	overflow: auto;
}             

.formA .field {
	line-height: 20px;
	width: 70px;
	float: left;
	clear: both;
	margin-top: 6px;
	font-weight: bold;
}

.formA .input {
	width: 195px;
	float: left;
	margin-top: 6px;
}

.formA .input input {
	width: 195px;
}

.formA .input select {
	width: 195px;
}





.formB {
	width: 365px;
	overflow: auto;
}             

.formB .field {
	line-height: 20px;
	width: 160px;
	float: left;
	clear: both;
	margin-top: 6px;
	font-weight: bold;
}

.formB .input {
	width: 195px;
	float: left;
	margin-top: 6px;
}

.formB .input input {
	width: 195px;
}

.formB .input select {
	width: 195px;
}




.formC .field {
	line-height: 20px;
	width: 90px;
	float: left;
	clear: both;
	margin-top: 6px;
	font-weight: bold;
}

.formC .input {
	width: 175px;
	float: left;
	margin-top: 6px;
}

.formC .input input {
	width: 175px;
}

.formC .input select {
	width: 175px;
}
#sitemap1 a, #sitemap2 a, #sitemap3 a {
	margin-top: 5px;
	display: block;
}

#popup { position: absolute; width: 100%; top: 0px; left: 0px; z-index: 1000000; }
#popupInside { margin-left: 170px;width: 498px; margin-top: 90px; text-align: center; background: #999999; padding: 10px; border: 2px solid #FFFFFF; }




.findaForm {  }
.findaForm td {  }
.findaForm th { text-align: right; padding-right: 6px; color: #666666; }
.findaForm td, .findaForm th { padding-bottom: 6px; }



#findaGallery {  }
#findaGallery a img { border: 4px solid #CCCCCC; margin-right: 10px; }
#findaGallery a:hover img { border-color: #999999; }



.button2 { background: #999999; color: #FFFFFF; padding: 10px 24px 10px 24px; line-height: 30px; font-weight: normal; }


.designerList { width: 280px; float: left; margin-left: 30px; list-style-type: disc; margin: 0px; padding: 0px 0px 0px 20px;  }
.designerList li { list-style-type: disc; margin: 0px; padding: 0px; }
.designerList li a  {  }



.form {  }
.form td { font-size: 11px; padding-bottom: 8px; }




.green_button { background: #5d982c; padding: 6px 10px 6px 10px; color: #FFFFFF; }
.green_button:hover { text-decoration: none; background: #80bf4b; }



.frm {

}

.frm th {
    padding-right: 10px;
    text-align: left;
}

.frm th, .frm td {
  padding-top: 4px;
  padding-bottom: 4px;
}




#about-logos {
	text-align: center;
}

#about-logos img {
	border: none;
	margin: 0px 1px;
}
.teamBox {
	width: 860px;
}
.line {
	width: 100%;
	height: 1px;
	min-height: 1px;
	clear: both;
	background: #CCC;
}
.teamBox_inner {
	padding: 25px 0;
}
.teamBox_inner img {
	border: 2px solid #CCC;
	margin: 0 0 10px 0;
}
.teamBox_inner p {
	margin: 0;
}
.teamBox_inner p strong {
	display: block;
	margin: 0 0 10px 0;
}
html body div#body div.teamBox div.teamBox_inner div.imgBox a img.contact_btn {
	border: none;
	margin: 20px 0 0 0;
}
.imgBox {
	width: 230px;
	float: left;
}
.txtBox {
	width: 620px;
	float: left;
}
.txtBox p {
	margin: 0 0 20px 0;
}






#ol-lwd { position: fixed; z-index: 4999; height: 100%; width: 100%; top: 0px; left: 0px; background: #000000;  }


#pop-band {
	position: fixed;
	width: 100%;
	top: 30px;
	z-index: 5000;
}

#pop-container {
	width: 450px;
	margin: 0px auto;
	background: #FFFFFF;
	border: 3px solid #00a6c0;
	-moz-border-radius: 10px;
	border-radius: 10px;
   -moz-box-shadow: 5px 5px 7px #888;
   -webkit-box-shadow: 5px 5px 7px #888;
}

#pop-inner {
	padding: 30px 20px 20px 20px;
}
#pop-container-inner {
	min-height: 200px;
}
#aboutCategory {
    line-height: 20px;
}

#brandBox {
	width: 800px;
}
.brands {
	width: auto;
	float: left;
	padding: 1px;
	margin: 0 20px 35px 0;
	background: #333;
}
.brands_inner {
	width: 240px;
	min-height: 150px;
	background: #FFF;
	text-align: center;
}
.brandLogo {
	height: 100px;
	min-height: 100px;
}
.brandBlurb {
	height: 50px;
	min-height: 50px;
}
.brandBlurb p {
	font-size: 11px;
	line-height: 150%;
}