/* page structure, basic styles */

form{
	margin : 0;
	padding : 0;
}

form#secure{
	margin : 0;
	padding : 0;
	display:inline;
}

.cartbutton{
	color: #FFF;
	background: #888;
	font-size: 10px;
	width : 120px;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial,  Helvetica, Sans-serif;
	font-size: 11px;
	color: #5F5F5F;
	text-align: center;
	background: #EEE url(images/page-bg.gif) top left repeat;
}

#container{
	width:760px;
	margin:0 auto;
	text-align:left;
	height: 100%;
	}

#nav{
	text-align:center;
	width: 760px;
	font-size: 10px;
	background: url(images/nav-bg.gif) bottom left repeat-x;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #CCC;
}

#menu{
	padding:0;
	margin:0;
	background : url(images/nav-bg-l.gif) bottom left no-repeat;
}

#main{
	margin: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	width:760px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #CCC;
	background: #FFF;
	}

	#fittedweddingrings{
	background: url(/images/fullsize/JR_09A.jpg)  right 50px  no-repeat;
}
body#home div#main{
	background: #FFF url(images/main-bg.jpg) 55px 60px no-repeat;
}

body#ow div#main{
	background: #FFF url(images/ourworld-bg.jpg) top right no-repeat;
}

body#remod div#main{
	background: #FFF url(images/fullsize/wave-3-set.jpg) top right no-repeat;
}

body#special div#main{
	background: #FFF url(images/special-bg.jpg) top right no-repeat;
}

body#spurgeon div#main{
	background: #FFF url(images/spurgeon-bg.jpg) top right no-repeat;
}

body#contact div#main{
background: #FFF url(images/contact-bg.jpg) 10px 75px no-repeat;
}

body#help div#main{
background: #FFF url(images/ourworld-bg.jpg) top right no-repeat;
}

body#terms div#main{
background: #FFF url(images/ourworld-bg.jpg) top right no-repeat;
}

body#contact div#main p{
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 20px 60px;
	padding: 0;
}

#contactform{
	float:right;
	width: 410px;
	margin: 0 20px 0 0 ;
	padding: 0;
}

#sub{
width: 760px;
border-width: 0 1px 1px 1px;
border-style: solid;
border-color: #CCC;
padding-top: 30px;
padding-bottom: 30px;
background: #FFF url(images/sub-bg.gif) top left no-repeat;
}

#footer{
	margin-top: 20px;
	height: 27px;
	text-align: center;
	background: #DDD url(images/footer-logo.gif) no-repeat top left;
	}

/*styling of main div content */

a:link, a:visited{
	color:#888;
	text-decoration:none;
}

a:hover, a:active{
	color: #555;
}

#main h1{
	margin:0 300px 15px -8000px;
	padding:0;
	font-size: 32px;
}

#main h1#othermain{
	margin:0 300px 5px 50px;
	padding:0;
	font-size: 48px;
	line-height:1;
}

#main h2{
	color:#888;
	padding:0;
	margin:0 0 15px 50px;
	font-weight: normal;
}

#main h3{
	color:#888;
	padding:0;
	margin:0 0 15px 50px;
	font-size: 15px;
}

#main p{
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 350px 20px 60px;
	padding: 0;
}

#main ul{
	text-align: left;
	margin: 0 350px 20px 60px;
	padding: 0;
}

#main li{
 margin: 0 0 5px 10px;
 font-size: 13px;
 padding: 0;
}

#main table#rings{
	margin: 0 0 10px 50px;
	width: 300px;
}

#main table#rings th{
	font-size: 11px;
	width: 100px;
	text-align: left;
	background: #CCC;
}

#main table#rings td{
	font-size: 11px;
	width: 100px;
	text-align: left;
	background: #EEE;
}

#main img#mainimage{
	float: left;
	margin: 0 10px 10px 50px;
}

#main h3#producttitle{
	margin: 0 0 10px 25px;
}

#main p#description{
	margin: 0 0 10px 25px;
	font-size: 11px;
}

#main form{
	padding: 0;
	margin:0;
}

#main label{
	 width: 125px;
	 min-width:125px;
	 vertical-align : top;
	}

#main input{
	width: 165px;
	margin: 0;
	padding:0;
}

#main textarea{
	width: 165px;
	margin: 0;
	padding:0;
}

#main input.btn{
	margin: 0;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	background: #EEE;
	border: 1px solid #555;
}

#main input.radio{
	width: 30px;
}

#main input#submit_order_form_button{
	margin: 15px 0 15px 230px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	background: #EEE;
	border: 1px solid #555;
}

#main input#reset{
	margin: 15px 0 15px 10px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555;
	background: #EEE;
	border: 1px solid #555;
}

#main.orderform p{
	background: #EEE;
	margin: 0 50px 2px 50px;
	padding: 5px;
}

#main.orderform h3{
	border-bottom: 1px solid #555;
	padding: 0 5px 5px;
	margin: 15px 50px 0 50px;
}

#main.orderform h4{
	font-size:11px;
	font-weight: bold;
	border-bottom: 1px solid #555;
	padding: 0 5px 5px;
	margin: 15px 50px 0 50px;
}

.add{
	color: #FFF;
	background: #888;
	font-size: 10px;
	}

	#main input#quantity{
	width:20px;
	font-size : 10px;
}

#main ul#thumbs{
	margin:30px 50px;
	width: 100%;
}

#main div#fiorelli{
	margin:10px 60px;
}

#main ul#thumbs li, #main div#fiorelli p{
	float:left;
	width: 105px;
	list-style: none;
	padding:5px;
	font-size: 10px;
	text-align: center;
}

#main div#fiorelli p{
	margin: 0 4px 10px 4px;
	height: 150px;
}

#main ul#weddingthumbs{
	margin:30px 50px 30px 65px;
	width: 100%
}

#main ul#weddingthumbs li{
	float:left;
	width: 105px;
	list-style: none;
	padding:5px;
	font-size: 10px;
	text-align: center;
}

ul#thumbs li a:link, ul#thumbs li a:visited{
	color: #D1D1D1;
}

ul#thumbs li a:hover, ul#thumbs li a:active{
	color: #666;
}

ul#weddingthumbs li a:link, ul#weddingthumbs li a:visited{
	color: #D1D1D1;
}

ul#weddingthumbs li a:hover, ul#weddinghumbs li a:active{
	color: #666;
}
#main ul#weddingthumbs2{
	margin:30px 50px 30px 125px;
	width: 100%
}

#main ul#weddingthumbs2 li{
	float:left;
	width: 105px;
	list-style: none;
	padding:5px;
	font-size: 10px;
	text-align: center;
}

ul#weddingthumbs2 li a:link, ul#weddingthumbs2 li a:visited{
	color: #D1D1D1;
}

ul#weddingthumbs2 li a:hover, ul#weddinghumbs2 li a:active{
	color: #666;
}

#eternityrings ul#thumbs{
	margin-left: 150px;
}

body#contact div#contactform p{
	background: #EEE;
	padding:6px;
	margin: 0 0 2px 50px;
}

.clearboth{
	clear: both;
}

h2#diamond{
	font-size:20px;
	margin-top:0px;
	width: 350px;
	text-align:right;
}

h2#wedding{
	font-size: 20px;
	font-weight:normal;
	width: 275px;
	text-align:right;
}

h2#special{
	font-size:24px;
	font-weight:normal;
	width: 245px;
	text-align:right;
}

h2#eternity{
	font-size:26px;
	font-weight:normal;
	width: 175px;
	text-align:right;
}

h2#eternitytag{
	font-size:20px;
}

h2#eternitytag2{
	font-size: 20px;
}

h2#paul{
	font-size: 18px;
	font-weight:normal;
	width: 320px;
	text-align:right;
}

h2#disc{
	font-size: 22px;
	font-weight:normal;
	width: 225px;
	text-align:right;
}

h2#ellipse{
	font-size: 22px;
	font-weight:normal;
	width: 300px;
	text-align:right;
}

h2#tulip{
	font-size: 22px;
	font-weight:normal;
	width: 325px;
	text-align:right;
}

h2#remodelling{
	font-size:24px;
	font-weight:normal;
	margin-bottom: 10px;
	width: 360px;
	text-align:right;
}

h2#our{
	font-size: 36px;
	font-weight:normal;
	width: 400px;
	text-align:right;
	margin-bottom: 0;
}

h2#necklaces{
	font-size:22px;
	font-weight:normal;
	width: 225px;
	text-align:right;
}

h2#bracelets{
	font-size:24px;
	font-weight:normal;
	width: 225px;
	text-align:right;
	margin-top:55px;
}

h2#celtic{
	font-size:24px;
	font-weight:normal;
	width:185px;
	text-align:right;
}

h2#mens{
	font-size:24px;
	font-weight:normal;
	width: 195px;
	text-align:right;
}

h2#earrings{
	width:300px;
	font-size: 21px;
}

h2#tag{
	font-size: 18px;
	font-weight: normal;
	margin-left: 100px;
	margin-bottom: 50px;
}

h2#tag strong{
	font-size: 24px;
	font-style: italic;
}

h2#click{
	margin-left: 190px;
	margin-top: 50px;
	color: #C7C7C7;
	font-size: 18px;
}

h3#schedule{
	margin-left: 330px;
}

h3#address{
	margin-top: 280px;
}

#main h1.johnhandy{
	font-size:48px;
	margin:0 0 10px 50px;
	padding: 0;
}

#main h2.johnhandy{
	font-size:48px;
	margin:0 0 10px 50px;
}

#main h2.helvetica{
	font-size:18px;
	margin:0px 350px 10px 50px;
}

/* sub div stylings */
#sub h1{
	font-size: 36px;
	margin: 0 10px 10px 20px;
}

#sub p#para1{
	margin: 0 10px 10px 20px;
	float: left;
	display: inline;
	width: 340px;
	padding: 0;
	line-height: 120%;
}

#sub p#para2{
margin: 0 10px 10px 20px;
	float: left;
	width: 340px;
	padding:0;
	line-height: 120%;
}

/* nav div stylings */
#nav h1{
	font-size: 16px;
	margin: 0 10px 10px 20px;
}

#nav ul{
	margin: 0;
	padding-bottom:20px;
	padding-top: 5px;
	background: url(images/nav-bg-r.gif) bottom right no-repeat;
}

#nav li{
	display: inline;
	list-style: none;
	margin: 0  7px 10px 0;
	}

#nav p{
	margin: 0 10px 10px 20px;
}

#nav form{
	margin:0;
	padding:0;
	display:inline;
}

#nav select{
	margin: 0;
	padding:0;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #999;
	color: #555;
}

#nav input#search{
	margin: 0 2px 0 0;
	padding:0;
	width: 80px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	font-size: 9px;
	color: #555;
}

#nav input#submit{
	margin: 0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: 1px solid #999;
}

#nav a{
	color: #AAA;
}

#nav a:hover{
	color: #666;
}

#nav label{
	color: #AAA;
}
#nav a#home{
	padding-left: 14px;
	background: url(images/home-bg.gif) left 0 no-repeat;
}

#nav a#basket{
	padding-left: 14px;
	background: url(images/basket-bg.gif) left 0 no-repeat;
}

#nav a#help{
	padding-left: 14px;
	background: url(images/help-bg.gif) left 0 no-repeat;
}

#nav a#terms{
	padding-left: 14px;
	background: url(images/terms-bg.gif) left 0 no-repeat;
}

#nav a#contact{
	padding-left: 14px;
	background: url(images/contact-bg.gif) left 0 no-repeat;
}

/* footer content styles */
#footer p{
	padding-top: 8px;
	color: #999;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 48px;
}

.sIFR-hasFlash h1#othermain {
	visibility: hidden;
	font-size: 48px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 32px;
}

.sIFR-hasFlash h2#click {
	visibility: visible;
	font-size: 18px;
}

.sIFR-hasFlash h1.johnhandy {
	visibility: hidden;
	font-size: 48px;
}

.sIFR-hasFlash h2.johnhandy {
	visibility: hidden;
	font-size: 48px;
}

.sIFR-hasFlash h3 {
	visibility: visible;
	font-size: 18px;
}

p#description{ padding-right:40px;}

select#celtic{width:180px;}