@charset "utf-8";
/* CSS Document */
body 
{
	background-color:#333399;
}


#container 
{ 
background-color:#333399;
width:967px;
margin: 0 auto;
position:relative;
border:2px solid #fff;

}

#container .logo
{
	height:84px; border-bottom:1px solid #ffffff;
}
#container .logo_text {
	position:absolute;
	left:89px;
	top:23px;
	width:270px;
	height:41px;
	display:block;
}
#container .logo_img {
	position:absolute;
	left:24px;
	top:15px;
	width:50px;
	height:51px;
	display:block;
}



#container .menu { 
	position:relative;
    background-color:#a7a9ac;
	height:44px;}

.links_right_td	
{
	padding:top;
	text-align:right;
}

.links_left_td	
{
	
	text-align:center;
	
}
.links_left_td a {
	font-size:12px;

	color:#313131;
	text-decoration:none;
	margin-right:30px;
	}
.links_left_td_right {
	font-size:12px;

	color:#313131;
	text-decoration:none;
	}	
.links_left_td a:hover {
	color:#ffffff;
	}
#container .content {
	height:655px; 
	background-color:a7a9ac;
	background-image:url(../images/bg.jpg);
	border-top:1px solid #ffffff;
	}
#container .writing {
  background-color:#a7a9ac;
	border-top:1px solid #ffffff;
}

#container .media {
  background-color:white;
	border-top:1px solid #ffffff;
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	align:center;
	valign:top;
}

#container .about {
	
	background-color:#fff;
	border-top:1px solid #ffffff;
	}
	
	#container .shop {
	
	background-color:#ffffff;
	border-top:1px solid #ffffff;
	padding-left:34px;
	padding-top:14px;
	}
	#container .page { height:655px;
	background-color:#ffffff;
	width:969px;
	 }
	#container .cart {
	
	background-color:#ffffff;
	
	padding-left:34px;
	padding-top:14px;
	}

#container .intro {
	border:2px solid #ffffff;
	position:absolute;
	left:40px;
	top:290px;
	width:291px;
	height:332px;
	display:block;
}

#container .button1 {

	width:350px;
	height:60px;
	display:block;
	margin-right:20px;
}
#container .button2 {
	
	width:350px;
	height:60px;
	display:block;
}

.icon {

	width:56px;
	height:76px;
	display:block;
}
.br { height:20px;}
.footer {
	width:975px;
	
	display:block;
	}
#container2 
{

background-color:#283891;
width:971px;
margin: 0 auto;
position:relative;
}

.left-part{float:left;
border:4px solid #939598;
	}
.right-part{float:right; height:50px; left:500px; margin-bottom:15px; margin-top:10px; vertical-align:middle; }
.right-part-size {margin-bottom:5px;}
.color-box{width: 50px; height: 50px; float:right; margin:3.5px; border:1px solid #666;}
#yellow{background-color: rgb(244, 236, 169);}
#blue{background-color: rgb(41, 42, 62);}
#purple{background-color: rgb(242, 217, 225);}
#blue1{background-color: rgb(102, 141, 216);}
#orange{background-color: rgb(228, 124, 55);}
#white{background-color: rgb(255, 255, 255);}
.blue{border:4px solid #6d6e71;}
.size-box{outline:none;color:#fff;}
.selected{color:#6d6e71}
.size {
	border:none;}
.size a:hover {
	border:2px solid #333;
}
.size a:active {
	border:2px solid #F00;
}
.description {
	font-family:Verdana, Geneva, sans-serif;
	border-bottom:1px solid #666;
		}
.description p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;

	}
.description .title {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size:18px;
	color:#666;
	} 

.color_border {
	border:2px solid #000;
	}
.description .title {
   font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#666;
	}
.order_titles {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	border-bottom:1px solid #666;
	background-color:#999; }
	.order_titles2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#e0e3f3;
	
	}
	.order_titles2 a {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#e0e3f3; }
	.order_titles2 a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
	background-color:#e0e3f3;
	
	}
.order_text{
	border-bottom:1px solid #666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	margin-bottom:5px;}
.order_text1 td{
	border-bottom:1px solid #666;
	}
.btn_update {
	background-color:#009;
	color:#FFF;
	background-image:url(../images/btn_update.gif);
	background-repeat:no-repeat;
	width:51px;
	height:15px;
	border:none;
	
	}
.btn_delete {
	background-color:#009;
	color:#FFF;
	background-image:url(../images/btn_delete.gif);
	background-repeat:no-repeat;
	width:51px;
	height:15px;
	border:none;
	
	}
.checkout {
	float:left;
	margin-top:20px;
	margin-right:10px;
	}
.continue {
	float:left;
	margin-top:20px;
	border:none;
	}	
.continue img {
	border:none;
	}	
.checkout_form {
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	margin-top:50px;
	width:560px;
	height:310px;
	background-image:url(../images/form_bg.gif);
	}
.thank
{ font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#333;}
.pay_form {
	font-family:Verdana, Geneva, sans-serif;
	color:#666;
	font-size:12px;
	width:300px;
	margin-top:50px;
	}
.contact {
	background-image:url(../images/feedback_bg.gif);
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:280px;
	height:420px;
	float:right;
float:left;
	margin-top:50px;
	margin-right:100px;
margin-left:50px;
	}
	
.contact table {
	margin-left:30px;
	margin-right:40px;
	border:none;}
	.contact p {
		font-size:11px;
		margin-left:20px;
		margin-right:20px;}



	
	/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://flowplayer.org/img/overlay/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(http://flowplayer.org/img/overlay/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}