@charset "utf-8";
/* CSS Document */

p {
	font-size:16px;
	line-height:30px;
	margin:40px 0px;
}
h1{
	font-size:60px;
	font-family: 'Raleway', sans-serif;
	line-height:65px;
	font-weight:900;
	color:#dddddd;
	margin: 0px;
}

h2{
	font-size:40px;
	font-family: 'Raleway', sans-serif;
	font-weight:800;
	line-height:50px;
	color:#bbbbbb;
	margin: 55px 0px -5px 0px;
}
h3{
	font-size:24px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	line-height:24px;
	color:#bbbbbb;
	margin: 40px 0px 10px 0px;
	text-align:center;
}

/*-------------------------------------------
BREADCRUMBS
---------------------------------------------*/
#breadcrumbs{
	height:50px;
	width:940px;
	text-align:right;
	font-size:16px;
	color:#777777;
	line-height:25px;
	padding:70px 10px 15px 10px;
}

#breadcrumbs a {color:#777777; text-decoration:underline;}
#breadcrumbs a:link {color:#777777; text-decoration:underline;}
#breadcrumbs a:visited {color:#777777; text-decoration:underline;}
#breadcrumbs a:hover {color:#00887e !important; text-decoration:none;}


/*-------------------------------------------
TOP OF PAGE
---------------------------------------------*/

#title{
	height:565px;
	width:540px;
	float:left;
	position:relative;
}
#titlecontent{
	position:absolute;
	bottom:30px;
	left:10px;
	width:510px;
}
#mainimageside{
	float:left;
}
#mainimage{
	display: table-cell;
	height:600px;
	width:420px;
	vertical-align: middle;
	text-align: center;
}
#mainimagecontent{
	text-align:center;
	line-height:10px;
	font-size:16px;
	display:inline-block;
}

#mainimagepic{
	position:relative;
	display:inline-block;
}

#customizethismap{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width: 65px;
	height: 65px;
	z-index:9;
	background-image:url(images/customizethismap.png);
	background-position:0px 0px;
}
#customizethismap:hover{background-position:65px 0px; cursor:pointer !important;}

#clickzoom{
	display:block;
	font-size:16px !important;
	height:30px;
	width:90px;
	line-height:30px;
	background-image:url(images/zoom.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-align:left;
	padding-left:35px;
	margin:0 0 10px 155px;
}
#clickzoom:hover{
	background-position:0px -30px;
}


/*-------------------------------------------
2 columns - Main
---------------------------------------------*/
#description{
	float:left;
	width:565px;
	padding:0px 25px 0px 10px;
	margin-top:50px;
}

#orderside{
	float:left;
	font-size:16px;
	line-height:0px;
	margin-top:50px;
}

.orderbox{
	width:320px;
	padding:0px 14px 0px 14px;
	background-color:#f1f1f1;
	border:1px solid #ccc;
	margin-bottom:150px;
}
.orderbox h2{
	margin:40px 0 10px 0;
	text-align:center;
}

.orderbox p{
	line-height:40px;
	margin-top:20px;
	text-align:left;
}

/*-------------------------------------------
DESCRIPTION - Details
---------------------------------------------*/
#leadparagraph{
	font-family: 'Raleway', sans-serif;
	font-size:32px;
	font-weight:300;
	line-height:50px;
	margin:0px 0px 70px 0px;
}

#productdetails{
	font-size:16px;
	line-height:25px;
	padding:30px 0px 0px 0px;
}
#productdetails a {color:#555555; text-decoration:underline;}
#productdetails a:link {color:#555555; text-decoration:underline;}
#productdetails a:visited {color:#555555; text-decoration:underline;}
#productdetails a:hover {color:#00887e !important; text-decoration:none;}

#productdetails img{
	border:2px solid #f9f8f7;
	margin-top:5px;
	margin-left:-2px;
}

#productdetails img:hover{
	border:2px solid #00887e;
}





.detaila{
	float:left;
	width:150px;
	padding:8px 0px;
}
.detailb{
	float:left;
	width:410px;
	padding:8px 0px;
}

#gallery{
	width:486px;
	margin:0;
}

#gallery img{
	border:2px solid #f9f8f7;
	padding:0;
	margin:25px 30px 0 0px;
	float:left;
}

#gallery img:hover{
	border:2px solid #00887e;
}


#gallery p{
	text-align:center;
	margin:25px 0;
}


#description li{
	padding:9px 0;
}


ul.mapfeatures{
	font-size:16px;
	line-height:20px;
	margin-left:10px;
	padding-left:5px;
	padding-top:15px;
}

ul.mapfeatures li{

}

img.embedded{
	float:left;
	margin:49px 30px 15px -2px;
	border:2px solid #f9f8f7;
}

img.embedded:hover{
	border:2px solid #00887e;
}



/*-------------------------------------------
ORDER - Details
---------------------------------------------*/




.sizeheader{
	line-height:16px;
	font-size:16px;
	padding:20px 0px 6px 0px;
	clear:both;
	text-align:center;
}

.headerbold{
	font-size:17px;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	color:#666666;
}

.orderoptions{
	line-height:22px;
}
.finish:hover{
	color:#000;
}

.finish{
	float:left;
	font-size:15px;
}

.price{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#00887e;
	float:right;
	padding-top:2px;
	line-height:20px;
}

.smalllowdetail{
	font-size:14px;
	font-weight:400;
	line-height:16px;
}

#frameselect {
	height: 1px;
   	transition:height 0.7s;
	overflow:hidden;
    -webkit-transition:height 0.7s; /* For Safari and Chrome*/
	-moz-transition: height 0.7s; /* Firefox 4 */
  	-o-transition: height 0.7s; /* Opera */
  	-ms-transition: height 0.7s; /* IE9 (maybe) */
}
	

#frameselect img{
	padding-top:15px;	
}

.framename {
	float:left;
	width:64px;
	padding:0;
	margin:5px 0 0 0;
	text-align:center;
	font-size:13px;
	line-height:16px;
	height:30px;
}

.framename input[type='radio']{
	margin:0 !important;
}

.framename:hover{
	color:#000;
}

.sizeguide{
	width:140px;
	text-align:center;
	line-height:18px;
	padding:50px 0 20px 0;
	float:left;
}

.sizeguide a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

#orderform input[type='radio']{
	margin:0 10px 0 0;
	padding:0;
}

#orderform input[type='text']{
	width:330px;
	margin-left:25px;
}

#orderform input[type='submit']{
	float:right;
	margin:60px 0 30px 0;
	height:30px;
	width:130px;
	border:none;
	padding:0;
	outline:none;
	background-image:url(images/addtocartbig.png);
	background-repeat:no-repeat;
}

#orderform input[type='submit']:hover{background-position:-130px 0px;cursor:pointer;}

div#mapoptions {
	text-align:center;
}

div#mapoptions select{
	margin:0 0 10px 0;
}

/*-------------------------------------------
SOCIAL SHARE
---------------------------------------------*/
#socialsharecontainer{
	position:relative;
	left:10px;
	bottom:0px;
	width:540px;
	height:100px;
}

#socialfake{
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(images/fake-social-buttons.png);
	background-repeat:no-repeat;
	width:540px;
	height:100px;
	z-index:12;
	display:block;
}
#socialfake:hover{background-image:none;}

#socialshare{
	position:absolute;
	left:0px;
	top:0px;
	width:540px;
	height:20px;
	padding:10px 0px 70px 0px;
	z-index:10;
}
.facebooklikebutton{ height:20px; float:left; width:156px;}
.tweetbutton{ height:20px; float:left; width:110px;}
.googleplusonebutton{ height:20px; float:left; width:89px;}
.linkedinbutton{ height:20px; float:left; width:90px;}
.pintrestbutton{ height:20px; float:left; width:94px;}



/*-------------------------------------------
ALSO LIKES
---------------------------------------------*/

.alsolike{
	text-align:center;
	float:left;
	width:176px;
	padding:20px 8px 0px 8px;
	font-size:16px;
	line-height:20px;
}
.alsolike img{margin-top:50px}

.alsolike a {color:#888888; text-decoration:none;}
.alsolike a:link {color:#888888; text-decoration:none;}
.alsolike a:visited {color:#888888; text-decoration:none;}
.alsolike a:hover {color:#eeeeee !important; text-decoration:none;}

.alsolike a img{border: 2px solid #151515;}
.alsolike a:hover img{border: 2px solid #888888;}


.alsolikeprice {color:#00887e; text-decoration:none;}


a.seeothers {
	font-family: 'Raleway', sans-serif;
	font-weight:300;
	font-size:18px;
	float:right;
	margin:50px 10px 50px 0px;
	padding:0px 25px;
	height:35px;
	line-height:35px;
	color:#bbbbbb;
	text-decoration:none;
	background-color:#156b63;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1a7f6e), to(#1a403c)); /* Chrome, Safari 4+ */
	background-image: -webkit-linear-gradient(top, #1a7f6e, #1a403c); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image: -moz-linear-gradient(top, #1a7f6e, #1a403c); /* Firefox 3.6-15 */
	background-image: -o-linear-gradient(top, #1a7f6e, #1a403c); /* Opera 11.10-12.00 */
	background-image: linear-gradient(to bottom, #1a7f6e, #1a403c);
	display:block;
	-moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
}
a.seeothers:hover {color:#ffffff !important; background-color:#259485; background-image:none !important; text-decoration:none;}
a.seeothers:visited {color:#bbbbbb; text-decoration:none;}
a.seeothers:link {color:#bbbbbb; text-decoration:none;}

/*-------------------------------------------
Contact Us
---------------------------------------------*/

.contactwrapper {
	width: 100%;
	background-color:#f9f8f7;
} 


.contactcontainer {
	height:550px;
	position:relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	color: #555555;
	background-image:url(images/contact-us-old-rotary-phone.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}

.contactcontainer h2 {
	color: #555555;
}

.contact {
	padding-top:50px;
	width:500px;
}
.contactaccent {
	font-family: 'Raleway', sans-serif;
	font-size:28px;
	font-weight:300;
	line-height:50px;
}






/*-------------------------------------------
GENERIC POP UP WINDOW
---------------------------------------------*/
#popupwindow{
	display:none;
	position:fixed;
	top:0px;
	width:100%;
	height:100%;
	z-index:105;
	background-image:url(images/zoomback.png);
	line-height:0px;
	color:#888888;
}

#popupwindow h2{
	font-size:25px;
	line-height:25px;
	padding:0;
	margin:0;
}

#popupwindow p{
	padding:20px 0px;
	line-height:25px;
	margin:0;
}

.closewindow{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:40px;
	height:40px;
	background-image:url(images/zoomclose.png);
	background-position:0px 0px;
	z-index:20;
}
.closewindow:hover {background-position:40px 0px;}



/*-------------------------------------------
ZOOMIT
---------------------------------------------*/

#zoomit{
	position:absolute;
	width:805px;
	height:600px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:none;
}

#zoomitcontent{
	clear:both;
	width:790px;
	height:545px;
	margin-top:5px;
	background-color:#333333;
	border:5px solid #000;
}
#zoomitbottom{
	height:20px;
	width:800px;
	background-color:#000;
	color:#888888;
	font-size:15px;
	line-height:15px;
	text-align:center;
}

/*-------------------------------------------
CUSTOMINFO
---------------------------------------------*/

#custominfo{
	position:absolute;
	width:725px;
	height:550px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:none;
}

#custominfocontent{
	clear:both;
	width:660px;
	height:485px;
	margin-top:5px;
	background-color:#151515;
	padding:30px;
}

#custominfocontent p{
	padding:20px 0px 10px 0px;
}

#custominfocontent h3{
	padding:0;
	margin:20px 0 0 0;
	text-align:left;
}


.samplecustomimage{
	text-align:center;
	padding-top:20px;
	line-height:20px;
}

#custominfoorder{
	padding:20px 0 10px 0;
}

#custominfoorder input[type='text']{
	width:330px;
	margin-right:30px;
}

#custominfoorder input[type='submit']{
	height:30px;
	width:130px;
	border:none;
	margin-left:30px;
	padding:0;
	outline:none;
	background-image:url(images/addtocartbig.png);
	background-repeat:no-repeat;
	background-position:0 -30px;
}

#custominfoorder input[type='submit']:hover{background-position:-130px -30px;cursor:pointer;}

#custominfoorder form{
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#00887e;
}


/*-------------------------------------------
CUSTOMORDER
---------------------------------------------*/

#customorder{
	display:none;
	position:absolute;
	width:725px;
	height:500px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}

#customordercontent{
	clear:both;
	width:660px;
	height:435px;
	margin-top:5px;
	background-color:#151515;
	padding:30px;
}

#customordercontent h2{
	text-align:center;
}

#customordercontent h3{
	text-align:center;
	margin:0;
	padding:0;
}

#customordercontent p{
	text-align:center;
	padding:10px 0 10px 0;
	margin:0;
}

#nothanks{
	margin-top:40px;
	float:left;
	width:300px;
	padding-right:15px;
	border-right:2px solid #999999;
	height:150px;
	position:relative;
}

#nothanks input[type='submit']{
	height:30px;
	width:130px;
	border:none;
	padding:0;
	outline:none;
	position:absolute;
	bottom:0px;
	left:85px;
	background-image:url(images/continuebig.png);
	background-repeat:no-repeat;
	text-align:center;
}

#nothanks input[type='submit']:hover{background-position:-130px 0px;cursor:pointer;}



#yespersonalize{
	margin-top:40px;
	float:left;
	width:328px;
	padding-left:15px;
	height:150px;
	position:relative;
}

#yespersonalize input[type='text']{
	width:240px;
	margin-left:35px;
}

#yespersonalize input[type='submit']{
	height:30px;
	width:130px;
	border:none;
	padding:0;
	outline:none;
	position:absolute;
	bottom:0px;
	right:99px;
	background-image:url(images/addtocartbig.png);
	background-repeat:no-repeat;
	background-position:0 -30px;
	text-align:center;
}

#yespersonalize input[type='submit']:hover{background-position:-130px -30px;cursor:pointer;}

.closewindowviewcart input[type='submit']{
	position:absolute;
	outline:none;
	border:none;
	margin:0;
	padding:0;
	top:0;
	right:0;
	display:block;
	width:40px;
	height:40px;
	background-color:transparent;
	background-image:url(images/zoomclose.png);
	background-position:0px 0px;
	z-index:20;
}
.closewindowviewcart input[type='submit']:hover {background-position:40px 0px;}