@import url("pet2.css");
/*******************************************************************/
@charset "utf-8";
/* CSS Document */


*html body{
	height:100%;
}

body{
font-family:Tahoma;
background:url(../images/bg.jpg) repeat #f14906;
padding:0;
margin:0;
}


ul,li,ol,h1,h2,h3,h4,h5,h6,p{ 
      margin:0; padding:0;}


h1,h2,h3,h4,h5,h6{
	font-family: Tahoma;
	color:#000000;
	font-weight:normal;
}

a{
color:#f14906;
text-decoration:none;
position:relative;

}

*html a{
text-decoration:none;
position:relative;
cursor:pointer;
}

*html input{
position:relative;
}
a:hover{
color:#000000;
text-decoration:none;
}
	  

#mainContainer{
	background:url(../images/transbg.png) repeat-x top;
	margin:0;
	/*width:100%;   */
	padding:0px;
	/*min-height:600px;         */
}
*html #mainContainer{
	background:none;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/transbg.png',sizingMethod='scale');
}
#maincon{
width:1009px;
height:auto;
margin:0px auto;
}

.clear{
	clear:both;
	display:block;
}

.toploginsection{
width:930px;
margin:0 auto;
padding:5px 0px 0px 35px; border:

}
.toploginsection .login{
width:370px;
float:right;
text-align:right;
padding-right:40px
}
.login ul{
list-style:none;
}
.login ul li{
font: bold 12px Tahoma;
color:#FFFFFF;
padding:0px 10px 8px 5px;
float:right;
}
.login ul li a{
font: bold 12px Tahoma;
color:#FFFFFF;
}

.login ul li a:hover{
font: bold 12px Tahoma;
color:#ff8a5c;
}
.login ul li span{
font: bold 12px Tahoma;
color:#ff7800;
}

/*****top navigtion***********/


.topnavBox{
	clear: both;
	background:url(../images/topnavbg.png) no-repeat bottom;
	height:45px;
	width:1007px;
	padding:0px;
	margin:0px auto;	
	overflow:hidden; position:relative;
}

*+html .topnavBox{
	background:url(../images/topnavbg.png) no-repeat bottom;
	height:45px;
	width:1008px;
	padding:0px;
	margin:0px auto;
	overflow:hidden;

}

*html .topnavBox{
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topnavbg.png',sizingMethod='0');
	background:none;
	height:45px;
	width:1008px;
	float:left;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	overflow:hidden;
}
.topnav{
	height:38px;
	position:relative;
	margin:0 auto;
	width:830px;	
	background:url(../images/topnavbg.gif) repeat-x top left;
}
*html .topnav{
	margin:0 auto;
	}

.topnav ul{
	margin:0px;
	padding:0px;
	list-style:none; float:left;
}
.topnav li{
	background:url(../images/topnavdivider.gif) no-repeat left top;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	padding:10px 10px 10px 12px;
	float:left;	
}
.topnav li a{
	font-family:Tahoma;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	position:relative;
	text-decoration:none;
	padding:5px 9px 12px 9px
}
.topnav li a:hover{
	background:url(../images/topnavhover.gif) repeat-x bottom;
}

.topnav .selected{
	background:url(../images/topnavhover.gif) repeat-x bottom;
}




.toprightBtn{
	height:38px;
	padding-left:30px;
	width:auto;
	background:url(../images/navrightbg.gif) no-repeat top left; position:absolute; right:0px; top:0;
}

.toprightBtn a{
	font-family:Tahoma;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
	float:left;
	padding:12px 8px 0 8px;
	white-space:nowrap;
	
}

.toprightBtn a:hover{
	color:#b2b2b2;
	text-decoration:none;
}


/*******************************************/
/************Container**********************/
/*******************************************/

#Container{
	/* width:965px; */
	width:1000px; 
	margin:0 auto;
	background:url(../images/containerbg.png) repeat-y;
	padding:0 21px;
	height: auto;
	overflow:auto;
}

*html #Container{
	background:none;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/containerbg.png',sizingMethod='scale');
}


/************header**********************/
.header{
	height:auto;
	overflow:visible;
	float:left;
	text-align:center;
	width:965px;
	margin:0px 0px;
	padding:0px 0px;}
.flash{
	width:951px;
	background:url(../images/fash_bg.jpg) repeat-x left top;
	height:198px;
	margin: 0px 0px 0px 7px;
}


*html .flash{
	width:951px;
	background:url(../images/fash_bg.jpg) repeat-x left top;
	height:198px;
	margin:0px;
}

*+html .flash{
	width:951px;
	background:url(../images/fash_bg.jpg) repeat-x left top;
	height:198px;
		margin:0px;
}

/************Navigation**********************/

.NavigationCon{
	background:url(../images/navigationbg.png) no-repeat;
	height:71px;
	float:left;
	width:965px;
}
*html .NavigationCon{
	background:none;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navigationbg.png',sizingMethod='scale');
}
.Navigation{
	width:868px;
	margin:0 auto 0 52px;
	height:61px;
	background:url(../images/nav_bg.gif) repeat-x;
}
.Navigation a{ position:relative;}
.Navigation a span{ display:none;}

.Navigation a.orderyourportraitBtn{
	background:url(../images/orderyourpotrait_btn_2.gif) no-repeat 0 -61px;
	float:left;
	width:277px;
	height:61px;
}
.Navigation a:hover.orderyourportraitBtn{
	background-position:0 0;
}

.Navigation a.portraitstyleBtn{
	background:url(../images/potraitstyle_btn.gif) no-repeat 0 -61px;
	float:left;
	height:61px;
	width:217px;
}
.Navigation a:hover.portraitstyleBtn{
	background-position:0 0;
}

.Navigation a.pricesizeBtn{
	background:url(../images/pricesize_btn.gif) no-repeat 0 -61px;
	float:left;
	height:61px;
	width:207px;
}
.Navigation a:hover.pricesizeBtn{
	background-position:0 0;
}
.Navigation a.galleriesBtn{
	background:url(../images/galleries_btn_2.gif) no-repeat 0 -61px;
	float:left;
	height:61px;
	width:167px;
}
.Navigation a:hover.galleriesBtn{
	background-position:0 0;
}

/*************/

/************bodyContainer**********************/
.bodyContainer{
	float:left;
	width:965px;
	height: auto;
}

.middlebox5 form { padding:0; margin:0; }

.bodyContainer .scrollbg{
width:872px;
height:auto;
margin:0 auto;
}

.scrollbg .top_img{
	width:621px;
	margin:0px auto;
	padding:0px;
	font:normal 20px Tahoma;
	color:#353535;
	text-align:center;
}

.scrollbg .down_sec{
	width:816px;
	padding:0px;
	margin:0px auto;
	margin-top:29px;
}

.down_sec .left_img{
	background:url(../images/leftcat_img.gif) no-repeat left top;
	width:190px;
	float:left;
	padding:0px;
	margin:0px;
}

.left_img a{
	font:bold 16px "Trebuchet MS";
	color:#245891;
	text-decoration:none;
	text-align:right;
	float:left;
	margin:20px 0px 0px 33px;
}

.left_img a:hover{
	
	color:#000;
	text-decoration:none;
}

.down_sec .left_img img{
	width:190px;
	padding:0px;
	margin:0px;
	border:none;
}

.down_sec .middle_img{
	background:url(../images/dog_bg.jpg) no-repeat left top;
	width:303px;
	height:330px;
	float:left;
	margin:0px 0px 0px 60px;
	padding:0px 15px 3px 0px;
	
}

.middle_img a{
	font:bold 16px "Trebuchet MS";
	color:#245891;
	text-decoration:none;
	float:left;
	margin:20px 0px 0px 130px;
}

.middle_img a:hover{
	
	color:#000;
	text-decoration:none;
}


.down_sec .right_img{
	background:url(../images/leftcat_img.gif) no-repeat left top;
	width:190px;
	float:right;
	padding:0px;
	margin:0px;
}

.right_img a{
	font:bold 16px "Trebuchet MS";
	color:#245891;
	text-decoration:none;
	margin:20px 0px 0px 33px;
	float:left;
}

.right_img a:hover{
	
	color:#000;
	text-decoration:none;
}

.down_sec .right_img img{
	width:190px;
	padding:0px;
	margin:0px;
	border:none;
}

.down_sec .bottom_txt{
	width:823px;
	padding:0px;
	margin:20px auto 10px auto;
	float:left;
	font:normal 19px Tahoma;
	color:#353535;
	text-align:center;
	
}


.scrollbg span{ display:none;}


.styleoptions{
	width:903px;
	margin:10px auto 0px auto;
	background:url(../images/optoionsbox_bg.gif) repeat-y;
	height:auto;
}

.styleoptions h2{
	background:url(../images/options_titlebg.gif) no-repeat;
	height:32px;
	font-family:Tahoma, "Arial Narrow";
	font-size:18px;
	text-align:center;
	padding-top:6px;
}
.styleoptions div.bottom{
	background:url(../images/optionsbox_bottom.gif) no-repeat bottom;
	display:block;
	height:14px;
	clear:both;
}

/***************left options*************************/
.styleoptions div.left{
	width:450px;
	float: left;
	margin:0 6px 0 30px;
}
.styleoptions div.left .optioncount{
	float: left;
	width:161px;
	height:170px;
	margin-right:60px;
	margin-bottom:20px;
}
.styleoptions div.left .optioncount .image{
	background:#a4a4a4;
	border:#878787 solid 1px;
	padding:10px;
	float:left;
	text-align:center;
}

.styleoptions div.left .optioncount .image a{
	text-align:center;
	width:172px;
	height:162px;
	display:block;
	padding:0;
}

.styleoptions div.left .optioncount .image a.oilpaint{
	background:url(../images/catsnew1.gif) no-repeat;
}
.styleoptions div.left .optioncount .image a:hover.oilpaint{
	background:url(../images/styled-oil.gif) no-repeat;
}

.styleoptions div.left .optioncount .image a.popart{
	background:url(../images/orignal_pop.gif) no-repeat;
}
.styleoptions div.left .optioncount .image a:hover.popart{
	background:url(../images/styled-pop.gif) no-repeat;
}

.styleoptions div.left .optioncount .image a.comicbook {
	background:url(../images/orignal_comic.gif) no-repeat;
}
.styleoptions div.left .optioncount .image a:hover.comicbook {
	background:url(../images/styled-comic.gif) no-repeat;
}

.styleoptions div.left .optioncount .image a.seurat{
	background:url(../images/orignal_seruit.gif) no-repeat;
}
.styleoptions div.left .optioncount .image a:hover.seurat{
	background:url(../images/styled_seruit.gif) no-repeat;
}
 



.styleoptions div.left .optioncount a{
	text-decoration:none;
	color:#000;
	padding:3px 0;
	display:block;
}

.styleoptions div.left .optioncount a:hover{
	color:#143c6b;
}
.styleoptions div.left .optioncount h3{ 
	text-align:center; font-size:1.2em; clear:both;
	background:url(../images/option_shadow.gif) no-repeat top;
}


/****************right options************************/
.styleoptions div.right{
	float:right;
	width:360px;
	margin-right:30px;
}

.styleoptions div.right .images{
	background:#a4a4a4;
	border:#878787 solid 1px;
	padding:10px;
	float:left;
	text-align:center;
}
.styleoptions div.right h3{
	text-align:center; font-size:1.2em; clear:both;
	background:url(../images/rightimagshadow.gif) no-repeat top center;
}
.styleoptions div.right a{
	text-decoration:none;
	color:#000;
	padding:0px 0;
	display:block;
}

.styleoptions div.right a:hover{
	color:#143c6b;
}






/************foursteps******************/

.fourstepsbox{
	float:left;
	width:965px;
	margin:5px 0px 0px 0px;
}
.fourstepsbox h2{
	background:url(../images/fourstepstop.png) no-repeat;
	height:40px;
	color:#FFF;
	padding:12px 0 0 15px;
}
.fourstepsbox .steps{
	background:url(../images/fourstepsboxbg.png) repeat-x;
	padding:0px 40px;
	float: left;
	width:885px;
}

/*********footer********************/
*+html .footer{
	background:url(../images/footerbg.png) no-repeat top center;
	height:40px;
	position:relative;
	width:965px;
	padding:0 21px;
	margin:-1px auto 0px;
	color:#FFF;
	font-size:.7em;
}
.footer{
	background:url(../images/footerbg.png) no-repeat top center;
	height:40px;
	width:965px;
	padding:0 21px;
	line-height:24px;
	margin:0 auto;
	color:#FFF;
	font-size:.7em;
}

*html .footer{
	background:none;
	height:40px;
	width:965px;
	padding:0 21px;
	margin:0 auto;
	color:#FFF;
	font-size:.7em;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/footerbg.png',sizingMethod='scale');
}

.footer .left{
		padding:10px 10px;
	text-align:center;
	clear:both;
}
.footer .right{
		padding:0px 10px 10px 10px;
	text-align:center;
}
.footer .left .rightlink{
		padding:0px 0px 0px 0px;
		margin:0px 30px 0px 0px;
		text-align:right;
			
}

.footer a{
	color:#FFF;
	text-decoration:none;
	position:relative;
}
.footer a:hover{
	color:#000;
}



/****************************/
.simplemiddle{
    clear: both;
width:889px;
height:auto;
background:url(../images/simplemiddlebg.gif) #255791 repeat-x top left;
padding:0px 29px 0px 47px;
overflow: auto;
}

*html .simplemiddle{
width:925px;
    clear: both;
background:url(../images/simplemiddlebg.gif) #255791 repeat-x top left;
padding:0px 0px 0px 40px;
}

/*html .simplemiddle{
width:896px;
height:auto;
float:left;
background:url(../images/simplemiddlebg.gif) #255791 repeat-x top left;
padding:0px 29px 0px 40px;
}*/

*html .simplemiddle a{
	display:block;

	}


.step1{
width:211px;
height:220px;
float:left;
background:url(../images/step1bg.gif) no-repeat bottom left;
}

a.upload{
background:url(../images/step1.jpg) no-repeat 0 0;
width:198px;
height:169px;
float:left;
border:none;
cursor:pointer;
padding-left:12px;

}

a.upload:hover{
background:url(../images/step1.jpg) no-repeat 0 -169px;
}
a.upload span{ display:none;}

.step2{
width:222px;
height:216px;
float:left;
background:url(../images/step2bg.gif) no-repeat bottom left;
}

a.choosestyle{
background:url(../images/step2.gif) no-repeat 0 0;
width:222px;
height:169px;
float:left;
cursor:pointer;}

a.choosestyle:hover{
background:url(../images/step2.gif) no-repeat 0 -169px;
}
a.choosestyle span{ display:none;}

.step3{
width:202px;
height:220px;
float:left;
background:url(../images/step3bg.gif) no-repeat bottom left;
margin-left:30px;
}

a.size{
background:url(../images/step3.gif) no-repeat 0 0;
width:202px;
height:173px;
float:left;
cursor:pointer;}

a.size:hover{
background:url(../images/step3.gif) no-repeat 0 -173px;
}
a.size span{ display:none;}

.step4{
width:188px;
height:220px;
float:left;
background:url(../images/step4bg.gif) no-repeat bottom left;
margin-left:25px;
}


a.frame{
background:url(../images/step4.gif) no-repeat 0px 0px;
width:188px;
height:173px;
float:left;
margin:0px;
padding:0px;
cursor:pointer;}

a.frame:hover{
background:url(../images/step4.gif) no-repeat 0 -173px;
}
a.frame span{ display:none;}


/************************************ home page steps ********************************************/


.step11{
width:175px;
height:180px;
float:left;
margin:5px 0px 0px 25px;
background:url(../images/step11bg.gif) no-repeat bottom left;                   
}

a.upload1{
background:url(../images/step11.gif) no-repeat 0 0;
width:175px;
height:139px;
float:left;
border:none;
cursor:pointer;
padding-left:13px;

}

a.upload1:hover{
background:url(../images/step11.gif) no-repeat 0 -139px;
}


.step21{
width:180px;
height:180px;
float:left;
margin:5px 0px 0px 25px;
background:url(../images/step21bg.gif) no-repeat bottom left;                   
}

a.choosestyle1{
background:url(../images/step21.gif) no-repeat 0 0;
width:180px;
height:137px;
float:left;
cursor:pointer;}

a.choosestyle1:hover{
background:url(../images/step21.gif) no-repeat 0 -137px;
}


.step31{
width:203px;
height:180px;
float:left;
margin:5px 0px 0px 45px;
background:url(../images/step31bg.gif) no-repeat bottom left;

}

a.size1{
background:url(../images/step31.gif) no-repeat 0 0;
width:203px;
height:147px;
float:left;
cursor:pointer;}

a.size1:hover{
background:url(../images/step31.gif) no-repeat 0 -147px;
}

.step41{
width:165px;
height:180px;
float:left;
margin:5px 0px 0px 0px;
background:url(../images/step41bg.gif) no-repeat bottom left;
                   
}

a.frame1{
background:url(../images/step41.gif) no-repeat 0 0;
width:165px;
height:147px;
float:left;
cursor:pointer;}

a.frame1:hover{
background:url(../images/step41.gif) no-repeat 0 -147px;
}





/*******/
.print_cerificate{
	background:#FFF;
	width:800px; padding:15px 10px;
	text-align:center;
}
.print_cerificate img{ margin:0 5px; }
.print_cerificate h2{ font:bold 12px Tahoma; color:#387fbb;}