﻿/*We Sell Stone CSS*/
/*Iain Phillips*/

body {
	/*background: #353535;*/
	font-size: 62.5%;
	font-family: Arial, Helvetica, san-serif;
	margin: 0px;
}

p {
	font-size: 1.1em;
	color: #cfcfcf;
	margin: 20px 0 0 0;
	padding: 0px;
}

img {
	border: 0px;
}

a {
	color: #ffd900;
}

h1 {
	margin: -6px 0 0 0;
	font-size: 2.4em;
	color: #FFFFFF;
	border-bottom: 1px solid #9f9f9f;
	padding: 0 0 5px 0;
}

ul.inline {
	font-size: 1.1em;
	color: #cfcfcf;
}

.videos{
	margin:30px 0px 0px 0px;
}



/*Product Selection Page*/

.pi
{
    float: left;
    width: 295px;
    margin-right: 30px;
}

.pt
{
    float: left;
    width: 50px;
    height: 50px;
    margin-top: 10px;
    margin-left: 3px;
    overflow: hidden;
    text-align: center;
    border: solid 2px #fff;    
}


.product {
	float: left;
	width: 220px;
	margin: 20px 10px 0 10px;
}

.p_link {
	display: block;
	position: relative;
	width: 214px;
	height: 244px;
	border: 3px solid #FFFFFF;
	text-decoration: none;
	margin: 0 0 10px 0;
}

.p_link:hover {
	border: 3px solid #ffd900;
}

.grey {
	background: url(/media/livery/wss_black_75.png);
	width: 194px;
	padding: 10px;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 30px;
}

.new {
	position: absolute;
	right: 0px;
	top: 0px;
}

.p_info {
	margin: 0px;
	padding: 0px;
}

.a_white {
	color: #FFFFFF;
}

/*Individual Product Page*/

#iproduct {
	position: relative;
	background: url(/media/livery/wss_iproduct_bg.gif) repeat-x #5c5c5c;
	width: 880px;
	padding: 29px;
	border: 1px solid #9f9f9f;
	margin: 20px 10px 0 10px;
}

#iproduct p {
	color: #FFFFFF;
}

.img_iproduct {
	float: left;
	width: 294px;
	margin: 0 30px 0 0;
	border: 3px solid #FFFFFF;
}

#iproduct_content {
	float: left;
	width: 550px;
}

#iproduct_table {
	font-size: 1.2em;
	color: #FFFFFF;
	margin: 20px 0 0 0;
}

.ip_bold {
	font-weight: bold;
}

.ip_bold_yellow {
	font-weight: bold;
	color: #ffd900;
}

.pip_large {
	font-size: 1.3em;
	color: #FFFFFF;
	margin: 30px 0 0 0;
	padding: 0px;
	font-weight: bold;
}

.pip_regular {
	font-size: 1.2em;
	color: #FFFFFF;
	margin: 2px 0 0 0;
	padding: 0px;
}

.box_link {
	position: absolute;
	text-align: center;
	right: 15px;
	bottom: 15px;
	display: block;
	width: 118px;
	padding: 10px 0 10px 0;
	border: 1px solid #FFFFFF;
	background: #3b3b3b;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
}

/*Contact Us Page*/

.img_contactus {
	float: left;
	width: 294px;
	margin: 0 0 0 30px;
	border: 3px solid #FFFFFF;
}


.h1_contactus {
	margin: -6px 0 0 0;
	font-size: 1.8em;
	color: #FFFFFF;
	border-bottom: 1px solid #9f9f9f;
	padding: 0 0 5px 0;
}

#contact_form {
	margin: 20px 0 0 0;
	padding: 0px;
}

#contact_form label {
	display: block;
	float: left;
	clear: both;
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: bold;
	width: 200px;
	margin: 2px 0 0 0;
}

#contact_form input {
	float: left;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 1px 4px 1px 4px;
}

#contact_form select {
	float: left;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact_form textarea {
	float: left;
	margin: 0 0 10px 0;
	padding: 4px;
	width: 298px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#contact_form input.button {
	float: right;
	text-align: center;
	display: block;
	width: 118px;
	padding: 10px 0 10px 0;
	border: 1px solid #FFFFFF;
	background: #3b3b3b;
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 40px 0 -30px;
	cursor: pointer;
}

/* Google Map */

#map {
	float: left;
	width: 294px;
	height: 294px;
	margin: 0 0 0 30px;
	border: 3px solid #FFFFFF;
}

/* stonemason */

table#stonemasonsTable {
	margin-top:10px;
}

table#stonemasonsTable td {
	padding:10px 10px 10px 10px;
	margin-bottom:-100px;
}


table#stonemasonsTable a {
	color:#ffffff;
}

table#stonemasonsTable a img {
	display: block;
	position: relative;
	width: 214px;
	height: 244px;
	border: 3px solid #ffffff;
	text-decoration: none;
	margin: 0px 0 10px 0;
}

table#stonemasonsTable a img:hover {
	border: 3px solid #ffd900;
}

table#stonemasonsTable p.stonetext {
	background: url(/media/livery/wss_black_75-2.png) no-repeat bottom left;
	width: 194px;
	padding:0px 10px;
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	top:-73px;
	left:3px;
	height: 50px;
	margin-bottom:-50px;
	border:none;
	vertical-align:baseline;
	line-height:30px;
	cursor:pointer;
	text-decoration:none;
}

table#stonemasonsTable p.stonetext a{
	text-decoration:none;
}


table#stonemasonsTable p.moreinfo {
	text-decoration:underline;
	background:url(/media/livery/wss_product_info.gif) no-repeat 0px -2px;
	padding:0px 0px 0px 30px;
	margin:0px;
	height:30px;
}


#smprofiletable {
	font-size: 1.2em;
	color: #FFFFFF;
	margin: 20px 0 0 0;
	width:540px;
}

#smprofiletable td {
	vertical-align:top;
	text-align:left;
}

.pt img {
	height:50px; 
	width:50px;
	cursor:pointer;
}
#smprofiletable img{
	height:50px; 
	width:50px;
	cursor:pointer;
	border:2px solid #ffffff;
	margin-right:3px;
margin-bottom:3px;
}
#smprofiletable p{
width:430px;
padding:0px;
margin:0px; 
}

.greyBG{
background:url(/media/livery/wss_iproduct_bg1.gif) repeat-x 0 0;	
}