body
{
	background: url(images/mainbg.gif) repeat-x #3c3c3c;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: "Trebuchet MS";
	color: #41383c;
	text-align: left;
	line-height: 16px;
	font-weight: normal;
}
p
{
	margin: 0;
	text-align: justify;
}

a:hover
{
	text-decoration: none;
	color: #0086c6;
}
a
{
	text-decoration: underline;
	color: #0086c6;
}
img
{
	border: none;
}


a:focus
{
	outline: none;
}


p
{
	margin: 0;
}
.clr
{
	clear: both;
}

.mainWrep
{
	padding: 0px;
	width: 100%;
	margin: 0;
	position: relative;
	background: url(images/background.jpg) no-repeat center 173px transparent;
}
.mainWrap02
{
	padding: 0px;
	width: 100%;
	margin: 0;
	position: relative;
	background: url(images/bottomMainbg.jpg) repeat-x bottom;
}
.mainBody
{
	width: 930px;
	margin: 0 auto;
}
.topHeader
{
	float: left;
	background: url(images/topHeaderBg.jpg) no-repeat 395px top;
	height: 172px;
	width: 930px;
}
.logo
{
	float: left;
	padding: 36px 0 0 32px;
}
.signout_box
{
	clear: left;
	width: 100%;
}
.signout_box span
{
	float: right;
	color: #2E2E2E;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	margin-right: 75px;
	text-decoration: none;
}
.signout_box a
{
	color: #2E2E2E;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}
.signout_box a:hover
{
	text-decoration: underline;
}
.navBox
{
	width: 930px;
	background: url(images/topNavBg.jpg) no-repeat top right;
	float: left;
	line-height: 50px;
	margin-top: 8px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}
.navBox ul
{
	margin: 0;
	padding: 0 0 0 92px;
	list-style: none;
}
.navBox ul li
{
	padding: 0 20px 0 17px;
	float: left;
	background: url(images/navBullet.png) no-repeat center right;
}
.navBox ul li a
{
	color: #fff;
	text-decoration: none;
}
.navBox ul li a:hover
{
	color: #fff;
	text-decoration: underline;
}
.contentArea
{
	width: 810px;
	margin: 0 auto;
	padding: 0 60px;
	background: url(images/bodybg.png) repeat-y;
}
.contentArea02
{
	width: 870px;
	float: left;
	padding-top: 21px;
	background: url(images/bodyBg02.jpg) no-repeat scroll 371px 0px transparent;
}
.leftPanel h1
{
	margin: 0;
	padding-bottom: 20px;
	color: #3c3c3c;
	font-size: 24px;
	text-transform: uppercase;
}
.leftPanel
{
	width: 533px;
	float: left;
	min-height: 400px;
}
.leftPanel2
{
	width: 90%;
	padding-left: 25px;
	padding-right: 25px;
	min-height: 400px;
}
.bannerBox
{
	width: 533px;
	height: 355px;
	position: relative;
	float: left;
	background: url(images/banner.jpg) no-repeat;
}
.startNow
{
	width: 236px;
	height: 72px;
	right: 28px;
	position: absolute;
	bottom: 22px;
}

 .startNow a
{
	width: 236px;
	height: 72px;
	float: left;
	background: url(images/startnow.png) no-repeat left;
}
.startNow a:hover
{
	width: 236px;
	height: 72px;
	float: left;
	background: url(images/startnow.png) no-repeat right;
}
.planBoxMain
{
	width: 533px;
	float: left;
	padding-top: 10px;
}
.planBoxMain .planBox
{
	width: 83px;
	height: 107px;
	float: left;
	color: #d4ecb7;
	font-size: 11px;
	padding: 10px 70px 10px 10px;
	margin-right: 22px;
	position: relative;
	background-color: #4f8f04;
}
.planBoxMain .planBox h4
{
	margin: 0;
	padding-bottom: 20px;
}
.planBoxMain .planBox .planImage
{
	position: absolute;
	right: -9px;
	bottom: -16px;
	
}

.planBoxMain .planBox span
{		
	position: absolute;
	width:80px;
}
.rightBox
{
	float: left;
	width: 280px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	color: #4e4848;
	
	margin-top: 20px;
}
.rightBox h1
{
	margin: 0;
	padding-bottom: 15px;
}
.bottomNav
{
	width: 810px;
	float: left;
	clear:both;
	color: #fff;
	font-size: 16px;
	padding: 110px 60px 0;
	height: 63px;
	background: url(images/bottomBg.png) no-repeat right top;
}
.bottomNav span
{
	float: right;
}
.bottomNav span a
{
	color: #fff;
	text-decoration: underlinel;
}
.bottomNav span a:hover
{
	color: #fff;
	text-decoration: underlin;
}
.bottomNav font
{
	float: left;
}
/****************************************************
					 NEW CLASSES
/***************************************************/
.subBox
{
	width: 507px;
	float: left;
	line-height: 22px;
	padding-bottom: 20px;
}
.subBox h1
{
	color: #3c3c3c;
	font-size: 32px;
	text-transform: uppercase;
}
.formBox
{
	width: 477px;
	float: left;
	padding: 15px;
	border-bottom: solid 2px #cecece;
	background-color: #ebebeb;
	border-top: solid 5px #494949;
}
.formBox h1
{
	font-size: 24px;
	color: #3c3c3c;
	margin: 0;
	padding: 0 0 15px 0;
}
.formBox select
{
	width: 157px;
	height: 22px;
	float: left;
	margin: 6px 0 15px;
}
.formBox input
{
	width: 157px;
	height: 22px;
	float: left;
	margin: 6px 0 10px;
}
.formBox label
{
	float: left;
	width: 200px;
	font-size: 14px;
	padding: 10px 0 0 0;
}
.formBox textarea
{
	width: 400px;
	float: left;
	padding: 5px;
	height: 150px;
}
.formBox .submitBtn
{
	width: 80px;
}
.checkBoxs
{
	width: 230px;
	float: left;
}
.checkBoxs input
{
	width: 10px;
	height: 10px;
	float: left;
	margin-right: 10px;
}
.checkBoxs label
{
	float: left;
	padding: 5px 0 0 0 !important;
}
.cross
{
	float: left;
	width: 457px;
	background-color: #b2270d;
	padding: 10px;
	margin: 4px 0;
	color: #fff;
	font-size: 11px;
}
.cross img
{
	float: left;
	margin: 0 10px 0 0;
}
.yes
{
	float: left;
	width: 457px;
	background-color: #4c8f04;
	padding: 10px;
	margin: 4px 0;
	color: #fff;
	font-size: 11px;
}
.yes img
{
	float: left;
	margin: 0 10px 0 0;
}
.rightNav
{
	width: 238px;
	float: left;
	padding: 15px 10px;
	font-weight: normal;
	background-color: #4b8d04;
	border-top: solid 5px #666;
}
.rightNav h1
{
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
	margin: 0;
	padding-bottom: 15px;
	font-weight: normal;
}
.rightNav ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.rightNav ul li
{
	float: left;
	margin-bottom: 3px;
	line-height: 31px;
	font-size: 16px;
}
.rightNav ul li a
{
	float: left;
	width: 218px;
	padding: 0 10px;
	color: #fff;
	text-decoration: none;
	line-height: 31px;
	background: url(images/rightNav.gif) repeat-x;
}
.rightNav ul li a:hover, .rightNav ul li.active a
{
	float: left;
	color: #fff;
	width: 218px;
	padding: 0 10px;
	text-decoration: none;
	line-height: 31px;
	background: url(images/rightNavOver.gif) repeat-x;
}
.btn
{
	background: url(images/rightNavOver.gif) repeat-x;
	width: 120px;
	color: #fff;
}

.canvasTable
{
	width: 535px;
	color: red;
	border:0;
}
.canvasTable tbody
{
	border:0;
}
table.canvasTable tr td
{
	border:0;
}
.canvasItem
{
	width: 149px;
	height: 106px;
	padding: 10px 10px 0 10px;
	margin: 0 auto 30px auto;
	text-align: center;
	position: relative;
	cursor: pointer;
	border:0;
}

.canvasTable .recommended
{
	background: url(Images/p_available.gif) no-repeat;
}
.canvasTable .disabled
{
	background: url(Images/p_unavailable.gif) no-repeat;
}
.canvasTable .selected
{
	background: url(Images/p_selected.gif) no-repeat;
}

.canvasTable .productName
{
	font-size: 20px;
	font-size: 20px;
	display: block;
}
.canvasTable .productPrice
{
	font-weight: bold;
	color: #219dd6;
	font-size: 16px;
	display: block;
}
.canvasTable .productRec
{
	font-weight: bold;
	color: #ec8e00;
	display: block;
}
.canvasTable .disabled .productName, .canvasTable .disabled .productPrice, .canvasTable .disabled .productRec
{
	color: #9e9e9e;
}

.canvasTable .viewSample
{
	width: 169px;
	text-align: center;
	position: absolute;
	bottom: -15px;
	left: 0;
}
.canvasTable .viewSample img
{
	position: absolute;
	bottom: 0;
	left: 40px;
}
.canvasTable .viewSample a
{
	color: #219dd6;
	text-decoration: none;
	font-size: 11px;
}
.canvasTable .disabled .viewSample a
{
	color: #9e9e9e;
}

#image_info_table, #canvas_info_table
{
	color: #0096EC;
	background-color: White;
	margin: 10px auto;
	width: 108%;
}

#image_info_table, #canvas_info_table tr
{
	height: 25px;
}

.image_table_head
{
	border-bottom: 1px solid #0096EC;
	font-weight: bold;
}
.green
{
	color: #4F8F04;
}
.blue
{
	color: #0096EC;
}
.dark
{
	color: #2E2E2E;
}

#file_uploadUploader
{
	background: url('images/upload.png') no-repeat;
}
.navigation_btm
{
	width: 100%;
	height: 50px;
	padding: 0;
	padding-top: 10px;
	margin-left: 0px;
}
.back_button
{
	float: left;
	width: 150px;
	height: 30px;
	margin-left: 15px;
	background-image: url("images/back_button.png");
}

.back_button.disabled
{
	background-image: url("images/back_button_0.png");
}
.next_button
{
	float: right;
	margin-right: 15px;
	width: 150px;
	height: 30px;
	background-image: url("images/next_button.png");
}
.finish_button
{
	float: right;
	margin-right: 15px;
	width: 150px;
	height: 30px;
	background-image: url("images/finish_button.png");
}
.next_button.disabled
{
	background-image: url("images/next_button_o.png");
}

.upload_wizard
{
	width: 830px;
	text-align: center;
	font-size: 14pt;
	margin: 0;
	padding: 0;
	margin-top: -10px;
}
.upload_wizard tr
{
	height: 40px;
}
.upload_wizard td
{
	background-color: #4f8f04;
	color: White;
}
.upload_wizard td.selected
{
	background-color: #0096ec;
	color: White;
	font-weight: bold;
}
.hidden
{
	visibility: hidden;
}
#upload_ph
{
	height: 160px;
}
.upload_box
{
	width: 300px;
	margin: 20px auto;
	padding: 0;
}
.upload_box td
{
	text-align: center;
}
.upload_button
{
	float: right;
	width: 150px;
	height: 30px;
	background-image: url("images/upload_button.png");
	display: none;
}
.add_button
{
	float: left;
	width: 150px;
	height: 30px;
	background-image: url("images/add_button.png");
}
.checkout_button
{
	float: right;
	width: 150px;
	height: 30px;
	background-image: url("images/check_button.png");
}


#tbl_cart
{
	width: 100%;
	font-size: 12pt;
}
#tbl_cart .seperator
{
	color: #0096EC;
	background-color: #0096EC;
	height: 3px;
}
#tbl_cart tr.heading
{
	background-color: #0096EC;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	font-size: 12pt;
	height: 30px;
}

#tbl_cart .cell_thumbnail
{
	width: 330px;
}

#tbl_cart .cell_details
{
}
#tbl_cart .cell_details table
{
}

#tbl_cart .cell_price
{
	text-align: center;
}

#tbl_cart .cell_quantity
{
	text-align: center;
}
#tbl_cart .cell_quantity table
{
	margin: 0 auto;
}
#tbl_cart .cell_quantity table td
{
	text-align: center;
}
#tbl_cart .cell_quantity input
{
	width: 25px;
}

#tbl_cart .cell_total
{
	text-align: center;
}
#tbl_cart #grand_total
{
	font-size: 14pt;
}
.menu_link
{
	margin-left: 0px;
	color: White;
	text-decoration: none;
}
.menu_link:hover
{
	margin-left: 15px;
	color: White;
	text-decoration: underline;
}

.order_entry
{
	width: 100%;
	margin-bottom: 10px;
}
.order_entry table
{
	width: 100%;
}
.order_entry table td.label
{
	font-weight: bold;
	color: #0096EC;
	width: 110px;
}
.order_entry table td.value
{
	color: #000;
	text-align: center;
	width: 70px;
}

.order_details
{
	width: 100%;
	display: none;
}
.order_details table
{
	width: 100%;
	text-align: center;
}
.order_details table tr.heading
{
	background-color: #0096EC;
	color: #fff;
	font-weight: bold;
}

.divider
{
	border: 1px solid #0096EC;
	color: #0096EC;
	width: 98%;
	text-align: left;
}

.order_box
{
	border: 3px solid #4f8f04;
	width: 95%;
	padding: 20px;
	margin-bottom:10px;
}


.address_button
{
	width: 150px;
}
.address_box
{
	width: 100%;
}
.address_box .billing_head
{
	color: #4f8f04;
	width: 50%;
	text-align: center;
	border: 1px solid #4f8f04;
	padding-top: 15px;
}
.address_box .shipping_head
{
	color: #0096EC;
	width: 50%;
	text-align: center;
	border: 1px solid #0096EC;
	padding-top: 15px;
}
.address_box .billing_box
{
	background-color: #4f8f04;
	width: 90%;
	padding: 20px;
	text-align: right;
	height:400px;
}
.address_box .shipping_box
{
	background-color: #0096EC;
	width: 90%;
	padding: 20px;
	text-align: right;
	height:400px;
}
.input_field
{
	width: 200px;
}
.billing_box table
{
	width: 100%;
	margin: 0 auto;
	text-align:left;
}
.billing_box table td.label
{
	color: #fff;
	font-weight: bold;
	width: 150px;
}
.billing_box table td.field
{
}

.shipping_box table
{
	width: 100%;
	margin: 0 auto;
	text-align:left;
}
.shipping_box table td.label
{
	color: #fff;
	font-weight: bold;
	width: 150px;
}
.shipping_box table td.field
{
}
.opt_pnl{background-image:url("images/box3_bg.jpg");width:501px;}
.opt_pnl_head {font-weight:"bold"; width:100%; font:"Arial"; font-size:11pt;}
.opt_pnl table{width:100%;}
.opt_pnl select{width:120px;}
.opt_pnl input[type=checkbox]{ }
.info_table {padding:10px;height:155px;background-image:url("images/info_bg.png"); background-repeat:x-repeat;}
.info_table3 {padding:10px;height:251px;background-image:url("images/info3_bg.jpg"); background-repeat:x-repeat;}

.info_table h2{text-transform:uppercase;font-size:14pt;}
.info_table3 h2{text-transform:uppercase;font-size:14pt;}
.sel_sofa { background-image:url("images/sofa.jpg");width:100%;height:266px;margin-top:5px;text-align:center;}
.sel_sofa h3 {}
.sel_sofa .size_box {display:none;text-align:center; border:1px solid grey; margin: 0 auto; margin-top:-25px;padding:0px;background-color:#fff;}
.sel_sofa .size_box span {font-size:6pt;}
.canvas_item { width:501px; height:40px ; background-image:url("images/r_bg_s.jpg");background-repeat:no-repeat;background-position:0 5px;cursor:pointer;}
	.canvas_item.selected { width:500px; height:40px ; background-image:url("images/r_bg.jpg");background-repeat:no-repeat;background-position:0 5px; color:white;cursor:pointer;}

	.canvas_item table{ width:100%; border-collapse:collapse;}
	.canvas_item .rdo { width:30px;}
	.canvas_item .size { width:150px;}
	.canvas_item .price { }
	.canvas_item .recom { width:60px;}
	.canvas_item .recom_img { width:40px;}
	
	.canvas_item table tr { 	height:40px;}
	.canvas_item table tr.heading {font-weight:bold;}
	 .canvas_item_group{width:500px; height:30px ; background-color:#4f8f04; color:white;font-size:14pt; font-weight:bold;}

	 .hide {display:none;}
	 
	 .sidebar_text h3{ font-size:13pt; font-weight:bold; margin-top:0;}
	 .sidebar_text ul{ font-size:11pt; font-weight:normal;}
	 

  #result { float:left;}
  #palette { width:10px;height:10px;background-color:#fff;border:solid 1px #000; }
  .cropContainer{cursor:wait; }
  #text { color:#6DB1B0;}
  
  
  .card_divs
        {
            border: 1px grey solid;
            margin: 10px;
            padding: 10px;
            width: 500px;
        }
        .table_card
        {
            width: 100%;
        }
        .table_card tr
        {
            height: 30px;
        }
        .table_card th
        {
            text-align: left;
        }
        .table_card input[type=text]
        {
            width: 305px;
        }
        .table_card .lbl
        {
            width: 150px;
        }
	.price_box { border:4px solid #4F8F04; background-color:#0096EC; color:white;margin-top:10px;padding:5px;width:90%;margin-left:auto;margin-right:auto;text-align:center;}
	.price_box span { text-align:center; text-transform:uppercase;}        
	.price_box ul {font-style:italic; text-align:left;}
        .price_box ul li {font-style:italic; list-style-type:none;padding-left:10px;}
        .price_box a {color:white; text-decoration:none;font-size:10pt;}
        .price_box a:hover {text-decoration:underline;}