@charset "utf-8";
/* CSS Document */

body{
	margin:0px auto;
	width:1001px;
	border:1px solid #000000;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3e4750;
}
#header{
	background-color:#ffffff;
	padding:0px 10px;
}
#logo{
	float:left;
	padding:5px 0px 5px 0px;
}
#banner{
	float:left;
	padding:5px 0px 5px 10px;

}
#phone-num{
	float:right;
	color:#ed1c24;
	font-size:18px;
	padding-top:65px;
	padding-right:10px;
}
#header-strip{
	background-color:#000000;
}
#header-shadow{
	height:17px;
	background-image:url(/ocache/90/resources/themes/header-shadow.gif);
	background-position:left top;
	background-repeat:repeat-x
}
#main-area{
	padding:10px;
	padding-top:none
}
#footer{
	clear:both;
	background-color:#000000;
	height:19px;
        text-align:center;
        color: white;
}
#right-panel{
	width:770px;
	float:left;
	padding-left:20px;
}




/*----------------------------------------| left btns css start |-----------------------------------*/
#btn-panel{
	width:174px;
	float:left;
}
* html img,
* html .btn{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.btn {
	color:#ffffff;
	width:147px;
	padding:1px 10px 0px 10px;
	height:27px;
	background-image: url(/ocache/90/resources/themes/left-btn-bg.png);
	background-repeat:no-repeat;
	background-color:#000000;
	display:block;
	margin-bottom:4px;
	text-decoration:none;
	font-size:15px;
}
.btn:hover {
	background-color:#2f2f2f;
}
.btn-active {
	color:#ffffff;
	width:147px;
	padding:1px 10px 0px 10px;
	height:27px;
	background-image: url(/ocache/90/resources/themes/left-btn-bg.png);
	background-repeat:no-repeat;
	background-color:#2f2f2f;
	display:block;
	margin-bottom:4px;
	text-decoration:none;
	font-size:15px;
}
/*----------------------------------------| left btns css end |-----------------------------------*/








/*----------------------------------------| Home css start |-----------------------------------*/

#home-left-panel{
	width:534px;
	float:left
}
#home-right-panel{
	width:272px;
	float:left
}

/*----------------------------------------| Home css start |-----------------------------------*/




/*----------------------------------------| tag css start |------------------------------------*/
#right-panel a {
	color:#0054a4
}
#right-panel a:hover {
	color:#0054a4;
	text-decoration:none
}
h1{
	padding:0px;
	margin:0px;
	margin-bottom:12px;
	font-size:24px;
	color:#0054a4;
	font-weight:normal;
}
h2{
	padding:0px;
	margin:0px;
	margin-bottom:8px;
	font-size:20px;
	color:#0054a4;
	font-weight:normal;
}
h3{
	padding:0px;
	margin:0px;
	margin-bottom:8px;
	font-size:20px;
	color:#ed1c24;
	font-weight:normal;
}
h4{
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	font-size:14px;
	color:#0054a4;
	font-weight:bold;
}
h5{
	padding:0px;
	margin:0px;
	margin-bottom:3px;
	font-size:13px;
	color:#ed1c24;
}
ul{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	margin-left:15px;
}
li{
	list-style-type:disc;
	padding-bottom:2px;
}
#home-right-panel ul{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	margin-left:15px;
}
#home-right-panel li{
	list-style-type:disc;
	padding-bottom:15px;
}
p{
	padding:0px;
	margin:0px;
	margin-bottom:15px;
}

/*----------------------------------------| tag css end |--------------------------------------*/






.download-btns{
	font-size:15px;
	text-decoration:none;
	width:125px;
	height:35px;
	display:block;
	padding:11px 15px 0px 20px;
	background-image: url(/ocache/90/resources/themes/btn-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	cursor:pointer;
}
.download-btns-colour1{
		color:#ed1c24;
		float:left;
		
}
.download-btns-colour2{
		color:#0054a4;
		float:right;
	
}
.steps{
	background-image: url(/ocache/90/resources/themes/steps-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	width:331px;
	height:80px;
	padding:10px 20px
}
.steps-no {
	color:#ffffff;
	width:22px;
	padding:5px 10px 5px 10px;
	height:28px;
	background-image: url(/ocache/90/resources/themes/step-no-bg.png);
	background-repeat:no-repeat;
	background-color:#ed1c24;
	display:block;
	margin-bottom:4px;
	text-decoration:none;
	font-size:24px;
	background-position: left top;
	text-align:center;
	margin-right:10px;
}
.h-line{
	margin:10px 0px;
	border-bottom:1px solid #0054a4;
}
.v-line{
	margin:0px 10px;
	border-left:1px solid #0054a4;
}



.form-left{
	width:140px;
	float:left;
	font-weight:bold
}
.form-right{
	width:220px;
	float:left
}
.box{
	border:1px solid #0054a4;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #cfd2da;
	width:200px;
}
.input-btn{
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#0054a4;
	color:#FFFFFF;
	border:1px solid #0054a4;
	height:40px;
	width:80px;
}





.add-left{
	width:133px;
	float:left;
	font-weight:bold
}
.add-right{
	width:250px;
	float:left
}
.contact-box{
	 background-image:url(/ocache/90/resources/themes/contact-box-bg.gif); 
	 background-position:left top; 
	 background-repeat:repeat-x; 
	 background-color:#f0f0f0; 
	 border-right:1px solid #d5d8e0; 
	 border-left:1px solid #d5d8e0; 
	 padding:10px;
}



.home-red-strip{
	background-color:#2f2f2f;
	color:#fff;
	font-size:22px;
	padding:5px 10px;
	text-align:center;
	margin-bottom:4px;
	margin-left:9px;
	margin-right:15px;
}





.price-box-mid{
	width:242px;
	border-left:1px solid #d5d8e0;
	border-right:1px solid #d5d8e0;
	background-color: #FFFFFF;
	background-image: url(/ocache/90/resources/themes/price-box-bg.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.price-item{
	width:244px;
	float:left;
	padding-right:16px;
	padding-bottom:16px;
}
.price-box-mid-detail{
	width:762px;
	border-left:1px solid #d5d8e0;
	border-right:1px solid #d5d8e0;
	background-color: #FFFFFF;
	background-image: url(/ocache/90/resources/themes/price-box-bg-detail.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.price-item-detail{
	width:764px;
	float:left;
	padding-bottom:16px;
}
.price-table-border{
	border-bottom:1px solid #0054a4
}


.books-box{
	 float:right; 
	 width:210px; 
	 background-color:#f8f9f9; 
	 padding:20px;
	 color:#ed1c24;
	 font-size:20px;
	 border:1px solid #d5d8e0
}

.poster-price-box{
	 background-image:url(/ocache/90/resources/themes/poster-price-bg.gif); 
	 width:386px; 
	 height:99px; 
	 background-repeat:no-repeat;
}
.calendar-price-box{
	 background-image:url(/ocache/90/resources/themes/calendar-price-bg.gif); 
	 width:422px; 
	 height:119px; 
	 background-repeat:no-repeat;
}
.calendar-quote{
background-image:url(/ocache/90/resources/themes/calendar-quote-bg.gif); 
background-repeat:no-repeat; 
height:422px; 
height:55px; 
padding:8px 15px;
margin-top:22px;
}
.red-text{
	color:#FF0000;

}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}



#carousel {
	background-image: url(/ocache/90/resources/themes/carustrip.jpg);
        background-color: #E2E1E6; 
        border-style: solid;
        border-width: 1px;
        border-color: #CCCCCC;
        font-size: 10px;
        margin-bottom: 10px;
}
.px-book-design-carousel div, .px-book-design-carousel span, .px-book-design-carousel p {
        font-size: 12px;	
}
.px-book-design-carousel li {
	font-size: 9px;
}
.px-book-design-carousel .px-steps {
	font-size: 8px;
}

a.cross, a.cross:hover {
	background-image: url(/ocache/90/resources/themes/cross.gif);
	height: 13px;
	width: 14px;
	
	right: 4px;
	bottom: -1px;
}

#login {
	float:right;
	color:#666666;
	font-size:12px;
	padding-top:12px;
	padding-right:10px;
}


#login input {
	border:1px solid #0054a4;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #cfd2da;
}

#right-panel label {
        float: left;
	width: 100px;
}

.info_popup {
	color:white;
        font-size: 11px;

}

.fieldWithErrors {
      border-width: 0px;	
}
.fieldWithErrors input {
      border-width: 2px;  
      border-color: red;
}