/*  main css  */
html, body {
	margin: 0;
	padding: 0;
}

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;	
	background: #0000ff;   
 	color: #fcef02;
}

/* ................................Web page container to centre whole page....................... */
#page-container {
 	margin-right: auto;
	margin-left: auto;
	width: 98%; /* Holding outermost DIV */
	max-width: 640px;
	border:2px solid #000; 
	background: #0000ff;   
 	color: #fcef02;  	
}



hr {
width: 100%;
height: 4px;
background-color:#fcef02;
color:#fcef02;
}

/* ..............................Header container............................*/
#header_container {
 	width: 100%;
 	height: 90px;
 	background: #fff;
 	color: #000;
}
/* ...................................Header left .........................*/

#header_left {
 	position: relative;
 	height: 90px;
 	width: 50%;
	float: left;
}

#position_name{  
 	position: absolute; 
	left: 8px; 
	top: 0px;
	color: #fcef02;
	font-size: 36px;
	font-style:italic;
	float: left;
 	
}

#top_nav{  
 	position: absolute; 
	left: 1px; 
	top: 60px;	
	font-size: 0px;
}
/* ...................................Header right .........................*/

#header_right {
 	position: relative;
 	height: 90px;
 	width: 50%;
	float: right;
}

#position_name_pic1{ 
	top: 2px;
        width: 100%;
 	text-align: center; 	
}

#header_gallery {
 	height: 25px;
 	width: 100%;
 	color: #fcef02;
 	background: #d8231c;
 	font-size: 18px;
}

#header_gallery_display {
 	position: absolute; 
 	top: 5px;
 	height: 50px;
 	width: 100%;
 	font-size: 0px;
 	text-align: center; 
}

#header_studio {
 	position: absolute;
 	top: 60px;
 	height: 40px;
 	width: 100%;
 	font-size: 22px;
 	font-style: italic;
 	text-align: center; 
}

#header_gallery_left {
 	width: 50%;
 	background: #d8231c;
 	float: left;
	overflow:hidden;
}

#header_gallery_right {
 	width: 50%;
 	background: #d8231c;
 	float: right;
	overflow:hidden;
}

#header_gallery_right_message {
 	width: 80%;
 	float: left;
	overflow:hidden;
}

#header_gallery_right_login {
 	width: 20%;
 	float: right;
	overflow:hidden;
}



#header_gallery a:link, a:visited {
	color: #fcef02;
}

#header_gallery a:hover {
	background-color: #00913e;
}

/* ...................................Body Container .........................*/

#body_container {
    width:100%;
    margin:0 auto;
    overflow: hidden;
 	color: #fcef02;
	background: #0000ff;
    clear:both;
}




#body_container_catologue {
    width:100%;
    margin:0 auto;
    overflow: hidden;
    color: #fff;
	background: #fcef02;
    clear:both;
}

#contents_left {
 	position: relative;
 	width: 48%;
	margin: 0 1%;
	font-weight: bold;
	float: left;
	overflow:hidden;	
}



#contents_left a:link {
	color: #fcef02;
}

#contents_left a:hover {
	color: #d8231c;
}

#request_refund a:link, #request_refund a:visited, #request_refund a:active	/* menu at rest */
	{
	color: yellow;
	text-decoration:none;
	}

#request_refund a:hover						/* menu on mouse-over  */
	{
	color: white;
	text-decoration:none;
	}

#contents_gallery {
 	position: relative;
 	width: 98%;
	margin: 0 1%;
	text-align: center;
}

#contents_right {
 	position: relative;
 	width: 48%;
	margin: 0 1%;
	float: right;
	overflow:hidden;	
}

#contents_right a:hover {
	color: #fff;
}

#contents_right a:link, #contents_right a:visited, #contents_right a:active{
	color: #f60606;
}

#contents_right_confirm {
 	position: relative;
 	width: 48%;
	margin: 0 1%;
	float: right;
	overflow:hidden;	
}





#contents_left_catologue {
 	position: relative;
 	height: 200px;
 	width: 50%;
	margin: 0;
	float: left;
	overflow:hidden;	
}

#contents_right_catologue {
 	position: relative;
 	width: 50%;
 	height: 200px;
	margin: 0;
	float: right;
	overflow:hidden;	
}



#contents_heading{  
 	position: absolute; 
    width:100%;
    height: 20px;
	left: 8px; 
	top: 2px;
 	color: #0c2d98;
	font-size: 20px;
	font-style: normal;
 	
}

#small_font_dimensions {  
 	position: absolute;  
	font-size: 12px;
	left: 8px; 
	top: 130px;
 	color: #000000;
/*	font-style: bold;	*/
}

#contents_image{  
 	position: absolute; 
	top: 25px;	
    width:100%;
    height: 110px;
 	
}

#contents_price{  
 	position: absolute; 
	top: 150px;	
	left: 8px;
    width:50%;
 	color: #0c2d98;
    height: 20px;
    font-size: 22px;
/*	font-style: bold;
*/ 	
}

#contents_price_amount{  
 	position: absolute; 
	top: 150px;	
	left: 140px;
    width:40%;
 	color: #0c2d98;
    height: 20px; 
 	text-align: right; 
    font-size: 22px;
/*	font-style: bold;
 */	
}

#contents_display_msg{  
 	position: absolute; 
	top: 180px;	
	left: -100px;
    width:90%;
 	color: #0c2d98;
    height: 20px; 
 	text-align: right; 
    font-size: 16px;
/*	font-style: bold; */
 	
}

#contents_single{  
 	position: absolute;
    height: 20px;
	left: 170px; 
	top: 70px;
 	
}

#contents_checkout {	
 	width: 48%;
	margin: 0 1%;
	float: left;
	color: #31ecf8;
}

#checkout_itemname {	
 	width: 100%;
	color: #31f85b;
    height: 25px; 
 	text-align: left; 
    font-size: 18px;
/*	font-style: bold; */
}

#checkout_printsize {
 	position: relative;	
 	width: 100%;
 	height: 55px;
    font-size: 14px;
	color: #fff; 
}

#checkout_heading {	  
 	position: absolute;
 	width: 85px;
	overflow:hidden;
}

#checkout_qty {	  
 	position: absolute;
 	left: 38%;
	float: left;
	overflow:hidden;
}
#checkout_itemtotal {  
 	position: absolute;	
 	left: 65%; 
	float: right;
	overflow:hidden;
}

#checkout_overalltotal {  
 	position: absolute;	
 	left: 53%; 
	float: right;
	overflow:hidden;
	font-size: 15px;
}

#body_whole_container_cart { 
    width:100%;
    margin:0 auto;
    overflow: hidden;    
	font-size: 18px;
    color: #fff;
	background: #fcef02;
    clear:both;

}

#body_container_cart {
    width: 50%;
	margin: 0;
    overflow: hidden;
    color: #000;
	float: left;
}

#contents_login{	
 	width: 50%;
	margin: 0;
	overflow:hidden;
    color: #000;
	float: right;
}

	

#whole_contents {
 	width: 100%;
 	color: #fff;
	background: #0c2d98;
}

#inside_margin {
 	width: 98%;
	margin: 0 1%;
}

#inside_margin_msg {
 	width: 98%;
 	margin: 0 1%;
	font-size: 24px;
	text-align: center;
}

#inside_margin_msg a:link {
	color: #fff;
}

#inside_margin_msg a:hover {
	color: #f60606;
}


#showmessage {
 	color: #00913e;
}

#showmessage a:link {
	color: #00913e;
}

#showmessage a:hover {
	color: #d8231c;
}

#field_name {
 	position: absolute;
 	left: 25px; 
	top: 35px;
}

#field_reminder {
 	position: absolute;
 	left: 25px; 
	top: 65px;
	color: #f10f0f;
	font-size: 20px;
}

#field_password_reset {
 	position: absolute;
 	left: 25px; 
	top: 175px;
}

#field_msg {
 	position: absolute;
 	left: 25px; 
	top: 205px;
	color: #f10f0f;
}

#field_phone {
 	position: absolute;
 	left: 25px; 
	top: 80px;
}
#field_email {
 	position: absolute;
 	left: 25px; 
	top: 125px;
}

#field_email2 {
 	position: absolute;
 	left: 25px; 
	top: 170px;
}

#field_valid {
 	position: absolute;
 	left: 15px; 
	top: 215px;
}

#field_subject {
 	position: absolute;
 	left: 25px; 
	top: 215px;
}

#field_message {
 	position: absolute;
 	left: 25px; 
	top: 35px;
}

#field_box {
 	position: absolute;
 	left: 25px; 
	top: 65px;
}

#field_input {
 	position: absolute;
 	left: 25px; 
	top: 215px;
}

#field_warning {
 	position: absolute;
 	left: 5px; 
	top: 245px;
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.banner{
 	position:absolute; 
	z-index:1; 
	height:85px; 
	width:230px; 
	top:0px;
	}



#banner1{background-image:url(../graphics/banner1.png);}
#banner2{background-image:url(../graphics/banner2.png);}
#banner3{background-image:url(../graphics/banner3.png);}
#banner4{background-image:url(../graphics/banner4.png);}
#banner5{background-image:url(../graphics/banner5.png);}


#footer {
	position: relative;
	bottom: 0px;
	margin: 0;
	padding: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 40px;
 	background: #0000ff;
	font-family: Arial;
	text-shadow: 1px 1px 1px black;
	border-top: 1px solid rgba(0,0,0,0.3);
	background: rgba(0,0,0,0.25);
	box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 10px 20px rgba(255,255,255,0.3), inset 0 -15px 30px rgba(0,0,0,0.3);
}

#footer_left {
 	clear:left;
 	width: 50%;
 	text-align: center;
	height: 40px;
	float: left;
    overflow: hidden;
}

#footer_left_tel {
 	position: absolute; 
	left: 100px;
	top: 10px;	
}

#footer_left_tel a:link {
	color: #fcef02;
}

#footer_left_tel a:hover {
	color: #d8231c;
}

#footer_right {
 	clear:right;
 	width: 50%;
 	color: #fcef02;
	height: 40px;
	float: right;
    overflow: hidden;
    position: relative;
}

#footer_right_email {
 	top: 10px;
 	width: 100%;
 	color: #000;
 	text-align: center;
 	position: absolute;
}

#footer_right a:link {
	color: #fcef02;
}

#footer_right a:hover {
	color: #d8231c;
}

#footer li ul {
	list-style: none;
	padding:0px;
	margin-bottom:12px;
}
.clear{
	clear:both;
	display:block;	
	overflow:hidden;
	visibility:hidden;
	width:0px;
	height:0px;
	
}

#footer_menu{
	margin:0px;
	padding:0px;
	width:auto;
}

#footer_menu li{
	list-style: none;
	float: left;
	font-size:12px;
	padding: 12px 14px 14px 14px;
	border-right: 1px solid rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.1);
	
}

#footer_menu li:hover{
	background: rgba(0,0,0,0.3);
}

#footer_menu li a{
	display:block;
	color: #fcef02;
	text-decoration: none;
}

#footer_menu li a:hover{
	color: black;
}

#footer_menu li:hover li{
	float: none;
	background: none;
	border: none;
	border-bottom: 1px solid #111111;
	padding: 12px 10px 12px 10px;	
}



#footer_menu li:hover a{
	color: black;
}

#footer_menu li:hover a:hover{
	color: black;
}

/* header link */

#footer_menu li:hover a.headerLinks{
	font-size:14px;
	text-decoration: underline;
	color: black;
	margin-top: 10px;
}

#footer_menu li:hover a.headerLinks:hover{
	color: black;
	cursor: pointer;
}

#footer_menu li:hover a:hover{
	color:black;
}

/* list links */

#footer_menu li:hover a.listLinks{
	font-size:12px;
	color: black;
	margin-top: 10px;
}

#footer_menu li:hover a.listLinks:hover{
	color: #fcef02;
	cursor: pointer;
}

tr {
    color: black;
}


/* Layouts */



#footer .one_column_layout{
	margin: 4px;
	position:absolute;
	padding-bottom:15px;
	display:none;
	width:85px;
	text-align:left;
}


/* display drop-up menus on hover */

#footer_menu li:hover .one_column_layout {
	display: block;
	position:absolute;
	margin: 0 0 0 -15px;
	bottom: 40px;
	background: #d8231c;
	border-radius: 7px 7px 0px 0px;
}

#footer .col_1{
	display:inline;
	float:left;
	position:relative;
	margin-left: 5px;
	margin-right: 5px;
	width: 75px;
}


@media screen and (max-width: 640px) {
#page-container{
width:100%;
}

#header_container {
 	height: 180px;
}

#header_left {
 	width: 98%;
 	height: 90px;
 	margin: 0 1%;
}

#top_nav{ 
	top: 60px;
}

#header_right{	
 	width: 98%;
 	margin: 0 1%;
}

#header_gallery_left {
 	width: 98%;
 	margin: 0 1%;
}

#header_gallery_right {
 	width: 98%;
 	margin: 0 1%;
}

#contents_left {	
 	width: 98%;
 	margin: 0 1%;
}

#contents_right{	
 	width: 98%;
 	margin: 0 1%;
}

#body_container_contact {
    height:560px;
}
/*
#body_container_catologue {
    height:px;
}
*/

#body_container_cart {
 	width: 100%;
}

#contents_login {
 	width: 100%;
}


#contents_left_catologue {
 	width: 100%;
	margin: 0;	
}

#contents_right_catologue {
 	width: 100%;
	margin: 0;	
}

#header_gallery {
 	height: 40px;	
 	font-size: 16px;
}

#header_gallery_left {
 	width: 100%;
	margin: 0;	
}

#header_gallery_right {
 	width: 100%;
	margin: 0;	
}

#contents_login{	
 	width: 98%;
	margin: 0 1%;
}


#contents_checkout {	
 	width: 98%;
	margin: 0 1%;
}

#contactus_left {
 	width: 100%;
}

#contactus_right {
 	width: 100%;
}

#footer {
 height: 80px;
}
	

#footer_left {
 	width: 100%;
}

#footer_right{
	width:100%;
}

}

@media screen and (max-width: 310px) {
#page-container{
width:100%;
}

#header_container {
 	height: 220px;
}

#header_left {
 	width: 98%;
 	height: 130px;
 	margin: 0 1%;
}

#top_nav{ 
	top: 80px;
}

#header_right{	
 	width: 98%;
 	margin: 0 1%;
}

#header_gallery_left {
 	width: 98%;
 	margin: 0 1%;
}

#header_gallery_right {
 	width: 98%;
 	margin: 0 1%;
}

#contents_left {	
 	width: 98%;
 	margin: 0 1%;
}

#contents_right{	
 	width: 98%;
 	margin: 0 1%;
}

#body_container_contact {
    height:560px;
}
/*
#body_container_catologue {
    height:px;
}
*/

#contents_left_catologue {
 	width: 100%;
	margin: 0;	
}

#contents_right_catologue {
 	width: 100%;
	margin: 0;	
}


#body_container_cart {
 	width: 100%;
}

#contents_login {
 	width: 100%;
}

#header_gallery {
 	height: 40px;	
 	font-size: 16px;
}

#header_gallery_left {
 	width: 100%;
	margin: 0;	
}

#header_gallery_right {
 	width: 100%;
	margin: 0;	
}

#contents_login{	
 	width: 98%;
	margin: 0 1%;
}


#contents_checkout {	
 	width: 98%;
	margin: 0 1%;
}

#contactus_left {
 	width: 100%;
}

#contactus_right {
 	width: 100%;
}

#footer {
 height: 80px;
}
	

#footer_left {
 	width: 100%;
}

#footer_right{
	width:100%;
}
}