/*  CSS Document                             */
/* LARGE SCREEN RULES */
@media screen and (min-width: 801px) and (max-width: 10000px) {



h1 { font-family: P22Wedge; 
		 font-size: 1.1em;
		 margin-bottom: 10px;
		 
}

p {	font-family: P22Wedge; 
		font-size: 0.9em;
		text-align: justify; 
		margin-bottom: 20px;
}

/* layout */
.sp { width: 420px; position: absolute; float: left; margin: 0px 0px 10px 45px; }

.sp .tabs { position: relative; z-index: 101; display: none; }

.sp .tabs span {
	display: inline-block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 12px 8px 12px;
	margin: 0px;
	background-color: #FFF;
	cursor: pointer;
	position: relative;
}

.sp .tabs span:first-child {
	padding-left: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;*/
}

.sp .tabs span:last-child {
	padding-right: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;*/
}

.sp .tabs span.selected {
	color: #999;
	border-bottom: 1px solid #fff;
}

.sp .panel_container {
	position: relative;
	border-top: 3px solid #FFF;
	border-bottom: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-left: 0px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	z-index: 100;
	margin-top: -1px;
	
}
/*Visual Design Panel*/
.sp .panel_container .panel .panel_content { padding: 25px 25px 10px 15px; }

.sp .tabs .ipad.selected { color: #fff; background-color: #3073a2; border-bottom: 1px solid #8dbc52; }
.sp .panels .ipad { background: url(../images/visual_design_background.jpg) no-repeat 0px 0px; }
.sp .panels .ipad h2 { color: #000; }
.sp .panels .ipad p { color: #284108; margin-right: 207px; }
.sp .panels .ipad a { color: #972015; }

.sp .tabs .video.selected { color: #fff; background-color: #3073a2; border-bottom: 1px solid #354e5c; }
.sp .panels .video { background: url(../images/how_to_order_background.jpg) no-repeat 0px 0px; }
.sp .panels .video .panel_content { margin-right: 60px; }
.sp .panels .video .panel_content h2 { color: #000; }
.sp .panels .video .panel_content p { color: #284108; }
.sp .panels .video .panel_content a { color: #972015; }

.sp .tabs .photo.selected { color: #fff; background-color: #3073a2; border-bottom: 1px solid #000; }
.sp .panels .photo { background: url(../images/prices_and_delivery_background.jpg) no-repeat 0px 0px; }
.sp .panels .photo .panel_content { margin-right: 80px; }
.sp .panels .photo h2 { color: #000; }
.sp .panels .photo p { color: #284108; }
.sp .panels .photo a { color: #972015; }
.sp .panels .thumbnail { border: 1px solid #fff; }


.clear_both { clear: both; line-height: 1px; }

}
/* MEDIUM SCREEN RULES */
@media screen and (min-width: 501px) and (max-width: 800px) {

.sp h2 { font-family: P22Wedge; font-size: 1.0em; margin: 0 0 .5em 0; }
.sp p { font-family: P22Wedge; font-size: 0.8em; margin: 0 0 1em 0; }

/* layout */
.sp { width: 420px; position: absolute; float: left; margin: 0px 0px 10px 25px; }

.sp .tabs { position: relative; z-index: 101; display: none; }

.sp .tabs span {
	display: inline-block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 8px 12px 8px 12px;
	margin: 0px;
	background-color: #FFF;
	cursor: pointer;
	position: relative;
}

.sp .tabs span:first-child {
	padding-left: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	border-top-left-radius: 12px;*/
}

.sp .tabs span:last-child {
	padding-right: 15px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	/*-webkit-border-top-right-radius: 12px;
	-moz-border-radius-topright: 12px;
	border-top-right-radius: 12px;*/
}

.sp .tabs span.selected {
	color: #999;
	border-bottom: 1px solid #fff;
}

.sp .panel_container {
	position: relative;
	border-top: 3px solid #FFF;
	border-bottom: 0px solid #ccc;
	border-right: 0px solid #ccc;
	border-left: 0px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	z-index: 100;
	margin-top: -1px;
	
}

.sp .panel_container .panel .panel_content { padding: 25px 25px 10px 15px; }

.sp .tabs .ipad.selected { color: #fff; background-color: #3073a2; border-bottom: 1px solid #8dbc52; }
.sp .panels .ipad { background: url(../images/images_background.jpg) no-repeat 0px 0px; }
.sp .panels .ipad h2 { color: #000; }
.sp .panels .ipad p { color: #284108; margin-right: 40px; }
.sp .panels .ipad a { color: #972015; }

.sp .tabs .video.selected { color: #fff; background-color: #3073a2; border-bottom: 1px solid #354e5c; }
.sp .panels .video { background: url(../images/images_background.jpg) no-repeat 0px 0px; }
.sp .panels .video .panel_content { margin-right: 60px; }
.sp .panels .video .panel_content h2 { color: #000; }
.sp .panels .video .panel_content p { color: #284108; }
.sp .panels .video .panel_content a { color: #972015; }

.sp .tabs .photo.selected { color: #fff; background-color: #3073a2; border-bottom: 1px solid #000; }
.sp .panels .photo { background: url(../images/images_background.jpg) no-repeat 0px 0px; }
.sp .panels .photo .panel_content { margin-right: 80px; }
.sp .panels .photo h2 { color: #000; }
.sp .panels .photo p { color: #284108; }
.sp .panels .photo a { color: #972015; }
.sp .panels .thumbnail { border: 1px solid #fff; }


.clear_both { clear: both; line-height: 1px; }

	
}
/* SMALL SCREEN RULES */
@media screen and (min-width: 150px) and (max-width: 500px) {
	
	.sp .panel_container {
	display:none;
	
}
	
	
}