/* Global Site Styles */
body,html {
	width:100%;
	height:100%;
}
body {
	background:#fff url(images/bg_main.png) 0 223px repeat-x;
	font-family: "Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#333;
	line-height:1.5;
	margin:0;
	padding:0;
	min-width:800px;
}
body.mceContentBody {
	min-width:760px;
	width:760px;
	background:#fff;
}
.mceContentBody .non-editable {
	background:#efefef url(images/non_editable.gif) 50% 50% repeat;
}
#outer {
	width:100%;
	min-height:100%;
	margin-bottom:-110px;
}
* html #outer {
	height:100%;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	color:#336699;
	margin:0;
}
h2 {
	color:#336699;
}
h3 {
	color:#336699;
}
hr {
	border:1px dashed #ccc;
	border-bottom:none;
	border-left:none;
	border-right:none;
	height:1px;
	margin:8px 0 8px 0;
}
input {
	margin:0;
	border-width:1px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	padding:2px;
	color:#333333;
}
textarea {
	border-width:1px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	padding:2px;
	color:#333333;
}
select {
	border-width:1px;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:13px;
	padding:2px;
	color:#333333;
}
form {
	margin:0;
	padding:0;
}
fieldset {
	border:1px solid #ccc;
	padding:15px;
}
legend {
	color:#336699;
}
div.submit {
	float:right;
}
dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 60%;
}
dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 15em;
	margin-top: -2em;
	vertical-align: top;
	width:500px;
}
.blueButton,.blueButtonSmall {
	background:url(images/button_bg.png) 0 -3px repeat-x #2F6FE9;
	color:#fff;
	font-size:17px;
	border:1px solid #fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	height:30px;
	padding:5px 15px 0 15px;
	cursor:pointer;
	text-decoration:none;
}
a.blueButton,a.blueButtonSmall, a.blueButton:hover, a.blueButtonSmall:hover {
	display:inline-block;
	text-decoration:none;
}
.blueButtonSmall {
	font-size:14px;
	padding:2px 10px 0 10px;
	height:24px;
}
input.blueButton {
	padding:0 15px 2px 15px;
	height:35px;
	border:none;
}
input.blueButtonSmall {
	padding:0 10px 0 10px;
	height:28px;
	border:none;
}
.grayButton,.grayButtonSmall {
	background:#777;
	color:#fff;
	font-size:17px;
	border:1px solid #fff;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	height:30px;
	padding:5px 15px 0 15px;
	cursor:pointer;
	text-decoration:none;
}
a.grayButton,a.grayButtonSmall, a.grayButton:hover, a.grayButtonSmall:hover {
	display:inline-block;
	text-decoration:none;
}
.grayButtonSmall {
	font-size:14px;
	padding:2px 10px 0 10px;
	height:24px;
}
input.grayButton {
	padding:0 15px 2px 15px;
	height:35px;
	border:none;
}
input.grayButtonSmall {
	padding:0 10px 0 10px;
	height:28px;
	border:none;
}
#banner {
	background:#B6FB64 url(images/bg_banner.png) 0 0 repeat-x;
	width:100%;
	height:222px;
}
#bannerContainer {
	width:800px;
	margin:0 auto 0 auto;
}
#banner #bannerContainer #flower {
	background:url(images/bg_flower.jpg) 0 100% no-repeat;
	width:260px;
	height:207px;
	margin:0 0 0 -130px;
	padding:15px 0 0 130px;
	float:left;
}
#banner #bannerContainer #logo {
	background:url(images/logo.gif) 0 0 no-repeat;
	margin:0 0 0 40px;
}
#banner #bannerContainer #logo img {
	width:190px;
	height:107px;
}
#banner #bannerContainer #tagline {
	background:url(images/slogan.gif) 0 0 no-repeat;
	margin:20px 0 0 40px;
}
#banner #bannerContainer #tagline img {
	width:201px;
	height:65px;
}
#banner #bannerContainer #slideshow {
	background:url(images/banner02.jpg) 0 0 no-repeat;
	float:right;
	width:493px;
	height:219px;
}
#adminMenu {
	position:fixed;
	background:#ffffcc;
	z-index:5000;
	padding:10px;
}
#adminMenu ul {
	margin:0;
	padding:0;
	list-style:none;
}
#adminMenu li {
}
#adminMenu li a {
	display:inline-block;
	padding:4px 8px 4px 8px;
	background:#ffffcc;
	color:#0000ff;
	width:150px;
}
#adminMenu li a:hover {
	display:inline-block;
	padding:4px 8px 4px 8px;
	background:#ccc;
	color:#fff;
	text-decoration:none;
}
#diyMenu {
	background:url(http://assets.diy.elitewgd.com/img/banner_bg.jpg) 0 0 repeat-x;
	font-family:"Trebuchet MS",Verdana,Helvetica;
	height:38px;
	padding:8px 0 8px 0;
	color:#CA6311;
	font-size:16px;
	font-weight:bold;
	z-index:500;
	position:relative;
	width:100%;
	border-bottom:1px solid #fff;
}
#diyMenu ul {
	list-style:none;
	margin:0;
	margin:0 8px 0 8px;
	background:url(http://assets.diy.elitewgd.com/img/elite_e.png) 0 0 no-repeat;
	text-align:right;
	height:38px;
}
#diyMenu li {
	display:inline-block;
	color:#CA6311;
	font-size:16px;
	font-weight:bold;
	padding:6px 7px 3px 8px;
}
#diyMenu li a:link, #diyMenu a:visited {
	text-decoration:none;
	color:#CA6311;
}
#diyMenu li a:hover {
	text-decoration:underline overline;
	color:#CA6311;
}
#diyMenu li ul {
	display:none;
}
#diyMenu li.hassub:hover {
	position:relative;
	z-index:400;
}
#diyMenu li.hassub:hover ul {
	display:block;
	position:absolute;
	min-width:120px;
	border:1px solid #4A4A4A;
	background:url(../img/banner_bg.jpg) left bottom repeat-x #363636;
	margin:3px 0 0 -9px;
	padding:10px 10px 10px 10px;
	text-align:left;
	color:#999999;
	font-size:14px;
	font-weight:normal;
	z-index:200;
}
#diyMenu li ul li, #diyMenu li ul li:hover {
	border:none;
	background:none;
	display:block;
	float:none;
}
#menu {
	width:800px;
	margin:1px auto 0 auto;
	background:#fff;
	text-align:center;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu ul li {
	display:inline;
}
#menu ul li a {
	display:inline-block;
	background:url(images/bg_nav_normal.jpg) 0 0 no-repeat;
	text-align:center;
	width:122px;
	height:43px;
	color:#fff;
	font-size:20px;
	line-height:42px;
}
#menu ul li a:hover {
	background:url(images/bg_nav_over.jpg) 0 0 no-repeat;
	text-decoration:none;
}
#mainContent {
	width:760px;
	padding:20px;
	min-height:300px;
	margin:0 auto 0 auto;
	background:#fff;
}
.clearFooter {
	clear:both;
	height:110px;
}
#footer {
	background:#fff url(images/bg_footer.jpg) 0 0 repeat-x;
	height:100px;
	margin:10px 0 0 0;
	width:100%;
}
#footer div {
	width:800px;
	margin:0 auto 0 auto;
	color:#666;
}
#footer div.copyright {
	font-size:11px;
	float:left;
	width:50%;
	padding:65px 0 0 0;
}
#footer div.link {
	font-size:11px;
	float:right;
	width:50%;
	padding:65px 0 0 0;
	text-align:right;
}
#footer div.link a {
	color:#333;
}

#message {
	padding:15px;
	text-align:left;
	background:#FFFFCC;
	border:2px solid #FFFF00;
	font-weight:bold;
	font-size:14px;
	color:#CC0000;
	margin:0 auto 0 auto;
}
#message.good {
	background:#DAF7CF;
	border:1px solid #398038;
	color:green;
}
#message.bad {
	background:#FDCEC8;
	border:1px solid #cc0000;
	color:#cc0000;
}
#ajaxmessage {
	padding:15px;
	text-align:left;
	background:#FFFFCC;
	border:1px solid #FFFF00;
	font-weight:bold;
	font-size:14px;
	color:#CC0000;
	margin:0 auto 0 auto;
}
#ajaxmessage.good {
	background:#DAF7CF;
	border:1px solid #398038;
	color:green;
}
#ajaxmessage.bad {
	background:#FDCEC8;
	border:1px solid #cc0000;
	color:#cc0000;
}
#messageProcessing {
	padding:15px;
	text-align:center;
	background:#FFFFCC;
	border:2px solid #FFFF00;
	font-weight:bold;
	font-size:12px;
	color:#CC0000;
}
#inputlabel,.inputlabel {
	clear:left;
	float:left;
	text-align:left;
}
#inputcontainer,.inputcontainer {
	float:left;
	text-align:left;
}
.required {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
	clear:left;
}
.adminLink, .adminLink:hover {
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
.sortable {
	clear:left;
}
.sortable td {
	cursor:move;
}
.sortable .tablecell, .nonSortable .tablecell {
	float:left;
	padding:3px;
}
.move:hover {
	cursor: move;
}
.clear {
	clear:both;
}
.red {
	color:#CC0000;
}
.gray {
	color:#666;
}
.ltgray {
	color:#ccc;
}
.white {
	color:#fff;
}
.italic {
	font-style: italic;
}
.black {
	color:#000;
}
.green {
	color:green;
}
.bold {
	font-weight: bold;
}
.normal {
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.verdana {
	font-family:Verdana,Helvetica,Arial,sans-serif;
}
.highlight {
	background:#FFFFCC;
	padding:3px;
}
.t9 {
	font-size:9px;
}
.t10 {
	font-size:10px;
}
.t11 {
	font-size:11px;
}
.t12 {
	font-size:12px;
}
.t14 {
	font-size:14px;
}
.t16 {
	font-size:16px;
}
.t18 {
	font-size:18px;
}
.t20 {
	font-size:20px;
}
.t22 {
	font-size:22px;
}
/* In place editor styles */
form.inplaceeditor-form a.editor_ok_link,form.inplacericheditor-form a.editor_ok_link {
	font-weight:bold;
  	margin:0 1em 0 1em;
}
form.inplaceeditor-form a.editor_cancel_link, form.inplaceeditor-form a.cancel_link, form.inplacericheditor-form a.editor_cancel_link, form.inplacericheditor-form a.cancel_link {
	color:#ccc;
}
div.inplaceeditor-saving, div.inplacericheditor-saving {
	color:#ccc;
}

.adminTable {
	width:100%;
	border:1px solid #ccc;
	border-collapse:collapse;
}
.adminTable tr th {
	text-align:center;
	font-weight:bold;
	background:#efefef;
}
.adminTable tr td {
	text-align:center;
}
#products .categoryList {
	float:left;
	width:180px;
	background:#efefef;
	padding:8px;
}
#products .categoryList ul {
	margin:0;
	padding:0;
	list-style:none;
}
#products .categoryList ul li a {
	font-weight:normal;
	color:#555;
}
#products .categoryList ul li.selected a {
	color:#336699;
	font-weight:bold;
	text-decoration:none;
}
#products .categoryList ul li.selected ul li a {
	font-weight:normal;
	color:#555;
}
#products .categoryList a:hover,#products .categoryList ul li.selected ul li a:hover {
	color:#336699;
	font-weight:bold;
	text-decoration:none;
}
#products .productList {
	float:right;
	width:550px;
}
#products .productList ul {
	margin:0;
	padding:0;
	list-style:none;
	border-top:1px dashed #ccc;
	border-bottom:1px dashed #ccc;
}
#products .productList ul li {
	float:left;
	width:150px;
	padding:10px;
	text-align:center;
}
#products .productList ul li a {
	text-decoration:none;
}
#products .productList ul li a span.image {
	display:table-cell;
	width:150px;
	height:150px;
	vertical-align:middle;
}
#products .productList ul li a span.title {
	color:#000;
	font-weight:bold;
	font-size:15px;
}
#products .productList ul li a:hover span.title {
	text-decoration:underline;
}
#products .productList ul li .price {
	color:#cc0000;
	font-weight:bold;
	font-size:16px;
}
#productDetails .image {
	float:left;
	width:540px;
	border:1px solid #ccc;
	margin:10px 0 10px 0;
	padding:1px;
	text-align:center;
}
#productDetails .details {
	float:right;
	width:210px;
	padding:20px 0 0 0;
	text-align:center;
}
#productDetails .details .price {
	color:#cc0000;
	font-weight:bold;
	font-size:50px;
}
#productDetails input[type="text"] {
	font-size:16px;
	width:70px;
	text-align:center;
	border:1px solid #999;
	margin:0 0 10px 0;
}
#productDetails .thumbs {
	clear:left;
}
#productDetails .thumbs div {
	float:left;
	width:50px;
	height:50px;
	margin:0 10px 10px 0;
}
#productDetails .thumbs div img {
	border:1px solid #ccc;
}
#productDetails .description {
	font-size:14px;
	clear:both;
}

/* Shopping Cart */
#cartLoading {
	font-size:16px;
	color:#999;
}
#cartTable {
	border:1px solid #ccc;
	border-collapse:collapse;
}
#cartTable tr th {
	font-weight:bold;
	background:#efefef;
	text-align:center;
}
#cartTable tr td {
	text-align:center;
}
#cartTable input {
	width:45px;
	text-align:center;
}
#cartTableTotals {
	border:1px solid #ccc;
	border-collapse:collapse;
	float:right;
}
#cartTableTotals tr th {
	font-weight:bold;
	text-align:right;
	border:1px solid transparent;
	border-right:1px solid #ccc;
}
#cartTableTotals tr td {
	text-align:center;
}
#viewCart {
	float:right;
	margin:3px 23px 0 0;
}
#viewCart a {
	color:#333;
	text-decoration:none;
}
#viewCart a:hover {
	background:#B6FB64;
}
.checkoutProcess {
	position:absolute;
	margin:-18px 0 0 20px;
}
.checkoutProcess ul {
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.checkoutProcess ul li {
	float:left;
	color:#ccc;
	font-weight:normal;
	font-size:16px;
	padding:5px 15px 5px 15px;
	margin:0 5px 0 0;
	background:#efefef;
}
.checkoutProcess ul li.selected {
	color:#333;
	font-weight:bold;
	background:#B6FB64;
}
#galleryDisplay .image {
	float:left;
	width:137px;
	padding:0 7px 15px 7px;
	text-align:center;
	font-size:11px;
}
#galleryDisplay .image a {
	text-decoration:none;
	color:#333;
}
ul.pagination {
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	text-align:center;
}
ul.pagination li {
	display:inline;
}
ul.pagination li a {
	display:inline-block;
	padding:2px 5px 0 5px;
	height:20px;
	margin:1px;
	background:#efefef;
	color:#333;
	border:1px solid #ccc;
	overflow:hidden;
}
ul.pagination li a.arrow {
	display:inline-block;
	font-size:16px;
	font-family:verdana;
	line-height:.95;
}
ul.pagination li a:hover, ul.pagination li a.selected {
	background:#3E5576;
	color:#fff;
	text-decoration:none;
	border:1px solid #3E5576;
}