@import 'priceCalc.css';
/*@import 'knowledge.css';*/

html { height: 101%; }
body
{
	background: white;
	margin: 0px;
	padding: 0px;
	font: 12px/120% Arial;
	color: #3f3f3f;
        position:relative;
        z-index: 10000;
}
a:link, a:visited
{
	color: #00a0af;
	text-decoration: underline;
}
a:hover, a:active
{
	text-decoration: none;
     
}
.revers:link, .revers:visited{
	text-decoration: none;
}
.revers:hover, .revers:active{
	text-decoration: underline;
}
div, form, img
{
	margin: 0px;
	padding: 0px;
}
p
{
	margin-top: 0px;
}
img, div
{
	float: left;	
	border: none;
}
h1, .h1
{
	font: 30px/28px Helvetica, Arial;
	float:left;
	width: 475px;
	padding: 5px 0px 0px;
	margin:0px;
	display: block;
	color: #3f3f3f;
}
h2, .h2
{
	font: 15px/120% Arial;
	width: 475px;
	float:left;
	padding:25px 0px 0px;
	margin:0px;
	color: #3f3f3f;
	display: block;
}
h3, .h3 {

	color: #3f3f3f;
	display: block;
	float:left;
	width:900px;
	font: 15px/20px Arial;
	padding: 10px 0px 0px 27px;
	background: url(./img/env_rb.gif) no-repeat left;
}
.green,
.faq b
{
	color: #00a0af;
}

.clear {
	clear:both;
}
/*** Floats ***/
.flright
{
	float: right;
}
.flclear
{
	clear: both;
}

/*** Main Structure and Globals ***/
.main_block
{
	display: table;
	float: none;
	width: 100%;
	border-bottom: 1px solid #e7e7e7;
	
}
.main_block.noline
{
	border-bottom:none;
}
.page
{
	float:none;
	margin: 0px auto;
	width: 938px;
	padding: 0px 18px;
}

/*** Head ***/
.head
{
	float:none;
	margin: 0px auto;
	height: 50px;
	width: 938px;
	padding: 18px 18px 12px 18px;
}
.head_1
{
	float:none;
	margin: 0px auto;
	height: 50px;
	width: 938px;
	padding: 18px 18px 12px 18px;
}

/*** Footer ***/
.footer
{
	float:none;
	margin: 0px auto;
	width: 938px;
	padding: 8px 18px 0px;
	font: 10px/12px Arial;
}
.footer img
{
	float: none;
	margin-bottom:-3px;
}
.footer a:link, .footer a:visited
{
	margin-right: 15px;
	text-decoration: none;
	color: #3f3f3f;
}
.footer .flright
{
	padding-bottom:8px;
}
.footer a:hover, .footer a:active,
.footer .sel:link, .footer .sel:visited
{
	color: #00a0af;
}
.footer .flright span
{
	margin-left: 15px;
}
.footer .flright a,
.footer .flright a:link, .footer .flright a:visited
{
	text-decoration: none;
	color: #00a0af;	
	margin: 0px;
}
.footer .flright a:hover, .footer .flright a:active
{
	text-decoration: underline;
}

/*** Menu ***/
.menu
{
	float:right;
	font: bold 13px/24px Helvetica, Arial;
	padding-top: 11px;
}
.menu a:link, .menu a:visited
{
	display: block;
	position: relative;
	overflow: hidden;
	float: left;
	margin-left:19px;
	color:#666666;
	text-decoration:none;
	height:24px;
}
.menu a.sel:link, .menu a.sel:visited
{
	color:#00a1b1;
}
.menu a:active, .menu a:hover
{
	color:#00a1b1;
}
.menu .subm {
	margin: 0px -6px 0px 13px;	
	color:#666666;
	height:24px;
	width:74px;
	position: relative;
}
.menu .subm .smbg {
	position: absolute;
	top: 0px;
	left:0px;
	display: none;
	width: 74px;
	height: 24px;
}
.menu .subm span {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	color:#666666;
	height:24px;
	width:74px;
	font: bold 13px/24px Helvetica, Arial;
	text-align: center;
	cursor: pointer;
}
.menu .subm div {
	width:106px;
	position: absolute;
	top:24px;
	left:0px;
	background: White;
	display: none;
}
.menu .subm div a:link, .menu .subm div a:visited {
	display:block;
	float:left;
	width: 96px;
	border-left: 1px solid #80d0d8;
	border-right: 1px solid #80d0d8;
	color:#666666;
	height: auto;
	margin:0px;
	padding: 0px 0px 0px 8px;
}
.menu .subm div .sel:link, .menu .subm div .sel:visited {
	color:#00a1b1;
}
.menu .subm div img {
	width: 106px;
	height: 2px;
}
.menu .subm.sel span {
	color:#00a1b1;
}
.menu .subm .subsubmenu a:hover{
	color:#00a1b1;
/*	padding-left:12px; */
	width:96px;
}

/*** Rollover ***/
.rollover
{
	display: none;
	width: 100%;
	height: 27px;
	margin-top: -27px;
	background: url(bg_rollover.png);
	color: white;
	font: 10px/13px Arial;
	cursor: default;
}
.rollover div
{
	padding: 7px 0px 0px 11px
}
.rollover span
{
	margin-left: 20px;
}
.rollover a:link, .rollover a:visited
{
	color: #00a0af;
	text-decoration: none;
	cursor: pointer;
}
.rollover a:hover, .rollover a:active
{
	text-decoration: underline;
}

/*** Homepage ***/
.home
{
	width: 100%;
	padding: 45px 0px 0px;
	height: 670px;
}
.home .top
{
	width: 100%;
	height: 160px;
}
.home .order,
.mount .order,
.frames .order
{
	float:right;
	width: 273px;
	margin-top:9px;
	cursor: pointer;
	height: 120px;
}
.home .order .ttl,
.mount .order .ttl,
.frames .order
{
	font: 22px/20px Helvetica, Arial;
	padding: 57px 0px 4px;
}
.home .order img,
.mount .order img,
.frames .order
{
	margin-right:9px;
}
.home h1
{
	font: 45px/45px Helvetica, Arial;
	width: 650px;
	padding: 0px 0px 5px;
}
.home h2
{
	font: 16px/120% Arial;	
	width: 650px;
	padding: 0px;
}
.home .block
{
	float:right;
	margin-top: 19px;
	height: 76px;
	width: 247px;
	cursor: pointer;
}
.home .block .img
{
	margin-right: 11px;
}
.home .block .ttl,
.home .video .ttl
{
	padding:0px 0px 5px 0px;
	font: 20px/21px Helvetica, Arial;
	color: #00a0af;
}
.home .block .descr,
.home .video .descr
{
	font: 12px/15px arial;
	width: 160px;
}
.home .video
{
	width: 268px;
	height:116px;
	background: #e7e6e6 url(./img/bg_home.jpg) no-repeat top left;
	float:right;
	margin-top: 19px;
	cursor: pointer;
}
.home .video td
{
	vertical-align: middle;
}
.home .video .image
{
	padding-right: 9px;	
	width: 90px;
}
.home .video .image img
{
	float: right;
	font: 0px/0px arial;
}
.home .video .cont
{
	width: 169px;
}
.home .video .ttl
{
	color: #3f3f3f;
}
.home_logos
{
	height: 84px;
	width: 100%;
}
.home_logos img
{
	margin-right: 34px;
}

/*** Prints pages ***/
.prints
{
	width: 960px;
	padding-top: 38px;
        margin-top: 16px;
	padding-bottom:70px;
}
.bigimgVideo
{
	position:relative;
        width: 400px;
	height: 256px;
	float:right;
}
.bigimg
{
	width: 367px;
	height: 259px;
	float:right;
}
.bigimg .stimg
{
	width: 367px;

}
.bigimg .stimg div
{
	width: 367px;
	height: 0px;
	position: relative;
	overflow: hidden;
}
.bigimg .stcntrl
{
	width: 100%;
	padding-top:7px;
}
.bigimg .stcntrl .descr
{
	width:150px;
}
.bigimg .stcntrl .descr span
{
	color: #00a0af;
	display: none;
}
.bigimg .stcntrl .links
{
	float:right;
	white-space: nowrap;
}
.bigimg .stcntrl .links a:link, .bigimg .stcntrl .links a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #3f3f3f;
	margin-left:4px;
}
.bigimg .stcntrl .links a:hover, .bigimg .stcntrl .links a:active,
.bigimg .stcntrl .links .sel:link, .bigimg .stcntrl .links .sel:visited
{
	color: #00a0af;
}
.prints .tabs,
.prints .tabs2
{
	width: 100%;
	height: 35px;
	margin-top: 1px;
	border-bottom: 9px solid #3f3f3f;
}
.prints .tabs b,
.prints .tabs2 b
{
	display: block;
	float:left;
	position: absolute;
	top:0px;
	left:0px;
	width: 130px;
	height: 35px;
	overflow: hidden;
	z-index:1;
}

.prints .tabs a:link, .prints .tabs a:visited,
.prints .tabs2 a:link, .prints .tabs2 a:visited
{
	display: block;
	position: relative;
	float:left;
	width: 130px;
	height: 35px;
	margin-right: 3px;
	font: normal 16px/35px Helvetica, Arial;
	color: white;
	text-decoration: none;
}

.prints .tabs .bg,
.prints .tabs2 .bg
{
	position: absolute;
	top: 0px;
	left:0px;
}
.prints .tabs .sel .bg,
.prints .tabs2 .sel .bg
{
	margin-top: -35px;
}
.prints .tabs span,
.prints .tabs2 span
{
	display: block;
	float:left;
	position: absolute;
	top: 0px;
	left:0px;
	z-index:2;
	cursor: pointer;
	height: 35px;
	width: 130px;
	text-align: center;
	background: url(./img/blank.gif);
}

.prints .tabs2 span
{
	text-align: right;
	padding-right:10px;
	width: 120px;
}
.prints .tabs2 span img
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:10;
}

/* large tabs used on framing pages.*/
.prints .lrg_tab b {
	width:194px;
	display: block;
	float:left;
	position: absolute;
	top:0px;
	left:0px;
	height: 35px;
	overflow: hidden;
	z-index:1;
}

.prints .lrg_tab span {
	width:194px;
	display: block;
	float:left;
	position: absolute;
	top: 0px;
	left:0px;
	z-index:2;
	cursor: pointer;
	height: 35px;
	text-align: center;
	background: url(./img/blank.gif);
}

.prints .lrg_tab a:link, .prints .lrg_tab a:visited
{
	display: block;
	position: relative;
	float:left;
	width: 194px;
	height: 35px;
	margin-right: 3px;
	font: normal 16px/35px Helvetica, Arial;
	color: white;
	text-decoration: none;
}

.prints .blocks
{
	width: 100%;
	padding: 40px 0px 0px;
}
.prints .block
{
	width: 210px;
	padding: 0px 6px 0px 16px;
}
.prints .block .image
{
	height: 103px;
	padding-bottom:5px;
}
.prints .block .image .img
{
	padding-right: 8px;
}
.prints .block .ttl
{
	padding: 0px;
	width: 210px;
}
.prints .block .ttl img
{
	float:none;
	margin-bottom: -5px;
}
.prints .block .txt
{
	padding-top: 8px;
}
.prints .bot
{
	width: 100%;
	border-top: 1px solid #d2d2d2;
	margin-top: 20px;
}
.prints .sample
{
	width:442px;
	height: 152px;
	border-right: 1px solid #d2d2d2;
	padding: 26px 26px 0px 0px;
}
.prints .sample .flright
{
	margin: -17px 0px -20px 0px;
	position: relative;
}
.prints .sample .ttl
{
	color: #00a0af;
	width: 220px;
}
.prints .sample .text
{
	font-size: 12px;
	padding-top: 8px;
	width: 220px;
}
.prints .sample .ttl img
{
	float:none;
}
.prints .profiles
{
	width:441px;
	height: 152px;
	padding: 26px 26px 0px 0px;
}
.prints .profiles .ttl
{
	width: 350px;
	color: #3f3f3f;
}
.prints .profiles .text
{
	font-size: 12px;
	padding-top: 12px;
	width: 350px;
}
.prints .profiles .text span
{
	color: #6f6f6f;
}
.prints .profiles img
{
	margin: 14px 0px 0px 16px;
}
.prints .profiles .ttl img
{
	margin: 0px;
}
.prints .st_block
{
	width: 178px;
}
.prints .st_block .txt
{
	font: 18px/40px Helvetica, Arial;
	padding-top:2px;
}
.prints .st_loc
{
	width:348px;
	padding-left: 26px;
	border-left:1px solid #e7e7e7;
}
.prints .st_loc span
{
	color: #6f6f6f;
}
.prints .st_loc b
{
	font: 20px/40px Helvetica, Arial;
}
.prints .st_block .txt b
{
	color: #00a0af;
	font-weight: normal;
}
.prints .st_block .txt span
{
	font:12px/14px Arial;
}
.tab
{
	width:936px;
	padding-top: 28px;
	border: 1px solid #d2d2d2;
	border-top: none;
}
.tab .order_but
{
	float:right;
	padding-right: 27px;
}
.tab .ttl
{
	font: 18px/20px Helvetica, Arial;
	padding-left: 16px;
	width: 600px;
}
.tab .text
{
	font: 15px/120% Arial;
	clear: left;
	width: 600px;
	padding: 17px 0px 0px 16px;	
}
.mount
{
	width: 100%;
	padding: 20px 0px 15px 0px;
}
.mount .ttl
{
	font: 30px/30px Helvetica, Arial;	
}
.mount .ttl span
{
	color: #00a0af;
}
.mount .blocks
{
	width: 100%;
	padding: 20px 0px 10px;
}
.mount .block
{
	width: 185px;
}
.mount .block .title
{
	font: 18px/24px Helvetica, Arial;
	width: 100%;
	padding: 8px 0px 6px;
}
.mount .block .text
{
	width: 100%;	
}
.mount .txt
{
	padding-top: 15px;
	width:600px;
}
.subtabs_wrapper
{
	width: 924px;
	padding: 25px 6px 6px;
}
.subtabs
{
	width: 100%;
	height: 27px;
	border-bottom: 5px solid #3f3f3f;
}
.subtabs .but
{
	position: relative;
	height: 27px;
	cursor: pointer;
	overflow: hidden;
	margin-right: 3px;
}
.subtabs .but span
{
	display:block;
	float:left;
	top:0px;
	left:0px;
}
.subtabs .but .bg
{
	position: absolute;
	width: 100%;
	height: 54px;
	background: url(bg_tab2.gif) no-repeat top left;
	z-index:1;
	margin-top:-28px;
}
.subtabs .sel .bg
{
	margin-top: 0px;
}
.subtabs .but .bg img
{
	float:right;
}
.subtabs .but .text
{
	width: auto;
	position: relative;
	height: 27px;
	text-align: center;
	font: 14px/17px Helvetica, Arial;
	color:white;
	padding: 5px 10px;
	white-space: nowrap;
	z-index:2;
}
.subtab
{

	width: 922px;
	border-left: 1px solid #d2d2d2;
	border-right: 1px solid #d2d2d2;
	overflow: hidden;
	position: relative;
	height: 0px;
}
.tutor
{
	width: 100%;
	padding: 15px 0px 18px;
}
.tutor h1, .tutor h2, .tutor .ttl
{
	font: 20px/30px Helvetica, Arial;
	color: #00a0af;
	padding: 0px;
	width:100%;
}
.tutor h1 span, .tutor h2 span, .tutor .ttl span
{
	font: 12px/14px Arial;
	color: #3f3f3f;
}
.tutor .videos
{
	padding-top: 15px;
	width: 100%;
}
.tutor .video
{
	width: 244px;
	padding-right: 59px;
}
.tutor .video .image
{
	width: 244px;
	height: 160px;
	position: relative;
}
.tutor .video .image .play
{
	width: 52px;
	height: 21px;
	position: absolute;
	top: 133px;
	left: 192px;
}
.tutor .video .name
{
	width:100%;
	padding: 9px 0px 4px;
	font: 18px/20px Helvetica, Arial;
}
.tutor .video .link
{
	width:243px;
	padding: 0px 0px 10px 1px;
}
.tutor .video .link a:link, .tutor .video .link a:visited
{
	color: #00a0af;
	text-decoration: none;
}
.tutor .video .link a:hover, .tutor .video .link a:active
{
	text-decoration: underline;
}
.tutor .video .link span
{
	font-size: 14px;
}
.tv_text
{
	width: 100%;
	padding-top:30px;
}
.tv_text .ttl_right_but
{
	float:right;
	margin-top: 8px;
}
.tv_text .tips_cont
{
	width: 100%;
}
.faq .lc,
.press .lc

{
	width: 461px;
	padding-right:16px;
}
.faq .rc,
.press .rc
{
	width: 461px;
}
.faq .gloss b
{
	font-size:15px;
}
.faq .lc div,
.faq .rc div
{
	width: 100%;
	padding-bottom: 14px;
}
.press
{
	padding-top: 25px;
}
.press .row
{
	width: 100%;
	padding-bottom: 10px;
}
.press .image
{
	width: 80px;
	height: 65px;
	position: relative;
}
.press .image .but
{
	position: absolute;
	top:36px;
	left:69px;
}
.press .txt
{
	padding: 0px 0px 0px 12px;
}
.press .txt i
{
	color: #6f6f6f;
}
.faq span
{
	font: 18px/30px Helvetica, Arial;
}
.courses {
	padding: 25px 0px 50px;
}
.courses .course {
	padding-top:25px;
	width:441px;
}
.courses .course .info {
	width:271px;
	padding-left:19px;
}
.courses .course .info .ttl {
	font: 18px/20px Helvetica,Arial;
	width:100%;
	padding-bottom:6px;
	cursor: default;
}
.courses .course .info .descr {
	width:100%;
	padding-bottom:4px;
}
.courses .course .info .descr a:link, .courses .course .info .descr a:visited {
	text-decoration: none;
}

.courses .course .info .descr a:hover, .courses .course .info .descr a:active {
	text-decoration: underline;
}
.courses .course .info .but{
	padding-top:4px;
}

/* frames */
.frames {
	width: 100%;
	border-top: 1px solid #d2d2d2;
	margin-top: 30px;
	padding: 20px 0px 15px 0px;
}

.frames .ttl {
	font: 30px/30px Helvetica, Arial;
	width:100%;
}

.frames .ttl span {
	color: #00a0af;
}

.frames .blocks {
	width:100%;
	padding:0 16px 0 16px;
}

.frames .block
{
	width: 155px;
	padding: 20px 0 10px 0;
	margin-right:32px;
	position:relative;
}

.frames .block .title
{
	font: 18px/24px Helvetica, Arial;
	width: 100%;
	padding: 8px 0 6px 0;
}

.frames .block .text
{
	width: 155px;
	padding:0;
	font-size:12px;
}

.frames .txt
{
	padding-top: 15px;
	width:600px;
}

.frames div.pdf {
	clear:both;
	display:block;
	margin-top:30px;
	padding:1px;
	width:100%;
	margin-left:16px;
}


.frames .frame_order {
	position:relative;
	top:200px;
	right:25px;
	float:right;
	width:300px;
}

.frames .frame_order #order_pic {
	margin-right:10px;
}

.frames .frame_order #decided {
	float:none;
	margin-top:55px;
	margin-bottom:5px;
}

.frames .blocks .block a {
	text-decoration:none;
	color:#00a0af;
}

.frames .blocks .block img.mag {
	position:absolute;
	right:-10px;
	top:190px;
}

.frames .blocks .block .img a.credit {
	float:none;
}

#shadowbox_title_inner span.credit {
	position:absolute;
	bottom:10px;
	left:60px;
	font-size:12px;
	z-index:100;
	font-size:11px;
	color:#888;
}

#shadowbox_title_inner span.credit a {
	float:none;
}









.mount
{
	width: 100%;
	padding: 20px 0px 15px 0px;
}
.mount .ttl
{
	font: 30px/30px Helvetica, Arial;	
}
.mount .ttl span
{
	color: #00a0af;
}
.mount .blocks
{
	width: 100%;
	padding: 20px 0px 10px;
}
.mount .block
{
	width: 185px;
}
.mount .block .title
{
	font: 18px/24px Helvetica, Arial;
	width: 100%;
	padding: 8px 0px 6px;
}
.mount .block .text
{
	width: 100%;	
}
.mount .txt
{
	padding-top: 15px;
	width:600px;
}
.ieFix2{
        _padding-top: 240px;
}
.formName{
    font: 15px/15px Helvetica, Arial;
    color:#3f3f3f;
    line-height: 30px;
    vertical-align: middle;
}
.errorText{
    width:460px;
    color:#ff0000;
    padding-top: 4px;
    padding-left: 4px;
    padding-bottom: 4px;
}
.sucessText{
    border: #00a0af 3px solid;
    width:460px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #00a0af;

}
.dateLine1 {
        font-family: Arial;
        font-size: 13px;
        font-weight: 400;
        color:#00a0af;
}
.dateLine2 {
        font-family: Arial;
        font-size: 11px;
        font-weight: 400;
        color:#3f3f3f;
}
.textLine {
	width: 32px;
	height: 32px;
	display: block;
	margin-left: 5px;
}
.inputBox {
        width:215px;
        height: 15px;
        color: #3f3f3f;
        font: normal 12px Arial;
}