
.subcontainer #titlebar {
	position: relative;
	width: 590px;
	height: 50px;
	padding-top: 10px;
}

#titlebar {
	text-align: center;
}

#titlebar bigblueh3 {
	text-align: center;
	font-size: 20px;
	font-weight: lighter;
	color: #23adfe;
	padding-bottom: 4px;
}

#titlebar h4, #bottom_text h4 {
	text-align: center;
	font-size: 15px;
	font-weight: lighter;
	color: #2d2d2d;
	padding-bottom: 2px;
}

.subcontainer #slider {
	display: table;
	width: 580px;
	height: auto;
}

#slider .navigate {
	display: table-cell;
	width: 160px;
	height: auto;
}

#slider .slideshow {
	display: table-cell;
	width: 390px;
	height: auto;
}

.subcontainer #textarea {
	width: 580px;
	height: auto;
}

.subcontainer #navbutton1 {
	position: absolute;
	width: 400px;
	height: 50px;
	left: -10%;
}

.subcontainer #headertext {
	position: relative;
	width: 400px;
	height: auto;
	float: right;
}

.subcontainer #navbutton2 {
	position: absolute;
	width: 580px;
	height: 70px;
	left: 0;
}

.slideshow img {
}

.navigate ul {
	display: block;
	list-style: none;
	text-align:center;
	width: 160px;
	padding: 3px;
}

.navigate ul li {
	display: block;
	list-style: none;
	width: 150px;
	height: 65px;
	vertical-align: middle;
}

#thumbnails li a, #thumbnails li a:visited {
	display: block;
	background: #02136a;
	text-decoration: none;
	padding: 4px;
	width: 150px;
	height: 50px;
}

#thumbnails li a img {
	padding-top: 3px;
}


#thumbnails li a h4 {
	display: block;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}

#thumbnails li a
{ 
	background: #02136a;
	opacity:0.4;
	filter:alpha(opacity=40);
}

#thumbnails .active a, #thumbnails .active a:visited, #thumbnails li a:hover
{
	opacity: 1;
	filter:alpha(opacity=100);
}

.navigate img {
	float: left;
}

 #headertext h3 {
 	text-align: left;
 	font-size: 16px;
 	letter-spacing: 1px;
 	color: #02136a;
 }
 
 #headertext h4 {
 	text-align: right;
 	font-size: 13px;
 	color: #02136a;
 	font-weight: bold;
 	padding-top: 10px;
 }

#navbutton2 h4 {
	text-align: right;
	font-size: 15px;
	color: #02136a;
	font-weight: lighter;
	padding-top: 10px;
}


#textarea div h3 {
	text-align: center;
	font-size: 16px;
	color: #02136a;
	padding-top: 10px;
	/*padding-left: 100px;*/
}

#textarea div p {
	text-align: justify;
	font-size: 13px;
	color: #02136a;
	padding: 4px;
}

#navbutton2 ul {
	list-style: none;
	float: left;
}

#navbutton2 ul li, #navbutton1 ul li {
	display: inline-block;
	text-align: center;
	background-image: url(../images/nav-bluebtn.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 20px;
	text-align: center;
}

#navbutton2 ul li a span {
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
}

#navbutton1 ul li a span {
	font-size: 12px;
	color: #FFFFFF;
	font-weight: lighter;
}

#navbutton2 ul li a, #navbutton1 ul li a {
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
}

#titlebar ul li a, #titlebar ul li a:visited  {
	text-decoration: none;
	font-size: 16px;
	color: #FFFFFF;
}


#image_caption {
	position: absolute;
	right: 7%;
	bottom: 22%;
}

#image_caption h4 {
	font-size: 12px;
	text-align: left;
}

.items_title {
	width: 600px;
	height: 30px;
	text-align: center;
}

items_title h4 {
	padding-top: 20px;
}

.items {
	position: relative;
	width: 630px;
	height: 400px;
	text-align: center;
	padding-top: 10px;
	padding-left: 10px;
}

.items #item {
	display: table;
	width: 600px;
	height: auto;
	padding: 10px;
}

.items #item #item-img {
	position: relative;
	display: table-cell;
	width: 140px;
	height: 80px;
	float: left;
}

.items #item #item-text {
	width: 320px;
	height: 100px;
	display: table-cell;
	padding: 5px;
	float: left;
}

#item-text h3, h4, p { 
	color: #02136a;
}

#item-text h4 {
	font-weight: lighter;
}

#item-text p { 
	font-size: 12px;
}

.items #item #item-button {
	display: table-cell;
	text-align: center;
	width: 120px;
	height: 60px;
	padding-top: 40px;
	float: right;
}

#item-button #img-btn {
	margin: 0 auto;
	width: 100px;
	height: 30px;
	text-align: center;
	background-image: url(../images/menu-btn-small.png);
	background-repeat: no-repeat;
}

#item-button #img-headbtn {
	margin: 0 auto;
	width: 100px;
	height: 30px;
	text-align: center;
	background-image: url(../images/nav-graybtn.png);
	background-repeat: no-repeat;
}


#item-button #img-btn p {
	padding-top: 8px;
}

#img-headbtn p {
	padding-top: 4px;
}


/*#detaildiv, detaildiv li {
	list-style: none;
	margin: 0;
}*/ 

#img-btn p a,#img-btn p a:visited {
	display: block;
	width: 100px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#img-headbtn p a,#img-headbtn p a:visited {
	display: block;
	width: 100px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: lighter;
}

.items_title {
	background: #def0fe;
}

.items_title h3 {
	text-align: center;
	padding-top: 5px;
	font-size: 16px;
	letter-spacing: 1px;
	color: #023a6a;
}

.items #item-codes {
	background: #def0fe;
	color: #02136a;
	width: 580px;
	height: auto;
	padding: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-radius: 10px;
}

#item-codes table {
	text-align: left;
	width: 580px;
}

#detail table, #details table {
	width: 100%;
}

#detail {
	width: 100px;
}

#detail table {
	background: #a4d5fc;
}

#details table {
	width: 100%;
}

#detail table tr td, #details table tr td {
	height: 30px;
}

#detail table tr td {
	text-align: center;
}

#detail table tr td div {
	width: 100%;
	text-align: center;
	background: #adadad;
}

.items #orderbtn {
	color: #02136a;
	width: 580px;
	height: auto;
	padding-top: 20px;
}

#image_getstarted {
	display: table;
	width: 630px;
	height: auto;
}

#image_getstarted img {
	text-align: center;
}

#image_getstarted div{
	display: table-cell;
	width: 200px;
	height: auto;
	float: left;
}

#image_getstarted #liqnks {
	display: table-cell;
	width: 280px;
	height: auto;
	float: left;
	border: 1px solid #333;
}

#item-text h3 {
	font-size: 15px;
}

#item-text h4 {
	font-size: 13px;
}

#item-text h3 div {
	background: #def0fe;
	text-align: center;
	padding: 5px;
}

#item-text h3 div a, #item-text h3 div a:visited {
	text-decoration: none;
	color: #02136a;
}

#signup_form fieldset {
 padding:1em 1.5em;
 border:1px solid #bbb;
}
 
#signup_form legend {
 font-weight:bold;
}
 
#signup_form label {
 display:block;
}
 
#signup_form label span {
 color:#f00;
}

#signup_form p {
	padding: 2px;
}

#signup_form .error {
 padding:2px;
 margin:5px 0;
 color: red;
 border:1px solid #f00;

}

.radiosize {
	border:2px solid skyblue;
	background-color: white;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 20px;
	margin-right: 15px;
	position: relative;
	top: 5px;
	width: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	outline:none;
}

.radiosize:after {
    border-radius: 20px;
    content: '';
    display: block;
    height: 10px;
    left: -2px;
    position: relative;
    top: -2px;
    width: 10px;
}

.radiosize:checked:after {
    background-color: skyblue;
}

.initorder a, .initorder a:visited {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #02136a;
	text-align: center;
}

.orderform a, .orderform a:visited {
	text-decoration: none;
	color: gray;
}

/*.imgcrop {
	position: relative;
	width: 400px;
	height: 195px;
	overflow: hidden;
}

.imgcrop img {
	position: absolute;
	bottom: 0;
	-moz-box-shadow: 0 0 20px black; 
	-webkit-box-shadow: 0 0 20px black;
	box-shadow: 0 0 20px black;	
}*/

html, body {
text-align: center;
}
p {text-align: left;}

input {
	border:2px solid skyblue;
	-moz-border-radius: 15px;
	border-radius: 15px;
    padding:5px;
    outline: none;
}