@charset "utf-8";
/* CSS Document */
a {
text-decoration:none;
color:white;
}
a:hover, #kiss a:hover{
color:red;
}
h3 {
text-align:center;
}
h2 {
text-align:center;
}
.justify {
text-align:justify;
}
#wrapper {
margin-left:auto;
margin-right:auto;
width:1000px;
overflow:hidden;
background:blak;
}
#header {
width:980px;
background:url('redone_img/UOP_header.jpg');
}
#nav {
width:165px;
color:white;
float:left;
background:black;
}
#images {
display:inline-block;
}
#images img {
width:395px;
padding:5px;
}
.clear {
clear:both;
}
#content {
float:left;
background: black;
width: 815px;
color: white;
overflow:hidden;
}
#content h1 {
text-align: center;
margin: 15px;
font-size: 42px;
}
.inside_outside {
font-size:18px;
}
#inside {
float: left;
width: 200px;
text-align:center;
color: white;
font-size:16px;
font-weight:bold;
}
#outside {
float:left;
width:340px;
margin:0px 10px;
text-align:center;
color: white;
font-size:16px;
font-weight:bold;
}
#outside img, #inside img {
padding-top:10px;
}
#description {
float:right;
width:250px;
margin-top:30px;
text-align:left;
}

#description2 {
float:right;
width:300px;
margin-top:30px;
text-align:left;
}

#personalize {
padding-top:15px;
}
#kiss {
color:#ffcc33;
font-size:40px;
margin-top:2px;
font-weight:bold;
text-align:center;
}
.kiss2 {
	color:white;
	font-size:25px;
}
.kiss3 a {
	color:white;
	font-size:18px;
}
li {
list-style:none;
}
ul {
margin-left: 18px;
margin-top:0px;
padding-top:0px;
}
.title {
width: 150px;
color:white;
font-weight: bold;
}
li a{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:white;
text-decoration: none;
background:none;
font-weight:normal;
text-indent:-8px;
}
.larger {
padding-top:5px;
}
img {
border: none;
}
#seo_text {
margin:10px;
}
#seo_text p:first-letter {
font-size: 20px;
font-weight:bold;
margin-right:3px;
}

#prev_img img {
width: 450px;
margin:20px;
float:left;
}
#script_options {
font-weight:bold;
}
#script_options a{
display:inline-block;
}
#script_options img {
padding:10px;
}

#form {
width: 510px;
border:2px white solid;
padding:8px;
margin-right:auto;
margin-left:auto;
}
.form_field {
width:200px;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
}
label {
font-size:18px;
float:left;
text-align:right;
width:250px;
margin-right:1em;
}
#state, #file {
width:206px;
}
legend {
font-size:20px;
color:white;
font-weight:bold;
}
#form_right {
width:510px;
}
#submit {
width: 510px;
}

#qty_box {
width: 500px;
margin-left:auto;
margin-right:auto;
}
#qty {
width:500px;
}

#resp_box {
width:500px;
margin-left:auto;
margin-right:auto;
font-size:18px;
font-weight:bold;
text-align:center;
}
#price_box {
width:150px;
height:50px;
background: yellow;
color: black;
position:fixed;
top:0px;
right:0px;
text-align:center;
font-weight:bold;
font-size:24px;
vertical-align: middle;
}

#right_box {
font-size: 16px;
font-weight:bold;
color:white;
text-align:center;
}
#stretch {
background:black;
width:100%;
height:auto;
}
#stretch #cent {
margin-left:auto;
margin-right:auto;
width:825px;
background:black;
}
#message {
float:right;
text-align:left;
color:white;
border:2px solid white;
font-size:18px;
font-weight:bold;
padding:5px;
width:450px;
}

#submit_btn {
margin:5px;
padding-top:10px;
}
.price_disp {
font-size:58px; 
color:#ffcc33; 
text-align:center; 
font-weight:bold;
}
#vid-container {
width:550px;
background:#333;
height:398px; /*!!!!!!!!!!!!!!!!!!!DELETE ME!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*margin: 0 5px 0 5px;*/
border: solid 6px #1b1b1b;
}
#vid-player { width:300px;}
#vid-thumbs {
width:90px;
height:330px;
background:#333;
padding: 0 10px;
border-left: solid 6px #1b1b1b;
float:right;
}
#vid-thumbs-scroll {
height: 280px; width: 90px; padding:3px 0; margin:0; overflow: hidden }
#vid-thumbs-scroll .vid-thumbs-block { height: 358px; width: 90px; top:0; left:0 }
#vid-thumbs .vid-thumbs-block img { padding:0; margin:0; }
#vid-thumbs .vid-thumbs-block label {
width:90px;
text-align:center;
display:block;
font-size:.875em;
padding:2px 0;
}


.right {
float:right;
}
#vid-description {
	border-top: solid 6px #1b1b1b;
	text-align:center;
}
#vid-description .welcome {
color:#ff7e00;
font-size:1.75em;
font-weight:bold;
}

#vid-description .tag {
color:#fff;
font-size:1.5em;
font-weight:bold;
font-style:italic;
}

#vid-description p {
color:#fff;
font-size:.875em;
padding-top:3px;
text-align:left;
}
.round-thumbs {
width:210px;
}

.thumb-container {
position:relative;
height:133px;
margin-bottom:5px;
}

.thumb-img {
position:absolute;
top:0;
left:0;
z-index:3;
}

.thumb-lbl {
position:absolute;
bottom:0;
left:0;
z-index:4;
width:210px;
height:25px;
text-align:center;
background:url(/img/round-thumb-lblbg-trans.png);
color:#FFFFFF;
font-weight:bold;
}

.thumb-frame {
position:absolute;
top:0;
left:0;
z-index:10;
background:url(/img/round-thumb-frame.gif) no-repeat;
}

pre {visibility:hidden; height:0; width:0; padding:0; margin:0; position:absolute; top:0; left:0;}
code {}
pre code {}