@charset "utf-8";

/* ======== GENERAL STYLES ======== */

html {
    overflow: none;
}

body {
	background-color: #bbe0f6;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	vertical-align: top;
}

a:focus {
    outline: 0px solid white;
}

a:link {
	text-decoration: none;
	font-weight:bold;
	color:#369;
}
a:visited {
	text-decoration: none;
	color:#369;
	font-weight:bold;


}
a:hover {
	text-decoration: none;
	color:#C3C;
}
a:active {
	text-decoration: none;
	color:#369;
}

hr {
	color:#369;
	background-color:#369;
	height:1px;
	border:none; 
	}

#space {
	background-color: #FFF;
	width: 850px;
	display: block;
	margin-left: auto;
	margin-right: auto

}
.top_bar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #69C;
	background-color: #BBE0F6;
	background-image: url(images/top_bar_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 28px;
	width: 450px;
	top: 0px;
	right: 0px;
}


#offers {
	background-color: #FFF;
	width: 480px;
	position: relative;
	display:block;
	margin-bottom:10px;
	padding:3px;
}

#news {
	background-color: #FFF;
	width: 480px;
	position: relative;
	display:block;
	margin-bottom:10px;
	padding:3px;
}


#bottom_bar {
	background-image: url(images/bottom_bar_bg.gif);
	height: 67px;
	width: 850px;
}



#order_form {
	padding:10px;
	border: #369 solid 1px;
	width:300px;
	margin-left:10px;
	margin-right:5px;
}


/* ======== MENU ITEMS ======== */

#menu_main_space {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	background-color: #FFF;
	background-image: url(images/menu_main_cnr.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 36px;
	width: 605px;
	padding-left: 32px;
}

.menu_sub a
{
	display: inline-block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #369;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
}
.menu_sub a:hover, .menu_sub a:focus
{
	color: #FFF;
	background-image: url(images/menu_sub_on.gif);
	background-repeat: repeat-x;
}


/* ======== TEXT CLASSES ======== */

.text_normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333;
	padding-right: 20px;
}

.text_hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #369;
	padding-right: 20px;
	font-weight: bold;

}

.text_pink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #c09;
	font-weight: bold;
}
.text_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #369;
	font-weight: bold;
}
.text_gall_title {
	font-size: 16pt;
	color: #369;
	font-weight: bold;
}
.text_gall_small {
	font-size: 7pt;
	color: #369;
}
.text_gall_med {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #369;
}
.text_gall_lrg {
	font-size: 10pt;
	color: #369;
}

.text_offer {
	font-size: 10pt;
	color: #C00;
	font-weight:bold;
}

.text_news {
	font-size: 10pt;
	color: #369;
	font-weight:bold;
}

.text_price {
	font-size: 8pt;
	color: #666;
}
.text_frame {
	font-size: 8pt;
	color: #666;
}



/* ======== BUTTONS ======== */

.btn_space {
	position:relative;
	top:-3px;
	height: 21px;
	vertical-align: middle;
	display: inline-block;
}

.btn_left {
	height: 21px;
	display: inline-block;
	vertical-align: middle;
}
.btn_mid {
	height: 21px;
	display: inline-block;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	background-image: url(images/btn_mid_bg.gif);
	background-repeat: repeat-x;
	margin-left: -4px;
	margin-right: -4px;
}
.btn_right {
	position:relative;
	height: 21px;
	display: inline-block;
	vertical-align: middle;
}
.btn_text {
	padding-top: 2px;
	display: inline-block;
}



/* ======== DETAIL ======== */

.arrow_right {
	display: inline-block;
	top: 5px;
	position: relative;
}

.padded {
	padding-right:20px;
	
}

#invite_price {
	display:none;
}
#thanks_price {
	display:none;
}
#blank_price {
	display:none;
}


.rhs_pic {
	margin:10px;
	padding:5px 5px 5px 5px;
	border: solid #ddd 1px;
}


/* ======== QUICK BOXES ======== */

#quicklinks_space {
	background-image: url(images/quicklinks_bg.gif);
	background-repeat: no-repeat;
	display: block;
	height: 273px;
	width: 492px;
	position: relative;
}
.quicks_header {
	position: relative;
	left: 10px;
	top: 5px;
}
#quicklinks_pers {
	background-image: url(images/quicklinks_pers_bg.gif);
	background-repeat: no-repeat;
	height: 221px;
	width: 140px;
	position: absolute;
	left: 10px;
	top: 42px;
	padding: 8px;
}
#quicklinks_prin {
	background-image: url(images/quicklinks_prin_bg.gif);
	background-repeat: no-repeat;
	height: 221px;
	width: 140px;
	position: absolute;
	left: 170px;
	top: 42px;
	padding: 8px;
}
#quicklinks_stat {
	background-image: url(images/quicklinks_stat_bg.gif);
	background-repeat: no-repeat;	
	height: 221px;
	width: 140px;
	position: absolute;
	left: 330px;
	top: 42px;
	padding: 8px;
}
.quicklinks_btn {
	display:block;
	position:absolute;
	height: 21px;
	width: 130px;
	top: 195px;
}

#quickview_space {
	background-repeat: no-repeat;
	display: block;
	height: 75px;
	width: 290px;
	position: relative;
	margin-top:-22px;
}
#top_five_control {
	background-image: url(images/top_five_bg.gif);
	background-repeat: no-repeat;
	height: 35px;
	width: 219px;
	position: absolute;
	right: 0px;
	bottom: 6px;
	vertical-align: middle;
	text-align: left;
}
#top_five_num {
	height: 35px;
	width: 40px;
	position: absolute;
	left: 15px;
	bottom: 6px;
}
.top_five_arrows {
	height: 25px;
	width: 60px;
	position: relative;
	top:4px;
	display: inline-block;
}
.top_five_text {
	font-size: 15px;
	font-weight: bold;
	color: #369;
	display: inline-block;
	width: 150px;
	left:10px;
	top:-2px;
	position: relative;
}

/* ======== GALLERY OBJECTS ======== */

#gallery_scroll {
	position:relative;
	width:95px;
	height:35px;
	display:block;
	z-index:50;
	float:none;
	border-left:#FFF solid 8px;
	background-color:#FFF;
	background-image:url(images/scroll_bg.gif); 
	background-repeat:no-repeat;
	margin-top:-25px;
	margin-bottom:5px;
	font-size:9px;
	vertical-align:middle;
}

#gallery_space {
	height: 425px;
	width: 500px;
	overflow: hidden;
	font-size:0em;
}


.gallery_thumb {
	display: inline-block;
	width:145px;
	height:auto;
	margin-right: 20px;
	margin-bottom: 25px;
	vertical-align:middle;
}

.thumbpic {
	padding:5px;
	border: solid #ddd 1px;
}

#mainImageSpace {
	width: 310px;
	vertical-align:top;
	top:0px;
	display:block;
	float:left;
}

#pricing {
	position:relative;
	width:280px;
	right:20px;
}
#framing {
	position:relative;
	width:280px;
	right:20px;
}

/* ======== HIDDEN DIVS ======== */

#hiddenPath {
	display: none;
	position: absolute;
	right: 1000em;
}

#hiddenT5Gal {
	display: none;
	position: absolute;
	right: 1000em;
}
#hiddenT5Pos {
	display: none;
	position: absolute;
	right: 1000em;
}

#datadump {
	display: none;
	position: absolute;
	right: 1000em;
}




/* ======== IE FIXES 




[if IE]>
<style>
.item {
margin: 5px;
padding: 10px;
}
</style>
<![EndIf]


=========*/



