/*  
Theme Name: Romero Designs
Theme URI: http://www.custom-photo-jewelry.com
Description: The theme of custom-photo-jewelry.com
Version: 1.0

*/

body{
margin-top: 0px;
font-family: Verdana, Arial, Helvetica, Georgia, Sans-serif;
text-align: center;
background: #8CAED6;
}

#wrapper{
float: center;
width: 910px;
margin: 0 auto 0 auto;
}

#header{
clear: both;
float: left;
height: 119px;
width: 910px;
background-image: url('../images/header5.jpg');
background-repeat: no-repeat;
}

#header h1{
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
color: #4486C2;
font-size: 26px;
margin: 57px 30px 0 0;
text-align: right;
font-weight: normal;
}

#header h2{
font-family: Verdana, Arial, Tahoma, Eras Bold ITC;
color: #4486C2;
font-size: 11px;
margin: 5px 34px 0 0;
text-align: right;
font-weight: normal;
}

#header img{
margin: 7px 0 0 554px;
}

.subheader{
	clear: both;
	float: left;
	height: 35px;
	width: 900px;
	background: #8CAED6;
	border-style: solid;
	border-width: 5px;
	border-color: #ffffff;
	text-align: center;
}

.subheader h2{
color: #ffffff;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Georgia, Sans-serif;
margin: 8px 0 0 0;
font-weight: normal;
}

.subheader h2 a:link, .subheader h2 a:active, .subheader h2 a:visited{
color: #ffffff;
text-decoration: none;
}

.subheader h2 a:hover{
color: #BECCDD;
text-decoration: underline;
}

#container{
clear: both;
float: left;
width: 900px;
padding: 0 0 25px 0;
background: #DDD8D3;
border-style: solid;
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 0;
border-bottom-width: 0;
border-color: #ffffff;
}

#inner{
padding: 0 20px 0 20px;
}

#inner2{
padding: 0 21px 0 21px;
}

#content{
float: center;
width: 836px;
background: #DDD8D3;
margin: 25px 12px 0 12px;
}

#orderform {
float: center;
width: 788px;
height: 1200px;
background: #654A4A;
margin: 25px 12px 0 12px;
padding: 20px;
text-align: left;
font-size: 12px;
color: #ffffff;
border-style: solid;
border-color: #2E2222;
border-width: 4px;
}

.orderform-bold {
color: #ffffff;
font-weight: bold;
font-size: 12px;
text-decoration: underline;
}

.formcontent {
float: left;
width: 550px;
margin-left: 20px;
}

#page-title{
clear: both;
float: left;
width: 820px;
height: 35px;
background: #DDD8D3;
margin: 8px 8px 15px 8px;
}

#page-title h1, #page-title h1 a:link, #page-title h1 a:active, #page-title h1 a:visited, #page-title h1 a:hover{
	color: #3399cc;
	margin: 3px 0 0 0;
	font-size: 20px;
	font-family: Verdana, Arial, Tahoma, Eras Bold ITC;
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
}

#page-content h2{
color: #ffffff;
font-size: 14px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: center;
font-weight: normal;
margin: 0 25px 0 25px;
padding: 0 0 15px 0;
line-height: 22px;
}

#page-content h3{
	color: #747273;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
	text-align: center;
	font-weight: normal;
	margin: 0 25px 0 25px;
	padding: 0 0 15px 0;
}

#page-content h3 a:link, #page-content h3 a:active, #page-content h3 a:visited, #page-content h3 a:hover{
color: #BECCDD;
font-weight: bold;
}

.sale-items{
	clear: both;
	float: left;
	width: 826px;
	height: 35px;
	background: #D9DEB0;
	margin: 8px 8px 10px 12px;
	border-style: solid;
	border-width: 5px;
	border-color: #747273;
}

.sale-items h3, .sale-items h3 a:link, .sale-items a:active, .sale-items h3 a:visited, .sale-items h3 a:hover{
	color: #747273;
	margin: 8px 0 0 0;
	font-size: 14px;
	font-family: Verdana, Arial, Tahoma, Eras Bold ITC;
	text-align: center;
	font-weight: normal;
	text-decoration: underline;
}

.media-left{
float: left;
background: #747273;
width: 417px;
height: 530px;
margin: 2px 1px 0 12px;
}

.media-right{
float: left;
background: #747273;
width: 417px;
height: 530px;
margin: 2px 12px 0 1px;
}

.media-left h3{
color: #abbdd3;
font-size: 14px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: center;
font-weight: bold;
margin: 15px 20px 0px 20px;
}

.media-right h3{
color: #abbdd3;
font-size: 14px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: center;
font-weight: bold;
margin: 15px 20px 0px 20px;
}

.media-left h4, .media-right h4{
color: #ffffff;
font-size: 12px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: center;
font-weight: normal;
margin: 1px 20px 0px 20px;
}

.about{
	float: left;
	background: #747273;
	width: 836px;
	height: 128px;
	margin: 2px 2px 0 12px;
}

.about h3{
color: #dcdc94;
font-size: 14px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: center;
font-weight: normal;
margin: 30px 45px 0px 45px;
line-height: 22px;
}

.about2{
float: left;
background: #837373;
width: 836px;
height: 25px;
margin: 2px 12px 0 12px;
}

.about2 h3{
color: #BECCDD;
font-size: 12px;
font-family: Verdana, Arial, Tahoma, Eras Bold ITC;
text-align: right;
font-weight: strong;
margin: 4px 23px 0px 0px;
}

.aboutimg{
	float: left;
	background: #747273;
	width: 139px;
	height: 128px;
	margin: 2px 12px 0 0;
	background-repeat: no-repeat;
}

.links{
float: left;
background: #747273;
width: 836px;
margin: 8px 12px 0 12px;
padding: 15px 0 15px 0;
}

.links h2{
color: #dcdc94;
font-size: 14px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: left;
font-weight: normal;
line-height: 22px;
margin: 0 45px 0 45px;
}

.links h2 a:link, .links h2 a:active, .links h2 a:visited, .links h2 a:hover{
color: #dcdc94;
text-decoration: underline;
}

.links h3{
color: #ffffff;
font-size: 12px;
font-family: Arial, Verdana, Tahoma, Eras Bold ITC;
text-align: left;
font-weight: normal;
line-height: 16px;
margin: 5px 45px 3px 45px;
}

.charities{
float: left;
background: #747273;
width: 836px;
height: 145px;
margin: 2px 12px 0 12px;
}

.charities-spacer{
float: left;
width: 19px;
height: 128px;
}

.charities-link{
float: left;
width: 114px;
height: 128px;
}

.charities-link img{
float: left;
margin: 20px 23px 5px 23px;
border-style: solid;
border-color: #ffffff;
border-width: 4px;
}

.charities-link:hover img{
border-color: #BECCDD;
}

.charities-link h3 a:link, .charities-link h3 a:active, .charities-link h3 a:visited{
color: #BECCDD;
font-weight: normal;
font-size: 9px;
padding: 3px 0 3px 0;
}

.charities-link h3 a:hover{
color: #ffffff;
}

.charities2{
float: left;
background: #837373;
width: 836px;
height: 160px;
margin: 2px 12px 0 12px;
}

#navigation{
clear: both;
float: left;
width: 900px;
padding: 0;
margin: 0;
background: #ffffff;
border-style: solid;
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 0;
border-bottom-width: 0;
border-color: #ffffff;
}

.navimg{
float: left;
height: 80px;
width: 75px;
margin: 0;
padding: 0;
background: #ffffff;
}

.navimg img{
border-style: none;
}

.navimg img:hover{
margin: -5px 0 0 0;
border-bottom-style: solid;
border-bottom-width: 5px;
border-bottom-color: #BECCDD;
border-top-style: solid;
border-top-width: 5px;
border-top-color: #BECCDD;
}

#footer{
	clear: both;
	float: center;
	width: 900px;
	height: 119px;
	background: #D9DEB0;
	border-style: solid;
	border-left-width: 5px;
	border-right-width: 5px;
	border-top-width: 0;
	border-bottom-width: 5;
	border-color: #ffffff;
}

#footer p{
	margin: 0;
	padding: 25px 50px 20px 50px;
	color: #747273;
	font-family: Arial, Verdana, Tahoma;
	font-size: 11px;
	text-align: center;
}

#footer a:link, #footer a:active, #footer a:visited{
color: #2E2B33;
text-decoration: none;
}

#footer a:hover{
color: #2E2B33;
text-decoration: underline;
}

.photo-jewelry{
float: left;
margin: 0 12px 0 12px;
width: 191px;
height: 280px;
}

.photo-jewelry-center{
float: center;
margin: 0 12px 0 12px;
width: 191px;
height: 248px;
}

.one-item-spacer{
float: left;
width: 322px;
height: 248px;
}

.two-item-spacer{
float: left;
width: 214px;
height: 248px;
}

.three-item-spacer{
float: left;
width: 107px;
height: 248px;
}

.product-header{
	clear: both;
	float: left;
	margin: 25px 0 0 0;
	width: 191px;
	height: 32px;
	background: #747273;
	text-align: center;
}

.product-header h3{
margin: 8px 0 0 0;
font-size: 12px;
font-family: Verdana, Arial, Eras Bold ITC;
color: #9BB2CE;
font-weight: normal;
text-decoration: underline;
}

.product-header a:link, .product-header a:active, .product-header a:visited{
color: #BECCDD;
}

.product-header a:hover{
color: #ffffff;
}

.mothers-day{
color: #ffb9ff;
text-decoration: underline;
}

.mothers-day a:hover{
color: #ffffff;
text-decoration: underline;
}

.fathers-day{
color: #ffffff;
text-decoration: underline;
}

.fathers-day a:hover{
color: #ffffff;
text-decoration: underline;
}

.pink-text{
color: #ffb9ff;
font-size: 14px;
}

.blue-text{
color: #BECCDD;
font-size: 14px;
}

.product-image{
clear: both;
float: left;
margin: 0;
width: 191px;
height: 191px;
background: #ffffff;
}

.product-image img{
border-style: solid;
border-color: #ffffff;
border-width: 8px;
}

.product-image:hover img{
border-style: solid;
border-color: #BECCDD;
border-width: 8px;
}

.order{
	clear: both;
	float: left;
	margin: 12px 0 3px 0;
	width: 191px;
	height: 32px;
	background: #747273;
	text-align: center;
}

.order h3{
font-size: 12px;
font-family: Verdana, Arial, Eras Bold ITC;
color: #9BB2CE;
font-weight: normal;
text-decoration: underline;
}

.order a:link, .order a:active, .order a:visited{
color: #BECCDD;
}

.order a:hover{
color: #ffffff;
}

.nav-photo-jewelry{
clear: both;
float: center;
}

.nav-prev{
clear: both;
float: center;
margin: 50px 0 0 0;
width: 175px;
height: 175px;
background-image: url('../images/previous-on.gif');
}

.nav-prev a, .nav-prev a:link, .nav-prev a:active, .nav-prev a:visited{
display: block;
}

.nav-prev img {
width:100%;
height:100%;
border:0;
}

.nav-prev a:hover img {
visibility:hidden;
}

.nav-next{
clear: both;
float: center;
margin: 50px 0 0 0;
width: 175px;
height: 175px;
background-image: url('../images/next-on.gif');
}

.nav-next a, .nav-next a:link, .nav-next a:active, .nav-next a:visited{
display: block;
}

.nav-next img {
width:100%;
height:100%;
border:0;
}

.nav-next a:hover img {
visibility:hidden;
}

.nav-product-header{
clear: both;
float: center;
margin: 65px 0 0 0;
width: 130px;
height: 22px;
background: #2E2222;
text-align: center;
}

.nav-product-header h3{
margin: 5px 0 0 0;
font-size: 10px;
font-family: Verdana, Arial, Eras Bold ITC;
color: #9BB2CE;
font-weight: normal;
text-decoration: underline;
}

.nav-product-header a:link, .nav-product-header a:active, .nav-product-header a:visited{
color: #BECCDD;
}

.nav-product-header a:hover{
color: #ffffff;
}

.nav-product-image{
clear: both;
float: center;
margin: 0;
width: 130px;
height: 130px;
background: #ffffff;
}

.nav-product-image img{
border-style: solid;
border-color: #e4e4e4;
border-width: 6px;
}

.nav-product-image:hover img{
border-style: solid;
border-color: #BECCDD;
border-width: 6px;
}

.product-image-form{
clear: both;
float: left;
margin: 0;
width: 191px;
height: 191px;
background: #000000;
}

.product-image-form img{
border-style: solid;
border-color: #E4E4E4;
border-width: 8px;
}

.product-image-form:hover img{
border-style: solid;
border-color: #BECCDD;
border-width: 8px;
}

.representatives{
float: left;
width: 264px;
height: 264px;
margin: 0 10px 0 12px;
}

.representatives-header{
clear: both;
float: left;
width: 264px;
height: 32px;
margin: 25px 0 0 0;
background: #2E2222;
text-align: center;
}

.representatives-header h3{
margin: 8px 0 0 0;
font-size: 12px;
font-family: Verdana, Arial, Eras Bold ITC;
color: #9BB2CE;
font-weight: bold;
text-decoration: underline;
}

.representatives-header a:link, .representatives-header a:active, .representatives-header a:visited{
color: #BECCDD;
}

.representatives-header a:hover{
color: #ffffff;
}

.representatives-image{
clear: both;
float: left;
margin: 0;
width: 264px;
height: 207px;
background: #ffffff;
}

.representatives-image img{
float: left;
border-style: solid;
border-color: #ffffff;
border-width: 7px;
}

.representatives-image:hover img{
border-color: #BECCDD;
}