/* MAIN STYLES */
p, h1, h2, input, textarea, option, select, li, ul {
	font-family: Arial, Helvetica, sans-serif;
}
p {
	font-size: x-small;
	color: #666666;
}
p.close {
	margin-top: 0px;
}
p.caption {
	margin: 0px;
	background-color: #CCCCCC;
}
p.title {
	font-weight: bold;
}
p.price {
	font-weight: bold;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
body {
	margin-left : 0px;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	background-color: #CCCCCC;
}
h1 {
	font-size: medium;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #999999;
}
h2 {
	font-size: small;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	color: #666666;
	font-style: italic;
}
a {
	font-weight : normal;
	color : #FF9900;
	text-decoration: none;

} 
a:active {
	font-weight : bold;
	color : #FFCC00;
} 
a:link {
	font-weight : bold;
	color : #FF9900;
} 
a:hover {
	font-weight : bold;
	color : #FF9900;
	text-decoration: underline;

}
a:visited {
	font-weight : bold;
	color : #FF9900;
}
table {
	border-spacing: 0px;
	border-collapse: collapse; 
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
td {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
tr {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
img.spacer {
	margin: 0px;
	padding: 0px;
	height: 15px;
	width: 1px;
}
img.rte {
	border: 1px solid #CCCCCC;
}


/* MORE LINK STYLE */

a.more {
	font-weight : bold;
	color : #FF9900;
	margin: 0px;
	vertical-align: top;
	padding: 0px;
} 
a.more:active {
	color : #FFCC00;
} 
a.more:link {
	color : #FF9900;
} 
a.more:hover {
	color : #FF9900;
	text-decoration: underline;
}
a.more:visited {
	color : #FF9900;
}


/* SITEWIDE TABLES */

table.main {
	width: 760px;
}
table.mainShadow {
	background-color: #FFFFFF;
	width: 760px;
	background-image: url(http://www.eleventen.com/extranet/prodesign/prototype/images/im_table_bg.gif);
}
table.content {
	background-color: #FFFFFF;
	width: 360px;
}
td.content {
	padding: 4px;
}
table.more {
	padding: 4px;
}
.heading {
	background-color: #FF9900;
}
td.more {
	padding: 4px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
td.testimonial {
	padding: 8px 4px 8px 4px;
}
div.imageleft {
	margin: 4px 4px 4px 0px;
	padding: 0px;
	float: left;
	background-color: #CCCCCC;
}
div.imageright {
	margin: 4px 0px 4px 4px;
	padding: 0px;
	float: right;
	background-color: #CCCCCC;
}
div.middle {
	margin: 0px;
	padding: 0px;
	/*float: right;*/
	background-color: #CCCCCC;
}



/* MAIN CASE STUDY STYLES */

table.case {
	background-color: #FFFFFF;
	width: 430px;
}
table.caseText {
	background-color: #999999;
	width: 289px;
	margin: 0px;
}
td.caseText {
	background-color: #999999;
	padding: 15px 15px 5px 15px;
}
td.caseDottedLine {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFFFFF;
}
td.caseBG {
	background-color: #999999;
}
h1.case {
	color: #FFFFFF;
}
h2.case {
	font-size: x-small;
	font-style: normal;
}
p.case {
	color: #FFFFFF;
	margin: 2px 0px 0px 0px;
}

a.caseMore {
	color : #FFFFFF;
	padding: 6px 0px 6px 0px;
} 
a.caseMore:active {
	color : #FFFFFF;
} 
a.caseMore:link {
	color : #FFFFFF;
} 
a.caseMore:hover {
	color : #FFFFFF;
	text-decoration: underline;
}
a.caseMore:visited {
	color : #FFFFFF;
}

a.case {
	color : #FFFFFF;
	padding: 0px 0px 0px 0px;
} 
a.case:active {
	color : #FFFFFF;
} 
a.case:link {
	color : #FFFFFF;
} 
a.case:hover {
	color : #FFFFFF;
	text-decoration: underline;
}
a.case:visited {
	color : #FFFFFF;
}


/* PROMO STYLES */

table.promoHeading {
	background-color: #FF9900;
	width: 170px;
}
td.promoHeading {
	padding: 0px;
}
table.promo {
	background-color: #FFFFFF;
	width: 170px;
}
td.promo {
	padding: 0px;
}
td.promo2 {
	padding: 4px;
}

table.promoWideHeading {
	background-color: #FF9900;
	width: 360px;
}
td.promoWideHeading {
	padding: 0px;
}
table.promoWide {
	background-color: #FFFFFF;
	width: 360px;
}
td.promoWide {
	padding: 0px;
}
td.promoWide2 {
	padding: 4px;
}
a.promo {
	color : #999999;
	padding: 6px 0px 6px 0px;
} 
a.promo:active {
	color : #999999;
} 
a.promo:link {
	color : #999999;
} 
a.promo:hover {
	color : #999999;
	text-decoration: underline;
}
a.promo:visited {
	color : #999999;
}

/* TOOLS STYLES */

table.toolsHeading {
	background-color: #999999;
	width: 170px;
}
table.tools {
	background-color: #CCCCCC;
	width: 170px;
}
td.tools {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding: 0px;
}
td.subMenu {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding: 2px;
}
td.subsubMenu {
	padding: 2px;
}

/* SUBMENU STYLES */
div.subMenu {
	padding: 0px;
	margin: 0px 0px 0px 4px;
}
p.subMenu, a.subMenu, a.subMenu:link, a.subMenu:active, a.subMenu:link, a.subMenu:hover, a.subMenu:visited {
	font-weight : bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
p.subMenu {
	color: #999999;
}
a.subMenu {
	color : #999999;
}
a.subMenu:active {
	color : #666666;
}
a.subMenu:link {
	color : #999999;
}
a.subMenu:hover {
	color : #666666;
	text-decoration: underline;
}
a.subMenu:visited {
	color : #999999;
}


/* SECOND LEVEL SUBNAV */
div.subMenu02 {
	padding: 0px;
	margin: -14px 0px 0px 8px;
}
p.subMenu02, a.subMenu02, a.subMenu02:link, a.subMenu02:active, a.subMenu02:link, a.subMenu02:hover, a.subMenu02:visited {
	font-weight : bold;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color : #FFFFFF;
}
p.subMenu02 {
	color: #FFFFFF;
}
a.subMenu02 {
	color : #FFFFFF;
}
a.subMenu02:active {
	color : #FFFFFF;
}
a.subMenu02:link {
	color : #FFFFFF;
}
a.subMenu02:hover {
	color : #FFFFFF;
	text-decoration: underline;
}
a.subMenu02:visited {
	color : #FFFFFF;
}


/* THIRD LEVEL SUBNAV */
div.subMenu03 {
	padding: 0px;
	margin: -14px 0px 0px 12px;
}
p.subMenu03, a.subMenu03, a.subMenu03:link, a.subMenu03:active, a.subMenu03:link, a.subMenu03:hover, a.subMenu03:visited {
	font-weight : normal;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	color : #FFFFFF;
}
p.subMenu03 {
	color: #FFFFFF;
}
a.subMenu03 {
	color : #FFFFFF;
}
a.subMenu03:active {
	color : #FFFFFF;
}
a.subMenu03:link {
	color : #FFFFFF;
}
a.subMenu03:hover {
	color : #FFFFFF;
	text-decoration: underline;
}
a.subMenu03:visited {
	color : #FFFFFF;
}


/* PRODUCT STYLES */

table.product {
	background-color: #FFFFFF;
	border-spacing: 0px;
	border-collapse: collapse;
	width: 390px;
	padding: 0px;
}
td.product {
	padding: 2px;
}
.pProduct {
	margin: 0px;
	padding: 0px;
}
p.others {
	text-transform: uppercase;
	font-weight: bold;
}
p.breadCrumb {
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
}
h1.product {
	font-size: medium;
	font-weight: bold;
	margin: -2px 0px 0px;
	padding: 0px;
	color: #999999;
}
h1.productWhite {
	margin: -2px 0px 0px;
	padding: 0px;
	color: #FFFFFF;
}
.dottedLine {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}
.productBorder {
	border: 3px solid #CCCCCC;
}
a.product {
	font-weight : normal;
	color : #999999;
	text-decoration: none;
} 
a.product:active {
	font-weight : bold;
	color : #000000;
	text-decoration: none;
} 
a.product:link {
	font-weight : bold;
	color : #999999;
	text-decoration: none;
} 
a.product:hover {
	font-weight : bold;
	color : #000000;
	text-decoration: none;
}
a.product:visited {
	font-weight : bold;
	color : #666666;
	text-decoration: none;
}
p.prodTableHeading {
	color : #FFFFFF;
	font-weight : bold;
}
table.prodTable {
	background-color: #FFFFFF;
	width: 350px;
	margin: 0px;
	padding: 0px;
}
table.prodTableBottom {
	background-color: #FFFFFF;
	width: 350px;
	margin: 0px;
	padding: 0px;
}
td.prodTableHeading {
	background-color: #FF9900;
	color : #FF9900;
	border-left: 1px solid #FFFFFF;
	padding: 1px;
}
td.prodTable {
	background-color: #FFFFFF;
	padding: 1px;
}
td.prodTable2 {
	background-color: #CCCCCC;
	padding: 1px;
}


/* FORM ELEMENTS */

form, input, textarea, option, select {
	font-size: x-small;
	margin: 0px;
	padding: 0px;
}
form.search {
	background-color: #CCCCCC;
}
input.search {
	background-color: #FFFFFF;
	width: 150px;
	margin: 4px;
}
select.pulldown {
	background-color: #FFCC66;
	margin: 4px;
}
.checkbox {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	width: auto;
}
.submit {
	background-color: #CCCCCC;
	font-size: x-small;
	margin: 0px;
	margin: 4px;
	width: 70px;
}
p.form {
	margin: 0px;
	padding: 2px;
}


/* PHOTO GALLERY STYLES */

img.galleryThumb {
	margin: 0px;
	padding: 0px;
	border: 2px solid #FFFFFF;
}
div.galleryThumb {
	margin: 0px;
	padding: 1px;
	background-color: #CCCCCC;
}
div.galleryThumbHi {
	margin: 0px;
	padding: 1px;
	background-color: #FF9900;
}
td.image {
	margin: 0px;
	padding: 1px;
	background-color: #CCCCCC;
}
td.imageCurrent {
	margin: 0px;
	padding: 1px;
	background-color: #FF9900;
}
img.galleryImage {
	margin: 0px;
	padding: 0px;
	border: 9px solid #FFFFFF;
}
div.galleryImage {
	margin: 0px;
	padding: 1px;
	background-color: #CCCCCC;
}
p.galleryCaption {
	margin: 0px;
	text-align: center;
	color: #999999;
}

/* BULLET POINT STYLES */

ol, ul {
	font-size: x-small;
	color : #666666;
	margin: -12px 0px 0px 24px;
	padding: 0px 0px 0px 10px;
	list-style-position: outside;
}
li {
	font-size: x-small;
	vertical-align: middle;
	line-height: 130%;
}
ul.link, ol.link {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}
ol.promo, ul.promo {
	font-size: x-small;
	color : #FF9900;
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 10px;
	list-style-type: disc;
	list-style-position: outside;
}
li.promo {
	font-size: x-small;
	vertical-align: baseline;
}
ol.others, ul.others {
	font-size: x-small;
	color : #FF9900;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 10px;
	list-style-type: disc;
	list-style-position: outside;
}
li.others {
	font-size: x-small;
	vertical-align: baseline;
}
ol.case, ul.case {
	font-size: x-small;
	color : #FFFFFF;
	margin: 6px 0px 0px 18px;
	padding: 0px 0px 0px 10px;
	list-style-type: disc;
	list-style-position: outside;
	line-height: 115%;
}
li.case {
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}


/* FOOTER STYLE */

p.footer {
	font-size: xx-small;
	color: #999999;
}
table.footer {
	background-color: #CCCCCC;
	text-align: center;
	width: 720px;
}
td.footer {
	padding: 2px;
}
a.footer {
	font-weight : normal;
	color : #FF9900;
}
a.footer:active {
	font-weight : bold;
	color : #FF0000;
} 
a.footer:link {
	font-weight : bold;
	color : #FF9900;
} 
a.footer:hover {
	font-weight : bold;
	color : #FF9900;
	text-decoration: underline;
}
a.footer:visited {
	font-weight : bold;
	color : #FF9900;
}

p.footerMenu {
	font-size: x-small;
	color: #FFFFFF;
}
a.footerMenu {
	font-weight : bold;
	color : #FFFFFF;
}
a.footerMenu:active {
	color : #FFFFFF;
} 
a.footerMenu:link {
	color : #FFFFFF;
} 
a.footerMenu:hover {
	color : #FFFFFF;
	text-decoration: underline;
}
a.footerMenu:visited {
	color : #FFFFFF;
}
