*{
	margin:0; padding:0;
	}
body{
	background:#fff ; font-family:Arial, Helvetica, sans-serif; 
	}
a{
	outline:none;
	}
h1{
	font-size:18px; color:#000; font-weight:bold;
	}

/*------------------
	EXPENDABLE BUTTON
	------------------------*/
.left-corner {  
  display:block;
  padding:0 0 0 0;
}
.right-corner { 
  background:url(images/button-left-corner.png) no-repeat left  center; font-size:12px; height:27px; padding:0; float:left; width:auto; text-align:center; padding:0 0 0 8px;
}
.right-corner .left-corner{ 
  background:transparent url(images/button-right-corner.png) no-repeat scroll right 1px; color:#FFFFFF; float:right; height:27px; line-height:21px; margin:0 0 0 5px; padding:0 25px 0 10px;
text-align:center; word-wrap:no-break;
 }
.right-corner .left-corner a{ 
	text-decoration:none; color:#fff;
 }
.right-corner .left-corner a:hover{ 
	text-decoration:none; color:#fff; text-decoration:underline;
 }

/*------------
	ADD EMPLOYEE 16 SEP 2009
	---------------*/
#main-container{
	width:100%; height:auto; margin:0 auto; min-height:500px; 
	}
.box-top{
	width:100%; height:74px; margin:0;background:url(images/top-bg.jpg) repeat-x; 
	}
	
.box-top .box-top-left{
	width:600px; height:74px; margin:0;background:url(images/top-box-left.jpg) no-repeat top left; float:left; 
	}
.box-top .box-top-left .sv-logo{
	width:115px; height:28px; margin:24px 0 0 40px; padding:0; float:left; 
	}
.box-top .box-top-left .top-menus {
	margin:34px 0 0 30px; padding:0; float:left;	
	font-size:12px; font-weight:bold;
	}
.box-top .box-top-left .top-menus a:link, .box-top .box-top-left .top-menus a:visited {color:#000; text-decoration:none;}
.box-top .box-top-left .top-menus a:hover{color:#000; text-decoration:none;}
 .box-top .box-top-left .top-menus a.active {color:#31699a; text-decoration:none;}

.box-top .box-top-right{
	width:368px; height:74px; margin:0;background:url(images/top-box-right.jpg) no-repeat top right; float:right; 
	}
	
	
.box-left{
	width:100%; height:auto; margin:0;background:url(images/left-box.jpg) repeat-y top left; 
	}
	
	.box-right{
	width:100%; min-height:470px; margin:0;background:url(images/right-box.jpg) repeat-y top right; 
	}
	
	
.box-bottom{
	width:100%; height:35px; margin:0;background:url(images/bottom-bg.jpg) repeat-x; 
	}
	
.box-bottom .box-bottom-left{
	width:300px; height:35px; margin:0;background:url(images/bottom-box-left.jpg) no-repeat top left; float:left; 
	}
	
.box-bottom .box-bottom-right{
	width:300px; height:35px; margin:0;background:url(images/bottom-box-right.jpg) no-repeat top right; float:right; 
	}
	

#inner-container{
	width:942px; height:auto; margin:0 auto; 
	}



.top-bar{
	width:942px; float:left; clear:both; height:44px; margin:20px 0 0 0;
	}
.top-left-corner{
	width:11px; float:left; height:44px;
	}
.top-right-corner{
	width:11px; float:right; height:44px;
	}
.top-mid-bg{
	width:920px; float:left; height:44px; background:url(images/top-mid-bar.jpg) repeat-x left top; font-size:20px; font-weight:bold; line-height:45px;
	}
.body-part{
	width:942px; height:auto; float:left; clear:both;
	}
.body-part-top{
	width:942px; height:auto; float:left; background:url(images/body-bg.jpg) repeat-y; position:relative;
	}
.body-part-bottom{
	width:942px; height:auto; float:left; clear:both;
	}
.tabbing{
	width:942px; height:32px; float:left; margin:17px 0 0 0;
	}
.tabbing ul{
	list-style:none; padding:0 0 0 17px; width:925px;  border-bottom:1px solid #808080; height:31px; float:left;
	}
.tabbing ul li{
	display:block; float:left; width:auto; text-indent:-99999px; margin:0 10px 0 0;
	}

/*----------------
	PRODUCT MANAGEMENT ADD PRODUCT COMPONENT 1
	----------------------------------------------*/
.search-box{
	width:180px; float:right; height:30px; 
	}
.search-box-left{
	width:6px; float:left; height:33px; background:url(images/search-left-corner.png) no-repeat left top;  
	}
.search-box-mid{
	width:140px; float:left; height:33px;
	}
.search-box-right{
	width:34px; float:right; height:33px;
	}
.search-field{
	width:132px; height:21px; float:left; background:url(images/search-mid-bg.png) repeat-x left top; border:none; padding:5px;
	}
.search-icon{
	width:31px; height:30px; background:url(images/search-icon.png) no-repeat left top; border:none;
	}

 /*-----------------
 	30 SEP 2009
	---------------------*/

.clear{	clear:both; height:0px;
	}


.prev-next-buttons{
	width:911px; float:left; clear:both; height:auto; margin:0 0 0 15px;
	}
.prev-button{
	width:118px; float:left;  
	} 
.next-button{
	width:118px; float:right; height:34px; 
	} 
	
.product-builder-heading{
	width:auto; float:left; padding:0 0 0 55px; background:url(images/builder-wizard.png) no-repeat left;
	}
.modifier-buttons{
	width:313px; height:53px; margin:0 auto; margin:0 0 10px 0; font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:center; font-weight:bold; background:url(images/step-two-buttons.png) no-repeat left top; line-height:46px;
	}
.modifier-buttons a{
	text-decoration:none; color:#000;
	}
.modifier-buttons a:hover{
	text-decoration:underline; color:#000;
	}
.text-field-box{
	width:144px; height:30px; float:left;
	}
.search-box-bg{
	width:134px; height:20px; float:left; background:url(images/search-box-bg.png) no-repeat left; border:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#747474; padding:5px;
	}
.text-field-cancel-button{
	width:43px; float:right; height:30px;
	}
.manage-category-button{
	width:161px; float:left; height:32px; margin:0 0 0 10px; font-size:18px; font-weight:bold;
	
	}
.modifier-product{
	width:911px; height:auto; float:left; clear:both; margin:10px 15px;
	}
.modifier-product-left{
	width:320px; float:left; height:auto;
	}
.modifier-product-left-top{
	width:320px; float:left; height:35px; background:url(images/modifier-left-top-corner.png) no-repeat left;
	}
.modifier-product-left-mid{
	width:318px; float:left; height:auto; background:#e5e5e5 url(images/modifier-left-mid-bg.png) repeat-x left top; border-left:1px solid #d9d7d7; border-right:1px solid #d9d7d7;
	}
.modifier-product-left-bottom{
	width:320px; float:left; height:5px; background:url(images/modifier-left-bottom-corner.png) left top no-repeat; clear:both;
	}
.modifier-product-left-top-left{
	width:159px; height:35px; float:left; margin:0 0 0 5px; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:bold; line-height:35px;
}
.back-button{
	width:73px; height:30px; float:right; margin:3px 5px;
	}
.select-modifier{
	width:297px; height:auto; float:left; margin:20px 0 0 12px;
	}
.select-modifier ul{
	list-style:none;
	}
.select-modifier ul li{
	display:block; 
	}
.select-modifier ul li a{
	display:block; margin:0 0 5px; background:url(images/modifier-left-li-bg2.png) no-repeat left top; height:33px; width:279px; color:#000; padding:0 0 0 18px; font-weight:bold; line-height:35px; text-decoration:none;
	}
.select-modifier ul li a:hover, .select-modifier ul li a.active{
	 background:url(images/modifier-left-li-bg2.png) no-repeat left -33px; text-decoration:none; color:#fff;
	}


.modifier-product-right{
	width:590px; float:right; height:auto;
	}
.modifier-product-right-top{
	width:585px; height:36px; float:left; background:url(images/modifier-product-right-side-heading.png) no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:bold; line-height:35px; padding:0 0 0 5px; 
	}
.modifier-product-right-mid{
	width:588px; float:left; height:auto; background:#e5e5e5 url(images/modifier-left-mid-bg.png) repeat-x left top; border-left:1px solid #d9d7d7; border-right:1px solid #d9d7d7;
	}
.modifier-product-right-detail{
	width:562px; float:left; margin:10px 0 10px 15px; overflow-y:scroll;overflow-x:hidden; height:400px;
	}
.modifier-product-right-bottom{
	width:590px; float:left; height:6px; background:url(images/modifier-right-bottom-corner.png) left top no-repeat; clear:both;
	}
.modifier-product-right-detail-heading{
	width:562px; float:left; border-bottom:1px solid #cdcdcd; height:22px; font-size:12px; color:#000; font-weight:bold;
	}	
.product-list-heading{
	width:377px; float:left; height:22px; padding:0 0 0 10px;
	}	
.price-list-heading{
	width:130px; float:left; height:22px;
	}	
.modifier-product-right-detail-heading-right{
	width:142px; float:left; height:22px;
	}	
.product-list{
	width:562px; float:left; height:auto;
	}
.product-list ul{
	list-style:none; margin:5px 0 0 0;
	}	
.product-list ul li{
	display:block; width:562px; height:33px; background:url(images/modifier-right-li-bg2.png) no-repeat left top; margin:0 0 5px;
	}	
.product{
	width:382px; height:33px; float:left; font-size:18px; color:#000; font-weight:bold; padding:0 0 0 10px; line-height:35px;}
.price{
	width:130px; float:left; height:33px; font-size:12px; font-weight:bold; line-height:35px;
	}
.product-list-editing-option{
	width:142px; height:33px; font-size:12px; color:#000; line-height:35px; float:left; font-weight:normal; text-align:left;
	}
.product-list-editing-option a{
	color:#000; text-decoration:none; 
	}
.product-list-editing-option a:hover{
	color:#000; text-decoration:underline;
	}
.error-box{
	width:895px; height:auto; padding:20px 0; background:#b71900; margin:10px auto;
	}
.error-text{
	width:500px; height:auto; margin:10px auto; font-size:12px; color:#fff;
	}
#error{
	width:872px; height:auto; padding:8px; background:#FF9999; color:#990000; font-size:12px; margin:10px 0 0 10px; text-align:left;
	}
.notice {width:872px; height:auto; padding:8px; background:#FF9999; color:#FFF6BF; font-size:12px; margin:10px 0 0 10px;}	
.product-add-component-heading{
	width:911px; float:left; height:36px; background:url(images/product-add-component-heading-bg.png) no-repeat  left top;
	}
.product-add-component-heading-left{
	width:300px; float:left; height:36px; font-size:18px; color:#000; line-height:35px; font-weight:bold; margin:0 0 0 25px;
	}
.product-add-component-heading-right{
	width:300px; float:right; height:36px; font-size:18px; color:#144f82; line-height:35px; font-weight:bold; margin:5px 25px 0 0; text-align:right;
	}
.product-add-component-heading-right a{
	color:#144f82; text-decoration:none;
	}
.product-add-component-heading-right a:hover{
	color:#144f82; text-decoration:underline;
	}
.product-add-component-mid-part{
	width:909px; float:left; height:auto; background:#e5e5e5 url(images/modifier-left-mid-bg.png) repeat-x left top; border-left:1px solid #d9d7d7; border-right:1px solid #d9d7d7;
	}
.product-add-component-bottom-corner{
	width:911px; float:left; height:7px; background:url(images/product-add-component-bottom-corner.png) no-repeat left top;
	}
.product-add-component-detail-part{
	width:882px; height:auto; margin:10px 0 0 15px; float:left;
	}
.product-add-component-detail-part-heading{
	width:882px; float:left; border-bottom:1px solid #cdcdcd; height:22px; font-size:12px; color:#000; font-weight:bold;
	}
.product-add-component-detail-part-heading-component{
	width:494px; float:left; height:22px; padding:0 0 0 10px;
	}
.product-add-component-detail-part-heading-unit{
	width:112px; float:left; height:22px;
	}
.product-add-component-detail-part-heading-quantity{
	width:143px; float:left; height:22px;
	}
.product-add-component-detail-part-heading-editing-option{
	width:114px; float:left; height:22px;
	}
.product-add-component-detail-part-heading-detail{
	width:882px; height:auto; float:left;
	}
.product-add-component-detail-part-heading-detail ul{
	list-style:none; margin:5px 0 0 0;
	}
.product-add-component-detail-part-heading-detail ul li{
	display:block; width:882px; height:33px; background:url(images/product-add-component-detail-li.png) no-repeat left top; margin:0 0 5px 0;
	}
.product-add-component-detail-part-heading-detail-component{
	width:494px; float:left; height:33px; padding:0 0 0 10px; line-height:35px; font-size:18px; color:#000; font-weight:bold;
	}
.product-add-component-detail-part-heading-detail-unit{
	width:112px; float:left; height:33px; line-height:35px; font-size:12px; font-weight:bold; color:#000;
	}
.product-add-component-detail-part-heading-detail-quantity{
	width:143px; float:left; height:33px;  line-height:35px; font-size:12px; font-weight:bold; color:#000;
	}
.product-add-component-detail-part-heading-detail-editing-option{
	width:114px; float:left; height:33px; line-height:35px; font-size:12px; color:#000;
	}
.product-add-component-detail-part-heading-detail-editing-option a{
	color:#000; text-decoration:none;
	}
.product-add-component-detail-part-heading-detail-editing-option a:hover{
	color:#000; text-decoration:underline;
	}
.product-add-component-detail-no-product-selected{
	width:882px; float:left; height:auto; padding:20px 0; text-align:center; border:1px solid #c0bebe; background:#d9d9d9; font-weight:bold; font-size:18px;
	}
.product-add-component-detail-no-product-selected a{
	color:#215888; text-decoration:none;
	}
.product-add-component-detail-no-product-selected a:hover{
	color:#215888; text-decoration:underline;
	}

/*------------
	OLD CSS UPDATE
	---------------------*/
.logo-logout-part{
	width:100%; height:72px; float:left; position:relative;
	}
.logout-part{
	width:320px; height:32px; right:0; position:absolute; top:0;
	}
.logout{
	width:auto; float:left; margin:0px 0 0 0; background:url(images/logout.png) no-repeat left; text-align:center; font-size:12px; font-weight:bold; padding:0 0 0 20px;
	}
.logout a{
	text-decoration:none; color:#3c3a3f;
	}
.logout a:hover, .logout a.active{
	text-decoration:none; color:#144f82;
	}
.admin{
	width:auto; float:right; margin:7px 0 0 0; background:url(images/admin.png) no-repeat left; text-align:center; font-size:12px; font-weight:bold; padding:0 20px;
	}
.admin a{
	text-decoration:none; color:#3c3a3f;
	}
.admin a:hover, .admin a.active{
	text-decoration:none; color:#144f82;
	}
.search-box{
	width:187px; float:right; height:30px; 
	}
.search-container{
	width:910px; float:left; clear:both; margin:15px 0 0 15px;
	}

/*------------
	EXPENDABLE BUTTON
	--------------------*/
.next-left-corner {  
  display:block;
  padding:0 0 0 0;
}
.next-right-corner { 
  background:url(images/next-left-corner.png) no-repeat left  center; font-size:18px; height:36px; padding:0; float:left; width:auto; font-weight:bold; text-align:center; padding:0 0 0 0px; color:#000;
}
.next-right-corner .next-left-corner{ 
  background:transparent url(images/next-right-corner.png) no-repeat scroll right 1px; color:#000; float:right; height:36px; margin:0 0 0 5px; padding:0 25px 0 31px;
text-align:center; line-height:34px;
 }
.next-right-corner .next-left-corner a{ 
	text-decoration:none; color:#000;
 }
.next-right-corner .next-left-corner a:hover{ 
	text-decoration:none; color:#000; text-decoration:underline;
 }

.modifier-selected{
	width:297px; height:auto; float:left; margin:20px 0 0 12px;
	}
.modifier-selected ul{
	list-style:none;
	}

.modifier-selected ul li{
	display:block; 
	}
.modifier-selected ul li a{
	display:block; margin:0 0 5px; background:url(images/modifier-left-li-bg.png) no-repeat left top; height:33px; width:279px; color:#000; padding:0 0 0 18px; font-weight:bold; line-height:35px; text-decoration:none;
	}
.modifier-selected ul li a:hover, .modifier-selected ul li a.active{
	 background:url(images/modifier-left-li-bg.png) no-repeat left -33px; text-decoration:none; color:#fff;
	}

.select-modifier-product-right{
	width:590px;float:left; height:auto;
	}
.select-model-box-main-container{
	width:650px; height:400px; margin:0 auto; background:#fff; padding:20px 30px 20px 20px;
}
.select-model-box-inner-container{
	width:590px; height:auto; float:left; margin:0 0 0 25px; 
	}	
.select-model-box-product{
	width:590px; height:auto; float:left; clear:both;
	}