/* CSS Document */

html{
text-align:center;
}

body{
	background: url(images/bg.gif) 0 0 repeat-x;
	margin:0px auto 10px auto;
	padding:0px;
	width:800px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align:left;

}


#head{
	height:130px;
	padding:0px;
	margin:0px;
}

#headlogo{
background:url(images/vr_head2.jpg) 50% 0 no-repeat;
height:130px;
width: 800px;
margin:0;
padding:0px;
}



#headmenu{
	float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	margin:0;
	padding:0;
	position : relative;
	top:2px;
}

#headmenu li{
	display:inline;
}

#headmenu li a{
	color: #fff;
	text-decoration :none;
	padding-left: 4px;
}

#headmenu li a:hover{
	color: #FFDD81;
	text-decoration : underline;
}

#pagemenublock{
	margin:2px 0 0 0;
	_margin-top:-14px;
	_margin-bottom:14px;
	padding:0px;
	height:30px;
	width:800px;
	text-align:left;
}

#pagemenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px;
	margin:0px;
}

#pagemenu li{
display:inline; 
padding-right:10px;
}

#pagemenu li a{
	color:#fff;
	text-decoration:none;
}
#pagemenu li a:HOVER{
	color:#fff;
	text-decoration:none;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#FFBA00;
	background-color:#006FAA;
}


#main{
	background-image:url(images/Watch.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
	border:#005994 solid 1px;
	margin:0px;
	_margin:-15px 0px;
	padding:0px;
}


#mainleft{
	float:left;
	width:240px;
	margin:0px 0 10px 0;
	padding:185px 0px 0px 5px;
	border-right:#CCDEEA solid 1px;
	
}

#mainright{
	float:right;
	width:542px;
	margin:18px 0px 10px -2px;
	padding: 0 5px;
	border-left:#CCDEEA solid 1px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	
}

#mainleft .pagetrail{
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:25px;
	text-transform:capitalize;
	color:#005994;
	padding:0px;
	text-align:left;
	margin:-185px 0 185px 0;

}

#mainleft #shopmenuheader{
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:20px;
	color:#005994;
	padding:0px 0px 10px 0px;
	text-align:left;
	margin:0px 5px 0px 0px;
	border-bottom:#005994 solid 1px;
}


#mainleft h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#005994;
	padding:0 0px 2px 0;
	margin:10px 5px 0 0;
	_margin:10px 5px 7px 0;
	border-bottom:#000000 dotted 1px;
}



#mainright #shopcategory{
	text-align:left;
	border-bottom:#000000 dotted 1px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#005994;
	padding:0 0 6px 0;
	margin:0 0 10px 0;
}

.clearboth{
	clear:both;
	margin:0px;
	padding:0px;
	height:0px;
}


div.ProductPageIndex {
text-align:center;
font: normal 12px georgia, times new roman, times, serif;
padding: 0 0 10px 0;
}
div.ProductPageIndex a{
text-decoration:none;
color:#005994;
padding: 0 3px 0 3px;
}

div.ProductPageIndex a b{
font-size:14px;
border: 1px solid #FFBA00;
padding: 0 3px 0 3px;
}

div.ProductPageIndex span{
display:block;
}

.productRow{
	margin:  0 0 10px 0;
	padding : 0 10px 10px 10px;
	_padding: 10px;
	border-bottom : 1px dashed #005994;
}

.productRow h2, .moreDetails h2{
font-family : georgia, serif ;
		width:350px;
		font-size : 14px;
}


.productRow a{
	text-decoration:none;
	color:#005994;
	font-weight : bold;
}

.productRow p.price{
	color:#005994;
	font-weight : bold;
	padding: 5px 0;
}

.productRow a:HOVER{
	text-decoration:underline;
	color:#005994;
}

.productRow .thumb{
	margin-bottom: 20px;
}

* html body .productRow, * html body .moreDetails{
	height: 1%;
	}

.productRow img{
	padding: 2px;
	background: #fff;
	border: 1px solid #CCDEEA;
	margin-bottom: 10px;
	width:150px;
}

.productRow label, .moreDetails label{
	padding-right: 8px;
	font-weight : bold;
}

.productRow .quantity{
	float:right;
}

.productRow .productOptions{
	clear: both;
}

.productRow .productOptions strong, .moreDetails .productOptions strong{
background: #E5EEF4 url(images/options-head-bg.gif) left bottom repeat-x;
display:block;
border-bottom: 1px solid #85AFCB;
padding: 8px;
}

.productRow .productOptions label, .moreDetails .productOptions label{
	display:block;
	padding:8px 8px 8px 160px;
	margin-bottom: 1px;
	font:  11px Verdana, Arial, sans-serif;
	background: #F0F5F9;
color:#0A50A1;
text-align: right;
}

.productRow .productOptions label span, .moreDetails .productOptions  label span{
    position: relative;
	left: -150px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -140px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}

.productRow .productOptions b, .moreDetails .productOptions b{
display: block;
width: auto;
padding: 10px;
color: #005790;
background : #F0F5F9;
border-bottom: 1px solid #fff;
}

.productRow .productOptions select, .moreDetails .productOptions select{
	margin-left: 10px;
	vertical-align:middle;
	}

.moreDetails{
	border-bottom : 1px dashed #005994;
}

.moreDetails img{
	padding: 2px;
	background: #fff;
	border: 1px solid #CCDEEA;
	margin-bottom: 10px;
}

.moreDetails .quantity{
	float:right;
}

.moreDetails .productOptions{
padding: 5px;
}

.moreDetails .backbutton{
margin:0 auto 20px 200px;
color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color : #005790;
	border:1px solid #005790;
	cursor : pointer;
	padding: 2px;
text-align:center;
}

p.clearboth{
	text-align : center;
}

p.clearboth input{
		color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color : #005790;
	border:1px solid #005790;
	cursor : pointer;
	padding: 2px;

	margin: 20px 0px;
}


.floatleft{
	float:left;
	padding: 0 10px 5px 0;
}

.floatright{
	float:right;
	padding: 0 0 5px 5px;
}

input.button{
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color : #005790;
	border:1px solid #005790;
	cursor : pointer;
	padding: 2px;
}

a.button{
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color : #005790;
	border:1px solid #005790;
	cursor : pointer;
	text-decoration : none;
	padding: 3px;
}

input.qty{
	width: 15px;
	text-align: right;
	padding: 3px;
}


#Scotland, #Scotland ul{
	text-align:left;
	padding:0px;
	font-size:11px;
	color:#005994;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style:none;
	_margin:0;
}

#Scotland a{
	text-decoration:none;
	display: inline;
	padding:0 5px 0 5px;
	color:#005994;
}

#Scotland li {
	display:block;
	position : relative;
}

#Scotland li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	background-color:#E5EEF4;
	text-align:left;
	height: auto;
	padding : 0 0 0 5px;
}
#Scotland li:hover, #Scotland li.sfhover{background: #E5EEF4;}

#Scotland li:hover ul, #Scotland li.sfhover ul{
top:-4px;
_top:-2px;
left:75px;
	background-color:#E5EEF4;
	border:1px solid #2A205F;
	z-index:10001;
		padding: 5px;
}

#Scotland li ul li{
	padding-top:0px;
	padding-bottom:0px;
	display : block;

}


#Scotland a:hover{
	color:#0A50A1;
	text-decoration : underline;
}

/* England menu*/

#England, #England ul{
	text-align:left;
	padding:0px;
	font-size:11px;
	color:#005994;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style:none;
	_margin:0;
}

#England a{
	text-decoration:none;
	display: inline;
	padding:0 5px 0 5px;
	color:#005994;
	
}

#England li {
	display:block;
	position : relative;
	
}

#England li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	background-color:#E5EEF4;
	text-align:left;
	height: auto;
	padding : 0 0 0 5px;
}

#England li:hover, #England li.sfhover{background: #E5EEF4;}
#England li:hover ul, #England li.sfhover ul{
	left:75px;
	top:-4px;
	_top:-2px;
	background-color:#E5EEF4;
	border:1px solid #2A205F;
	z-index:10002;
	padding: 5px;
}

#England li ul li{
	padding-top:0px;
	padding-bottom:0px;
	display : block;
}


#England a:hover{
	color:#0A50A1;
	text-decoration : underline;
}

/* Other menu*/

#Other, #Other ul{
	text-align:left;
	padding:0px;
	font-size:11px;
	color:#005994;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style:none;
	_margin:0;
}

#Other a{
	text-decoration:none;
	display: inline;
	padding:0 5px 0 5px;
	color:#005994;
	
}

#Other li {
	display:block;
	position : relative;
	
}

#Other li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	background-color:#E5EEF4;
	text-align:left;
	height: auto;
	padding : 0 0 0 5px;
}

#Other li:hover, #Other li.sfhover{background: #E5EEF4;}
#Other li:hover ul, #Other li.sfhover ul{
	left:75px;
	top:-4px;
	_top:-2px;
	background-color:#E5EEF4;
	border:1px solid #2A205F;
	z-index:10002;
	padding: 5px;
}

#Other li ul li{
	padding-top:0px;
	padding-bottom:0px;
	display : block;
}


#Other a:hover{
	color:#0A50A1;
	text-decoration : underline;
}

/* Non_Masonic menu*/

#Non_Masonic, #Non_Masonic ul{
	text-align:left;
	padding:0px;
	font-size:11px;
	color:#005994;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	list-style:none;
	_margin:0;
}

#Non_Masonic a{
	text-decoration:none;
	display: inline;
	padding:0 5px 0 5px;
	color:#005994;
	
}

#Non_Masonic li {
	display:block;
	position : relative;
	
}

#Non_Masonic li ul {
	position: absolute;
	width: 170px;
	left: -999em;
	background-color:#E5EEF4;
	text-align:left;
	height: auto;
	padding : 0 0 0 5px;
}

#Non_Masonic li:hover, #Non_Masonic li.sfhover{background: #E5EEF4;}
#Non_Masonic li:hover ul, #Non_Masonic li.sfhover ul{
	left:75px;
	top:-4px;
	_top:-2px;
	background-color:#E5EEF4;
	border:1px solid #2A205F;
	z-index:10002;
	padding: 5px;
}

#Non_Masonic li ul li{
	padding-top:0px;
	padding-bottom:0px;
	display : block;
}


#Non_Masonic a:hover{
	color:#0A50A1;
	text-decoration : underline;
}


/*cart styles*/
table#cart {
	margin: 0px;
	font-size: 11px;
	width: 100%;
	border-collapse: collapse;
}

table#cart th{
	border: 1px solid #005790;
	padding: 2px 4px;
	font-weight: bold;
	background: #E5EEF4;
	color: #005994;
	text-align : center;
}

table#cart td{
	border: 1px solid #005790;
	padding: 2px 4px;
	background: #fff;
	text-align: left;
	font-weight: normal;
	color: #000;
	font-size: 11px;
}


p.totalcost{
text-align:center;
	font-weight: bold;
	color: #FC4128;
}

#view_cart_buttons{
	text-align:center;
}

.updatecartbutton{
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color : #005790;
	border:1px solid #005790;
	cursor : pointer;
	padding: 2px;
	_padding: 3px 0px 2px 0px;
	_position:relative;
	_top:3px;
	_margin:0;
	_line-height : 12px;
}

div.cart_txt{
 text-align:center;
	font-weight: bold;
	color: #FC4128;
}


/* order form  & contact form styles */
#orderform {
	width: 520px;
	padding:0px;
	margin:0 0 0 10px;
}

#orderform label, #contactform label{
	display:block;
	padding:8px 8px 8px 130px;
	margin-bottom: 1px;
	font:  11px Verdana, Arial, sans-serif;
	background: #E5EEF4;
color:#0A50A1;
}


#orderform label.radio{
	padding: 5px;
	margin-top:0;
}

#orderform h3{
	padding-top:5px;
}

#orderform span, #contactform span{
	position: relative;
	left: -120px; /* this pushes the left edge of the span over to the left edge of the space created by the padding set above */
	float: left;
	margin-right: -120px; /*reduce the values of this and the above commented elements to make a narrower label*/
	padding-top: 3px;
}

#orderform input, #orderform textarea, #contactform input, #contactform textarea{
	font: 11px Verdana, Arial, sans-serif;
	width: 300px;
}

#orderform select{
	font: 11px Verdana, Arial, sans-serif;
	width: 200px;
}

#orderform input.radio{
	width: 12px;
}

#orderform p.info{
	margin:5px 0;
	padding:0;
	font-size: 11px;
	font-style:italic;
}

#orderform p.select{
	margin:0 0 5px 0;
	padding:0;
	font-size: 12px;
}

#orderform p.buttons, #contactform p#buttons{
text-align : center;
	padding: 10px 0 0 80px;
}

#orderform p.buttons input, #contactform p#buttons input{
	width: 100px;
}

#orderform  p.buttons input, #contactform p.buttons input{
	color: #fff;
	font: 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color : #005790;
	border:1px solid #005790;
	cursor : pointer;
	padding: 2px;
}

#searchform{
	margin-top:10px;
}