/* CSS Document */

/* -- //
---------------------------------------------------------------------------

King Comics.com Shopping Cart Page Style 
Created by : Syfolink Innotech Limited
Date of Modification : 04 Mar 2009
Verison :  0.0

---------------------------------------------------------------------------
Copyright 2008 Syfolink Innotech Ltd. All right reserved 


==================== Content =========================
01) Main Page Content
02) Step 1 Page 
02) Step 2 Page 
======================================================
//------ */


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

Main Page Content 

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

/* Recommendation 1 
----------------------------------------*/
#recommend1{
	width:535px;	
	margin-bottom:10px;
	text-align:center;
	overflow:hidden;
	background-color:#25abe0;
	padding-bottom:5px;
}
#recommend1 .top{
	width:535px;
	height:19px;
	margin-bottom:5px;
	background-image:url('../images/shopping/main/central/recom_header_1.gif');
	background-repeat:no-repeat;
}

/* Latest Items
----------------------------------------*/
#latestitems1{
	width:535px;
	background-color:#25abe0;
	margin-bottom:15px;
}
#latestitems1 .top{
	width:535px;
	height:19px;
	background-image: url('../images/shopping/main/central/latest_header_1.gif');
	background-repeat:no-repeat;
	margin-bottom:10px;	
}

#latestitems1 .items 
{
    padding:20px;
    padding-right:0px;
    }

/* Main Page Advertisement1
----------------------------------------*/
#mainadvrt1{
	width:535px;
	overflow:hidden;
}

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

Steps 1 

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

/* Status Indicator 	
----------------------------------------*/
#status1{
	width:100%;
	height:57px;
	background-image:url('../images/shopping/main/central/2009_step_01.gif');
	background-repeat:no-repeat;
}


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

Steps 2

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

/*
========================================================================
Status Bar Section
========================================================================
*/

#status2{
	width:533px;
	height:57px;
	margin:auto;
	background-image: url('../images/shopping/main/central/2009_step_02.gif');
	background-repeat:no-repeat;
}

/*
========================================================================
Items Listing Section
========================================================================
*/
/* Strucutre 
-------------------------------------*/
#step2itemslisting{
	width:850px;
	margin:auto;
}
/* Table Style
------------------------------------*/
#step2itemslisting .container{
	width:100%;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:15px;
}
#step2itemslisting .content{
	background-color:white;
	line-height:15px;
	font-weight:normal;
	font-size:11px;
}

#step2itemslisting .subject{
	background-color:#25abe0;
	color:white;
	height:10px;
}
#step2itemslisting .pic, .item, .price, .detail, .qty, .subtotal, .action{
	padding-top:10px;
	padding-bottom:10px;
	padding-right:10px;
	vertical-align:top;
}
#step2itemslisting .pic{
	width:125px;
}
#step2itemslisting .item
{
	width:140px;
}
#step2itemslisting .price{
	width:80px;
}
#step2itemslisting .detail{
	width:240px;
}
#step2itemslisting .qty{
	width:45px;
}
#step2itemslisting .subtotal{
	width:75px;
}
#step2itemslisting .action{
	width:75px;
}

/* Total 	
-------------------------------------*/
#step2itemslisting #total{
	width:100%;
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
#step2itemslisting #action2{
	width:100%;
	text-align:right;
}
#step2itemslisting #action2 .btn{
	float:right;
	margin-left:10px;
}

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

Steps 3 Page

*************************************************************************
*/
#status3{
	width:533px;
	height:57px;
	margin:auto;
	background-image: url('../images/shopping/main/central/2009_step_03.gif');
	background-repeat:no-repeat;
}
.step3itemslisting{
	width:100%;
	margin:auto;
	margin-top:15px;
}
.step3itemslisting .contentarea{
	width:700px;
	vertical-align:top;
}
.step3itemslisting .additionalcontent{
	width:215px;
	vertical-align:top;
	padding-left:15px;
}

/* Subject 	
-------------------------------------*/
.attention{
	color:red;
	font-size:12px;
}
.step3itemslisting .subject{
	background-color:#25abe0;
	color:white;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}
.step3itemslisting .tbsubject{
	width:150px;
	padding-left:5px;
	padding-top:10px;
	padding-bottom:5px;
	background-color:white;
	font-weight:bold;
	vertical-align:top;
}
.step3itemslisting .tbcontent{
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:white;
	font-size:11px;
}
.step3itemslisting .tbcontent .textbox{
	width:80%;
	margin-bottom:3px;
	font-size:12px;
	height:15px;
}

/* Shopping Cart 
----------------------------------------*/
#checkoutshoppingcart{
	width:203px;
	background-color:#25abe0;
	color:white;
	margin-bottom:15px;
}
#checkoutshoppingcart .top{
	width:203px;
	height:22px;
	background-image: url('../images/shopping/main/central/cart_header_1.gif');
	background-repeat:no-repeat;
}

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

Steps 4 Page

*************************************************************************
*/
#status4{
	width:533px;
	height:57px;
	margin:auto;
	background-image: url('../images/shopping/main/central/2009_step_04.gif');
	background-repeat:no-repeat;
}
/* Check List 
--------------------------------------------*/
#checklistwrapper{
	width:85%;
	margin:auto;
	margin-top:15px;
}
/* Table Style
--------------------------------------------*/
.step4itemslisting .subject{
	background-color:#25abe0;
	color:white;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}
.step4itemslisting .items{
	background-color:white;
	padding:5px;
	color:black;
	font-weight:bold;
}
.step4itemslisting .pricing{
	width:150px;
	text-align:right;
	background-color:white;
	padding:5px;
	color:black;
	font-weight:bold;
}

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

Steps 5 Page

*************************************************************************
*/
#status5{
	width:533px;
	height:57px;
	margin:auto;
	background-image: url('../images/shopping/main/central/2009_step_05.gif');
	background-repeat:no-repeat;
}
.confirmationwrapper{
	width:60%;
	margin:auto;
}
.confirmationwrapper .subject{
	background-color:#25abe0;
	color:white;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	padding-left:5px;
}
.confirmationwrapper .content{
	background-color:white;
	height:250px;
	vertical-align:top;
	color:black;
	line-height:15px;
	font-size:11px;
	font-weight:bold;
	padding-left:5px;
	padding-top:10px;
	padding-right:10px;
}
.confirmationwrapper .record{
	background-color:white;
	vertical-align:top;
	font-weight:bold;
	padding-left:5px;
	padding-top:10px;
	padding-right:10px;
}

/* Product detail 
--------------------------------------*/
.productdetail
{
	color:White;
}