/*-----------------PNG/The CSS that's required for Transparent PNG's-----------------*/
/*Background PNG images can't be tiled. This is a limitation of the IE filter. Padding and borders don't indent the PNG image. An easy fix for this is wrapping your PNG images in container DIVs or similar.*/

body, img, h2, #page, #nonFooter, * html #nonFooter, * html #footer, #footer, #footer .wrapper, #footer .wrapper .email, #footer .wrapper .email input.button, #header-container, #header, #header .support, #header .support input.button, #logo, #priNav-container, #priNav, #terNav-container, #terNav, #terNav .cart .search input.button, #special-container, #special, #content-container, #content, #content .priCon, #content .priCon .bio .image, #content .priCon .bio, #content .cart .search input.button, #content-btm-gradient-container, #content-btm-gradient { behavior: url(images/iepngfix.htc); }




/*-----------------PAGE/GENERAL-----------------*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
body {
	text-align: center;
	background-color: #000000;
}
#page {
	min-height: 100%;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/BGD-Gradient.jpg);
	background-repeat: repeat-y;
	background-position: center top;	
        /*background-image: url(images/BGD-Header-Content.gif);
	background-repeat: no-repeat;
	background-position: center top;*/
}
#nonFooter {
	position: relative;
	min-height: 100%;
}
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}
td {
	padding-bottom: 20px;
}
img {
	border: 0;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
img.photo {
	border: 1px solid #CCCCCC;
}
img.padBtm {
	border: 1px solid #666666;
	margin-bottom: 10px;
}
img.floatLeft {
	border: 1px solid #666666;
	float: left;
	position: relative;
}
.hide {
	display: none;
}
.borderOne {
	border: 1px solid #dedede;
}
.borderTwo {
	border: 1px solid #797979;
}
.addToCart {
	background-image: url(images/Cart.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}


/*-----------------PAGE/FONTS/COLORS-----------------*/

h1 {
	font-size: 24px;
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-bottom: 10px;
}
h2 {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	padding-bottom: 20px;
	font-size: 16px;
	background-image: url(images/h2Ornament.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 40px;
}
h3 {
	font-weight: bold;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 17px;
}
p {
	padding-bottom: 10px;
	color: #CCCCCC;
}
a {
	color: #E03931;
	text-decoration: underline;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
.current {
	color: #333333;
	text-decoration: none;
}
.bold {
	font-weight: bold;
}
.italic {
	font-style: italic;
}
.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}
.primary {
	color: #E03931;
}
.secondary {
	color: #999999;
	font-size: None;
}
.tertiary {
	color: #999999;
	font-size: None;
}




/*-----------------HEADER STYLES-----------------*/

#header-container {
	height: 125px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000000;
}
#header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 125px;
	padding-right: 30px;
	padding-left: 30px;
	position: relative;
	width: 910px;
}
#logo {
	margin-top: 20px;
	float: left;
	position: relative;
	height: 83px;
	width: 155px;
	background-image: url(images/Logo.png);
	background-repeat: no-repeat;
}




/*-----------------HEADER SUPPORT NAV STYLES-----------------*/
#header .accesso {
	float: right;
	padding-top: 15px;
        padding-left: 170px;
	width: 500px;

}
#header .accesso .clientLogin{
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	margin-right: 10px;
	height: 20px;
}
#header .accesso input.button {
	vertical-align: middle;
	height: 25px;
	width: 60px;
	background-image: url(images/Submit-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#header .support {
	float: right;
	padding-top: 10px;
        padding-left: 233px;
	width: 500px;
}
#header .support label {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 5px;
}

#header .support ul {
	float: left;
	padding-top: 5px;
	padding-right: 10px;
}
#header .support ul li {
	list-style-type: none;
	display: inline;
}
#header .support ul li a {
	font-size: 18px;
	font-weight: bold;
	text-decoration: underline;
	color: #999999;
	padding-left: 8px;
	background-image: url(images/Separator.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 5px;
}
#header .support ul li a:hover {
	text-decoration: none;
}
#header .support .noPipe {
	background-image: none;
}




/*-----------------PRIMARY NAV STYLES-----------------*/

#priNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	height: 50px;
	background-image: url(images/BGD-Nav.gif);
	background-repeat: repeat-x;
	background-position: center center;
}

#navigation
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 50px;
	position: relative;
	width: 970px;
}

#navigation ul
{
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
  border: none;
}

#navigation ul li
{
  float: left;
  margin: 0 4px 0 0;
  padding: 0;
  width: 119px;
  height: 50px;
  vertical-align:middle;
  text-align: center;
}

#navigation ul li a
{
  display: block;
  width: 119px;
  height: 50px;
  margin: 0;
  padding: 15px 0 0;
  text-align: center;
  background: url(images/tab_normal.gif) top left no-repeat;  
  color: #FFFFFF;
  text-decoration: none;
}

#navigation ul li a:hover
{
  color: #FFFFFF;
  background: url(images/tab_over.gif) top left no-repeat;  
}

#navigation ul li a.selected, #navigation ul li a.selected:hover
{
  background: url(images/tab_over.gif) top left no-repeat;  
  color: #FFFFFF;
}

#navigation ul li a.selected:hover
{
  color: #FFFFFF;
}

#priNav {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 50px;
	position: relative;
	width: 970px;
}
#priNav ul {
	list-style-type: none;
	position: relative;
}
#priNav ul li {
	float: left;
	display: inline;
}
#priNav ul li a {
	display: block;
	height: 50px;
}
#priNav ul li a.home {
	background: url(images/Home.gif) no-repeat top left;
	width: 106px;
}
#priNav ul li a.homeCurrent {
	background: url(images/Home.gif) no-repeat top left;
	width: 106px;
	background-position: top right;
}
#priNav ul li a.weddings {
	background: url(images/Weddings.gif) no-repeat 0 0;
	width: 111px;
}
#priNav ul li a.weddingsCurrent {
	background: url(images/Weddings.gif) no-repeat 0 0;
	width: 111px;
	background-position: top right;
}
#priNav ul li a.engagement {
	background: url(images/Engagement.gif) no-repeat 0 0;
	width: 136px;
}
#priNav ul li a.engagementCurrent {
	background: url(images/Engagement.gif) no-repeat 0 0;
	width: 136px;
	background-position: top right;
}
#priNav ul li a.bridal {
	background: url(images/Bridal.gif) no-repeat 0 0;
	width: 94px;
}
#priNav ul li a.bridalCurrent {
	background: url(images/Bridal.gif) no-repeat 0 0;
	width: 94px;
	background-position: top right;
}
#priNav ul li a.bridesfavs {
	background: url(images/Brides-Favs.gif) no-repeat 0 0;
	width: 133px;
}
#priNav ul li a.bridesfavsCurrent {
	background: url(images/Brides-Favs.gif) no-repeat 0 0;
	width: 133px;
	background-position: top right;
}
#priNav ul li a.recentweddings {
	background: url(images/Recent-Weddings.gif) no-repeat 0 0;
	width: 173px;
}
#priNav ul li a.recentweddingsCurrent {
	width: 173px;
	background-image: url(images/Recent-Weddings.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
#priNav ul li a.editorial {
	background: url(images/Editorial.gif) no-repeat 0 0;
	width: 113px;
}
#priNav ul li a.editorialCurrent {
	background: url(images/Editorial.gif) no-repeat 0 0;
	width: 113px;
	background-position: top right;
}
#priNav ul li a.blog {
	background: url(images/Blog.gif) no-repeat 0 0;
	width: 104px;
}
#priNav ul li a.blogCurrent {
	background: url(images/Blog.gif) no-repeat 0 0;
	width: 104px;
	background-position: top right;
}
#priNav ul li a:hover {
	background-position: top right;
}
#priNav ul li .current {
	background-position: top right;
}




/*-----------------SECONDARY NAV STYLES-----------------*/

#secNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	background-color: #303030;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #663333;
}
#secNav {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	height: 30px;
	background-color: #303030;
	width: 970px;
}
#secNav ul {
	width: 910px;
	padding-right: 30px;
	padding-left: 30px;
	list-style-type: none;
	text-align: center;
	padding-top: 5px;
}
#secNav ul li {
	display: inline;
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 13px;
	padding-left: 13px;
}
#secNav ul li a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	font-style: normal;
}
#secNav ul li a:hover {
	color: #E03931;
	text-decoration: underline;
}
#secNav ul li .current {
	color: #E03931;
	text-decoration: none;
}




/*-----------------TERTIARY NAV STYLES-----------------*/

#terNav-container {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	background-image: url(images/BGD-Shadow.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#terNav {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 100px;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
	width: 910px;
}
#terNav .headline {
	float: left;
	margin-top: 40px;
	padding-left: 10px;
	position: relative;
	width: 360px;
}
/*-----------------TERNAV TAGS PAGINATION AND DROP DOWN STYLES-----------------*/
#terNav .tags {
	margin-top: 30px;
	position: relative;
	height: 60px;
	float: right;
	width: 535px;
}
#terNav .tags .dropdowns {
	float: right;
	position: relative;
}
#terNav .tags .pagination {
	float: right;
	position: relative;
	clear: both;
	padding-top: 7px;
	padding-bottom: 7px;
}
#terNav .tags .pagination ul {
	list-style-type: none;
}
#terNav .tags .pagination ul li {
	display: inline;
}
#terNav .tags .pagination ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #303030;
}
#terNav .tags .pagination ul li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #93231E;
}
#terNav .tags .pagination .current {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #626262;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #999999;
	text-decoration: none;
}
/*-----------------TERNAV CART PAGINATION AND SEARCH STYLES-----------------*/
#terNav .cart {
	margin-top: 25px;
	position: relative;
	height: 70px;
	float: right;
	width: 535px;
}
#terNav .cart .pagination {
	float: right;
	position: relative;
	clear: both;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #FFFFFF;
}
#terNav .cart .pagination ul {
	list-style-type: none;
}
#terNav .cart .pagination ul li {
	display: inline;
}
#terNav .cart .pagination ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #303030;
}
#terNav .cart .pagination ul li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #93231E;
}
#terNav .cart .pagination .current {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #626262;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #999999;
	text-decoration: none;
}
#terNav .cart .search {
	float: right;
	position: relative;
}
#terNav .cart .search .searchLogin {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#terNav .cart .search input.button {
	vertical-align: middle;
	height: 25px;
	width: 60px;
	background-image: url(images/Search-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*-----------------SPECIAL STYLES-----------------*/

#special-container {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#special {
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 970px;
	height: 100%;
}




/*-----------------CONTENT STYLES-----------------*/

#content-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content {
	padding-top: 10px;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 30px;
	padding-left: 30px;
	width: 910px;
}
#content .bottom {
	width: 910px;
	float: left;
	position: relative;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
#content .bottom ul {
	list-style-type: none;
	padding-bottom: 1px;
}
#content .bottom ul li {
	display: inline;
	padding-right: 10px;
	color: #CCCCCC;
}
/*-----------------CONTENT PRICON STYLES-----------------*/
#content .priCon {
	width: 910px;
	position: relative;
	float: left;
	color: #FFF;
}
#content .priCon p {
	color: #FFFFFF;
}
#content .priCon td {
	color: #CCCCCC;
}
#content .priCon .bio {
	width: 910px;
	position: relative;
	clear: both;
	float: left;
	margin-bottom: 15px;
}
#content .priCon .bio .image {
	float: left;
	height: 190px;
	width: 300px;
	position: relative;
	margin-right: 15px;
	background-image: url(images/Bio-Shadow.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 10px;
}
#content .priCon .bio .text {
	float: right;
	position: relative;
	width: 573px;
	margin-top: 10px;
}
#content .priCon .main {
	float: left;
	width: 910px;
	position: relative;
	background-image: url(images/1x1Gray.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	margin-bottom: 25px;
}
/*-----------------CONTENT PRICONLEFT STYLES-----------------*/
#content .priConLeft {
	width: 442px;
	float: left;
	position: relative;	/*had to be absolutely positioned to keep IE from expanding 
the white content area extremely to the right and left*/
}
#content .priConLeft ul {
	list-style-type: none;
}
#content .priConLeft ul li {
	display: block;
	margin-bottom: 23px;
	list-style-type: none;
}
/*-----------------CONTENT PRICONRIGHT STYLES-----------------*/
#content .priConRight {
	width: 442px;
	float: right;
	position: relative;
}
#content .priConRight ul {
	list-style-type: none;
}
#content .priConRight ul li {
	display: block;
	margin-bottom: 23px;
	list-style-type: none;
}
/*-----------------CONTENT PRICON SIDEBAR STYLES-----------------*/
#content .priCon .sidebar {
	float: right;
	position: relative;
	padding-right: 30px;
	padding-left: 25px;
}
#content .priCon .sidebar ul {
 list-style-type: none;
}
#content .priCon .sidebar ul li {
	display: block;
	padding-bottom: 15px;
	font-weight: bold;
	color: #FFFFFF;
}
/*-----------------CONTENT BOTTOM PAGINATION STYLES-----------------*/
#content .pagination {
	float: right;
	position: relative;
	width: 910px;
	padding-bottom: 15px;
}
#content .pagination ul {
	list-style-type: none;
	float: right;
	padding-bottom: 1px;
}
#content .pagination ul li {
	display: inline;
}
#content .pagination ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #303030;
}
#content .pagination ul li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #93231E;
}
#content .pagination .current {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #626262;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #999999;
	text-decoration: none;
}
/*-----------------CONTENT BOTTOM CART PAGINATION AND SEARCH STYLES-----------------*/
#content .cart {
	margin-top: 25px;
	position: relative;
	height: 70px;
	float: right;
	width: 535px;
}
#content .cart .pagination {
	float: right;
	position: relative;
	clear: both;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 535px;
	color: #FFFFFF;
}
#content .cart .pagination ul {
	list-style-type: none;
}
#content .cart .pagination ul li {
	display: inline;
}
#content .cart .pagination ul li a {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #303030;
}
#content .cart .pagination ul li a:hover {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #666666;
	text-decoration: none;
	background-color: #93231E;
}
#content .cart .pagination .current {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #626262;
	margin-right: 2px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #999999;
	text-decoration: none;
}
#content .cart .search {
	float: right;
	position: relative;
}
#content .cart .search .searchLogin {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#content .cart .search input.button {
	vertical-align: middle;
	height: 25px;
	width: 60px;
	background-image: url(images/Search-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
}
/*-----------------CONTENT BOTTOM GRADIENT STYLES-----------------*/
#content-btm-gradient-container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
/*	background-image: url(images/BGD-Content-Btm-Gradient.gif);
	background-repeat: repeat-x;
	background-position: center center;*/
}
#content-btm-gradient {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 10px;
}





/*-----------------SPECIAL NOTE FOR ANY CONTENT ABOVE THE FOOTER-----------------*/
/*ANY Container above the footer needs to have the bottom margin set to the same height as the footer. In this case, the footer is 60pixels high. So any div's also need to have a bottom margin of 60pixels high to keep the footer from overflowing into those areas.*/





/*-----------------FOOTER STYLES-----------------*/
#footer {
	position: relative;
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	background-image: url(images/BGD-GradientFooter.jpg);
	background-repeat: repeat-y;
	background-position: center top;	
	/*background-image: url(images/BGD-Footer.gif);
	background-repeat: repeat-x;
        background-position: center bottom;*/
}
#footer .wrapper {
	margin-right: auto;
	margin-left: auto;
	height: 60px;
	padding-right: 30px;
	padding-left: 30px;
	width: 910px;
}
#footer .wrapper ul {
	list-style-type: none;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}
#footer .wrapper ul li {
	display: inline;
	font-size: 11px;
	padding-right: 8px;
	padding-left: 4px;
	background-image: url(images/Separator.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFFFFF;
}
#footer .wrapper ul li a {
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 11px;
}
#footer .wrapper ul li a:hover {
	text-decoration: none;
	color: #CCCCCC;
}
#footer .wrapper ul li .current {
	color: #FFFFFF;
}
#footer .wrapper .LastPipe {
	background: none;
}
#footer .wrapper .email {
	float: right;
	padding-top: 15px;
}
#footer .wrapper .email label {
	font-size: 11px;
	color: #FFFFFF;
	padding-right: 5px;
}
#footer .wrapper .nameBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .wrapper .emailBox {
	border: 1px solid #666666;
	width: 100px;
	font-size: 11px;
	padding: 2px;
	margin-right: 10px;
	height: 20px;
}
#footer .wrapper .email input.button {
	vertical-align: middle;
	background-image: url(images/Submit-Button.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 25px;
	width: 60px;
}

/* image properties */
.imgleft {
	  float: left;
      padding: 6px 10px 6px 0px;	  
}

.imgright {
	  float: right;
      padding: 6px 0px 6px 10px;	  
}
	
img { 
	  border-width: 0px; 
}

/* the headings you can use */
h4, h5, h6, h7
{
	margin: 0px;
	padding: 0px;
	color: black;
}
h4 { /* back to admin options, and other text links like that */
     font-size: 15px;   
     text-align: center;
     font-weight: normal;
     font-weight: bolder;
     color: #FFFFFF;
}
h5 { /* product id in details.php */
     font-size: 12px;
     font-weight: bold;
} 
h6 { /* the headers in editsettings.php */
     font-size: 13px;   
	 text-align: center;
     font-weight: bold;
     color: black;
     border: 1px solid #808080;
	 background: url(images/h6_bg.png) #d9dffb;
}

/* a link class that is pretty plain */
a.plain { text-decoration: none; }
a.plain:link { color: white; }
a.plain:visited { color: white; }
a.plain:active { color: white; }
a.plain:hover { color: white; }


/* (?) popup properties */
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:red; 
    color:#000;
    text-decoration:none;
    font-size: 11px;
    font-weight: normal;
}

a.info:hover{z-index:90; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    z-index: 90;
    top:2em; left:1em; width:25em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: left
}

/* tables of this class have no border */
table#borderless {
	border-collapse: collapse;
	border-style: hidden;
}
table.borderless th,
table.borderless td {
	border: 0px;
	padding: 0px;
	border-style: hidden;
	vertical-align: top;
        color: #FFFFFF;
	background-color: #000000;
}
table.borderless caption {
		font-size: 14px;
		font-weight: bold;
		color: #CC3333;
		text-align: center;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-left: auto;
		margin-right: auto;
}


/* a class that describes how tables should look */
.datatable {
		border: 1px solid #FFFFFF;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatable td {
		border: 1px solid #FFFFFF;	
		padding: 8px;
		text-align: left;
    	        vertical-align: top;
		background-color: #000000;
                color: #FFFFFF;
}
.datatable th {
		background-color: #660000;
		font-weight: bold;
		color: #ffffff;
		text-align: left;
		padding: 0px;
        	border: 0px solid #FFFFFF;

}

.datatable caption {
		font-size: 14px;
		font-weight: bold;
		color: #CC3333;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable tr.altrow {
		background-color: #E9EEF5;
		color: #FFFFFF;
}
/*.datatable tr:hover, .datatable tr.hilite {
		background-color: #dff;
		color: #FFFFFF;
}*/

/* a class that describes how tables should look */
.datatable2 {
		border: 1px solid #FFFFFF;
		border-collapse: collapse;
		margin-left:auto; 
		margin-right:auto;
}
.datatable2 td {
		border: 1px solid #FFFFFF;	
		padding: 1px;
		text-align: left;
    	        vertical-align: top;
		background-color: #FFFFFF;
                color: #FFFFFF;
}
.datatable2 th {
		background-color: #660000;
		font-weight: bold;
		color: #ffffff;
		text-align: left;
		padding: 1px;
        	border: 0px solid #FFFFFF;

}

.datatable2 caption {
		font-size: 14px;
		font-weight: bold;
		color: #660000;
		text-align: left;
		padding-top: 3px;
		padding-bottom: 8px;
		margin-left: auto;
		margin-right: auto;
}
.datatable2 tr.altrow {
		background-color: #E9EEF5;
		color: #FFFFFF;
}

/*
// "Simple Image Gallery PRO" Plugin for Joomla 1.5.x - Version 1.2
// Copyright (c) 2006 - 2008 JoomlaWorks (Komrade LLC) - http://www.joomlaworks.gr
// This code cannot be redistributed without permission from http://www.joomlaworks.gr/
// More info at: http://www.joomlaworks.gr/
// Developers: Fotis Evangelou - George Chouliaras
// ***Last update: February 8th, 2008***
*/

/* --- Thumbnail styling --- */
table.contentpaneopen {width:100%;}

.sig {clear:both;margin:0px;padding:12px;display:table;/*position:relative;*/}
.sig_clr {clear:both;}
.sig_cont {float:left;/*position:relative;*/}
.sig_cont .sig_thumb {float:left;margin:0px 5px 5px 0px;padding:0px;background:url(images/shadowAlpha.png) no-repeat bottom right !important;background:url(shadow.gif) no-repeat bottom right;}
.sig_cont .sig_thumb a {display:block;position:relative;background:none;text-decoration:none;}
.sig_cont .sig_thumb a:hover {display:block;position:relative;background:none;text-decoration:none;}
.sig_cont .sig_thumb a img {display:block;position:relative;background:#FFF;border:1px solid #ccc;margin:-5px 5px 5px -5px;padding:4px;}

/* --- Caption/Label styling --- */
.sig_cont .sig_thumb a span.sig_pseudocaption,
.sig_cont .sig_thumb a:hover span.sig_pseudocaption {display:block;text-align:center;margin:0px;padding:2px;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=40);position:absolute;bottom:5px;left:0px;right:4px;}
.sig_cont .sig_thumb a span.sig_pseudocaption {background:#000;}
.sig_cont .sig_thumb a:hover span.sig_pseudocaption{background:#fff;}
.sig_cont .sig_thumb a span.sig_pseudocaption b {visibility:hidden;margin:0px;padding:2px;}
.sig_cont .sig_thumb a span.sig_caption,
.sig_cont .sig_thumb a:hover span.sig_caption {display:block;text-align:center;margin:2px auto 0px auto;padding:2px;position:absolute;width:auto;cursor:pointer;bottom:5px;left:0px;right:4px;}
.sig_cont .sig_thumb a span.sig_caption {color:#fff;}
.sig_cont .sig_thumb a:hover span.sig_caption {color:#333;}

/* --- END --- */