body
{
	font-family:"Calibri","Verdana","Arial";
	width:100%;
	background-image:url('images/top.jpg');
	background-repeat: no-repeat;
	overflow-x: hidden;
	background-size:contain;
	-webkit-background-size:contain;
} 
p, li, td, .contactLabel, .contactField, .contactSubmit
{
	font-size:1.25em;
}   
.contactInput
{
	width:60%;
}                         
h2, #phone
{
	font-style:italic;
	font-size:1.75em;
	color:rgb(211,204,236);
	text-shadow: 1px 1px #090909;
}
.jewelleryLink
{
	font-size:1em;
}
h3
{
	text-align:center;
	color:rgb(112,48,160);
	font-size:1.5em;
}
h4
{
	text-transform:uppercase;
	margin-top:0.5em;
	font-size:1.25em;
	margin-bottom:0.25em;
	padding:0;
}   
.thirdFloat p 
{
	margin:0;
	margin-left:0.5em;
}
hr
{
	border-color:rgb(231,234,255);
	border-width:2px;
	margin-top:1em;
	margin-bottom:1em;
	clear:left;
}                        
#container
{
	width:99%;
}
#contact
{
	margin-left:5%;
	margin-bottom:5%;
}
#home
{
	width:98%; 
}                          
#banner
{          
	text-align:left;
	width:100%;	
} 
#phoneNumber
{
	display:block;
	color:rgb(255,255,255);
	margin-left:2em;
	font-size:2em;
	font-weight:bold;
	 text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}
.red
{
	color:rgb(192,0,0);
	font-weight:bold;
}
.column, .matching, .cravats, .jewellery, .shipping
{          
	margin-left:1em;
	margin-right:0em;
	margin-top:0;
}
.shipping .quarterFloat
{
	font-size:1.5em;
	text-align:center;
}
.clearLeft
{
	clear:left;
}
#menu
{
	width:100%;                  
	margin-left:auto;
	margin-right:auto;
}
.menu
{
	background-color:rgb(211,204,236);
	display:block;
	float:left;
	width:7.96%;
	padding-top:5.75%;
	text-align:center;
	border-style:none;
	border-width:0;
	border-color:rgb(0,0,0);
	margin-left:0.25%;
	margin-right:0%;
	margin-bottom:0%; 
	background-size:contain;
	-webkit-background-size:contain; 
    font-size:1em;
    color:rgb(0,0,0);
}
.selected
{
	background-color:rgb(236,232,251);
}
                     
#menu1{background-image:url("images/menu/home.jpg");}
#menu2{background-image:url("images/menu/contact.jpg");}
#menu3{background-image:url("images/menu/faqs.jpg");}
#menu4{background-image:url("images/menu/reviews.jpg");}
#menu5{background-image:url("images/menu/cravats.jpg")}
#menu6{background-image:url("images/menu/ties.jpg");}
#menu7{background-image:url("images/menu/bowties.jpg");}
#menu8{background-image:url("images/menu/pocketsquares.jpg");}
#menu9{background-image:url("images/menu/sashes.jpg");}
#menu10{background-image:url("images/menu/pins.jpg");}
#menu11{background-image:url("images/menu/colours.jpg");}
#menu12{background-image:url("images/menu/matching.jpg");}

a.menu:link, a.menu:visited, a.menu:hover, a.menu:active, a.menu:focus
{
	color:rgb(64,64,64);
	text-decoration:none;
	line-height:1.25em;       
	background-repeat:no-repeat;
	background-position:top left;

}                              
a.menu:hover
{
	opacity:0.5;
}
a:link, a:visited, a:hover, a:active, a:focus
{
	text-decoration:none;
	color:rgb(0,102,204);
}                 
a:hover                       
{
}
.image
{
	float:left;
	margin:1%;
}
td
{
	vertical-align:top;
}
tr
{
	height:1.5em;
}
.contactLabel, .contactField
{
	float:left;
	line-height:2em;
}
.contactLabel
{
	width:30%;
}
.contactField
{
	width:70%;
}
.contactSubmit
{
	line-height:1em;
	font-size:1em;
	margin-top:0.5em;
	width:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.mandatory
{
	color:rgb(255,0,0);
}                                                 
.clear
{                       
	clear:both;
}
.contactForm, .contactDetails
{
	width:45%;
	float:left;
	margin-right:1%;
}
.contactForm
{
	margin-left:5%;
}
.touch
{
	display:none;
	
}
#copyright
{
	margin-top:1.5em;
	text-align:center;
	width:100%;
}
#footer #phone
{
	font-size:2em;
	text-align:center;
	display:block;
	width:100%;
}
#total
{
	background:rgb(255,255,255);
	background-image:url("images/menu/topcheckout.jpg");
	background-repeat: no-repeat;
	background-size:contain;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-top:7em;
	text-align:center;
	float:right;
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
	width:12%;
	position:fixed;left:87%;
	font-size:1em;
	cursor:pointer;
}
.privacy
{
	clear:left;
	margin-left:2.5em;
}
#faqIndex a
{
	display:block;
	margin-left:1em;
	font-size:1.25em;
}
#faqs a
{
	display:block;
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:1.25em;
}
#faqs p a, #faqs li a
{
	display:inline;
	font-size:1em;
	font-weight:normal;
}
#faqs li, .matching li, .shipping li
{
	margin-bottom:0.5em;
}
#faqs h4, #faqs p, #faqs ul, .shipping h4, .shipping p, .shipping ul
{
	margin-left:2em;
}
.colours
{
	float:left;
	width:50%;
	text-align:center;
}
.colours img
{
	margin-top:0.5em;
	width:50%;
}                         
.colour
{
	position:relative;top:0.5em;
	margin-bottom:0.5em;
	width:50%;
}
.colourChart
{
	width:100%;
}
.colourChart td
{
	text-align:center;
	width:20%;
}
.colourChart tr               
{
	margin-bottom:0.5em;
}
#samples input, .matching input
{
	width:45%;
	margin-left:0.5em;
}
.jewellery .thirdFloat input
{
	width:10%;
}
.jewellery .orderLabel
{
	width:52%;
}
.halfFloat input                   
{
	width:30%;
}
.halfFloat, .halfFloatPlain
{
	width:47%;
	margin-right:2%;
	float:left;
	text-align:center;
}
.halfFloatPlain
{
	text-align:left;
}
.halfFloat img, .halfFloatPlain img
{
	width:65%;
}
.quarterFloat
{
	width:24%;
	float:left;
}
.thirdFloat, .thirdFloatPlain
{
	width:31%;
	padding-right:1%;
	margin-right:1%;
	float:left;
	text-align:center;       
}
.thirdFloat, .halfFloat
{
	background:rgb(235,222,237);
	border-radius:1em;
	border-style:solid;
	border-width:1px;
	border-color:rgb(0,0,0);
}
.thirdFloat img, .thirdFloatPlain img
{
	width:65%;
	margin-top:0em;
	margin-left:auto;
	margin-right:auto;
}
.order               
{
	width:100%;
	float:left;
	margin-bottom:0.5em;
}     


.thirdFloat .order, .halfFloat .order
{
	width:100%;
	margin-top:1em;
}

.orderLabel
{
	width:55%;
	float:left;
	text-align:right;
	margin-bottom:0.25em;
	line-height:1.25em;
	font-size:1.25em;
}
.orderInput
{
	width:38%;
	margin-left:2%;
	float:left;
	display:block;             
	margin-bottom:0.25em;
	line-height:1em;
	font-size:1em;
}
.order input[type=submit], #samples input[type=submit]
{
	color:rgb(112,48,160);
	margin-top:1em;
	width:40%;
	display:block;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
}
.order .quantity
{
	width:20%;
}
.order input[type=checkbox]
{
	width:10%;
	height:1.25em;
}
.detail
{
	width:50%;
	float:left;
	margin-left:2em;
}
.howtotie td
{
	padding-right:1em;
	padding-bottom:1em;
	width:25%;
	text-align:center;
}
.howtotie td img
{
	width:98%;
}
#samples input
{
	width:30%;
}
#prosandcons
{
	margin-top:1em;
	margin-left:2em;
	width:80%;
	background:rgb(0,0,0);
}
#prosandcons td
{
	background-color:rgb(253,245,230);
	padding:0.5em;
}
#prosandcons th
{
	color:rgb(0,0,0);
	text-transform:uppercase;
	background-color:rgb(223,215,200);
	font-weight:bold;
}
.homeLeft
{
	float:left;
	width:40%;
	margin-right:1em;
}
.homeRight
{
	float:right;
	width:40%;
	margin-left:1em;
}
#pocketSquare
{
	text-align:right;
	margin-top:1em;
}
#pocketSquare a     
{
	text-transform:uppercase;
}
#pocketSquare img
{
	height:1.5em;
	width:1.5em; 
	margin-right:0.5em;
	position:relative;top:0.5em;
}
.jewellery .thirdFloat img
{
	border-style:solid;
	border-width:2px;
	border-color:rgb(0,0,0);   
	border-radius:1em;
	margin-bottom:0.5em;
}
.reviewLeft
{
	width:30%;                        
	float:left;
	margin-right:1em;
	margin-bottom:1em;
}
.reviewRight
{
	width:30%;
	float:right;
	margin-left:1em;
}
.colourName    
{
	background-repeat: no-repeat;
	background-image:url('images/add.png');
	background-size: 40% 30%;
	background-position:bottom center;
	cursor:pointer;
	padding-bottom:1.5em;
	margin-bottom:4.5em;
}