/* 
	1. reset
	2. global
	3. header
	4. loader
	5. title
	6. menu
	7. mailinglist
	8. content
	9. box
	10. back to top
	11. forms error handling
	12. footer
*/
/* 1. reset css */			body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/***end***/
/* 2. global */
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		line-height:17px;
		margin:0;
		color: #3b3535;
		background:url(../img/base/global_bg.jpg) top center repeat-y;
	}
	#main {
		position:relative;
		margin:0 auto;
		width:990px;
		direction:rtl;	
	}
	img {
		border:0;
	}
	p {
		margin-bottom:8px;
		text-align: justify;
	}
	a, a:visted, a:active {
		color:#6a6060;
	} a:hover { color:#ca0203 }
	strong {
		font-weight:bold;
	}
	.errmsg {
		font-weight:bold;
		color:#ca0203;
		font-size:13px;
	}
	div.clear {
		clear: both;	
	}
	input, textarea {
		padding-right: 5px;	
	}
	
/***end***/
/* 3. header */
	#header {
		background:url(../img/base/header_bg.jpg) no-repeat;
		width:973px;
		height:148px;
		padding:0 10px 0 7px;
	}
	#header #ronitgalapo {
		background:url(../img/base/ronit_logo.png) no-repeat;
		width:207px;
		height:50px;
		float:left;
		margin-top:10px;
	}
	#header #thecode {
		background:url(../img/base/code_logo.gif) no-repeat;
		width:101px;
		height:98px;
		float:right;
	}
	#header #date {
		float:left;
		margin:-14px 0 0 0;
		font-size:14px;
		font-weight:bold;
		color:#f65300;
	}
	#header #date span {
		font-weight:bold;
		color:#6a6060;
		margin:0 7px;
	}
	#header #icons {
		float:left;
		margin:-33px 0 0 0;
	}
	#header #icons ul {
		list-style:none;
	}
	#header #icons ul li {
		float:left;
	}
	#header #icons ul li a.shop, #header #icons ul li a.shop:active, #header #icons ul li a.shop:visited{
		background:url(../img/menu/sm_shop.gif) no-repeat;
		width:44px;
		height:38px;
		display:block;
		cursor:pointer;
		text-indent:-9999px;
		overflow:hidden;
		margin: 0 0 0 5px;
		text-decoration:none;
	} #header #icons ul li a.shop:hover {
		background-position:0 -38px;
	}
	#header #icons ul li a.home, #header #icons ul li a.home:active, #header #icons ul li a.home:visited{
		background:url(../img/menu/sm_home.gif) no-repeat;
		width:19px;
		height:15px;
		display:block;
		cursor:pointer;
		text-indent:-9999px;
		margin: 18px 0 0 5px;
		overflow:hidden;
		text-decoration:none;
	} #header #icons ul li a.home:hover {
		background-position:0 -15px;
	}
	#header #icons ul li a.cart, #header #icons ul li a.cart:active, #header #icons ul li a.cart:visited{
		background:url(../img/menu/sm_cart.gif) no-repeat;
		width:20px;
		height:17px;
		display:none;
		cursor:pointer;
		text-indent:-9999px;
		overflow:hidden;
		margin: 18px 0 0 5px;
		text-decoration:none;
	} #header #icons ul li a.cart:hover {
		background-position:0 -17px;
	}
	#header #icons ul li a.contact, #header #icons ul li a.contact:active, #header #icons ul li a.contact:visited{
		background:url(../img/menu/sm_contact.gif) no-repeat;
		width:19px;
		height:15px;
		display:block;
		cursor:pointer;
		text-indent:-9999px;
		overflow:hidden;
		margin: 18px 0 0 0;
		text-decoration:none;
	} #header #icons ul li a.contact:hover {
		background-position:0 -15px;
	}
/***end***/
/* 4. loader */
	#loader {
		text-align: center;
		z-index: 100;
		position: absolute;
		top: 170px;
		left: 0px;
		width: 260px;
		height: 145px;
		margin: 0 auto;
		direction: rtl;
		font-size: 20px;
		color: #ca0203;
		display:none;
	}
	#loader p {
		padding:15px 15px 15px 0;
		margin: 0 95px 0 0;
	}
	#loader img {
		margin-bottom:15px;
	}
/***end***/
/* 5. title */
	#coreTitle {
		margin-right:5px;
	}
	#coreTitle div.right {
		background:url(../img/base/header-right.gif) no-repeat;
		float:right;
		width:7px;
		height:31px;
	}
	#coreTitle h1 {
		color:#ca0203;
		font-size:20px;
		font-weight:bold;
		text-align:right;
		background: #fee89f url(../css/custom-theme/images/ui-bg_glass_60_ffad36_1x400.png) 50% 50% repeat-x;
		float:right;
		width:772px;
		height:21px;
		padding: 6px 10px 4px 0;
	}
	#coreTitle h1 .divider {
		color: #ffdba8;
	}
	#coreTitle h1 .subtitle {
		font-size: 18px;
		color: #e51d1d;
	}
	#coreTitle div.left {
		background:url(../img/base/header-left.gif) no-repeat;
		float:right;
		width:7px;
		height:31px;
	}
/****end****/
/* 6. menu */
	#menu {
		margin:-40px 0 0 0;
		line-height:17px;
		float:right;
	}
	#menu ul {
		list-style:none;
	}
	#menu ul li.menu a, #menu ul li.menu a:active, #menu ul li.menu a:visited {
		background:url(../img/menu/menu.png) no-repeat;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		width:122px;
		height:23px;
		color:#6a6060;
		display:block;
		cursor:pointer;
		padding:7px 10px 0 0;
	} #menu ul li.menu a:hover {
		background:url(../img/menu/menu_on.png) no-repeat;
		width:122px;
		height:23px;
		color:#e56500;
	}
	#menu ul li.menu a.selected, #menu ul li.menu a.selected:active, #menu ul li.menu a.selected:visited {
		background:url(../img/menu/menu_on.png) no-repeat;
		width:122px;
		height:23px;
		color:#e56500;
	}
	#menu ul li.codebook {
		background:url(../img/menu/book_bg.png) no-repeat;
		width:153px;
		height:142px;
	}
	#menu ul li.codebook div {
		font-size:15px;
		font-weight:bold;
		color:#e56500;
		padding:7px 25px 0 0;
	}
	#menu ul li.codebook a, #menu ul li.codebook a:active, #menu ul li.codebook a:visited {
		display:block;
		background:url(../img/menu/button.gif) no-repeat;
		width:52px;
		height:20px;
		padding:1px 9px 0 0;
		margin:92px 35px 0 0;
		cursor:pointer;
		text-decoration:none;
		font-size:14px;
		font-weight:bold;
		color:#ffffff;
	} #menu ul li.codebook a:hover {
		background-position:0 -21px;
		color:#6a6060;
	}
	
	#menu ul #minicart {
		display: none;
		padding: 0 0 6px 0;
		width: 153px;
		background: url(../img/menu/bg.png) repeat-y;
	}
	
	#menu ul #minicart h3 {
		font-size: 16px;
		line-height: 18px;
		font-weight: bold;
		color: #e56500;
		padding: 6px 15px 5px 0;
		background: url(../img/menu/divider.gif) top right no-repeat;
	}
	#menu ul #minicart img {
		float: right;
		width: 35px;
		height: 30px;
		margin-bottom: 5px;
	}
	#menu ul #minicart span {
		float: left;
		width: 90px;
		margin-left: 20px;
		font-size: 13px;
		line-height:17px;
	}
	#menu ul #minicart a, #menu ul #minicart a:visited, #menu ul #minicart a:active {
		display: block;
		color: #e56500;
		font-size: 13px;
		margin:2px 60px 0 0;
		text-decoration: underline;
		font-weight:bold;
	} #menu ul #minicart a:hover { color: #ca0203;}
	
	#menu ul #shopmenu {
		display: none;
		padding: 3px 0;
		width: 153px;
		background: url(../img/menu/bg.png) repeat-y;
	}
	
	#menu ul #shopmenu a, #menu ul #shopmenu a:visited, #menu ul #shopmenu a:active {
		display: block;
		font-size: 13px;
		text-decoration:none;
		font-weight:bold;
		width:122px;
		height:23px;
		color:#6a6060;
		padding:7px 10px 0 0;
	}
	#menu ul #shopmenu a:hover {
		width:122px;
		height:23px;
		color: #e56500;
	}
	#menu ul #shopmenu a.selected {
		color: #e56500;	
	}
	
/***end***/
/* 7. mailinglist */
	#mailinglist {
		margin-top: 10px;
	}
	#mailinglist a.mailnormal, #mailinglist a.mailnormal:active, #mailinglist a.mailnormal:visited {
		display: block;
		width: 103px;
		font-weight:bold;
		text-decoration:none;
		height: 36px;
		line-height: 14px;
		padding:4px 50px 0 0;
		color: #ffffff;
		background: url(../img/mailinglist/mail_bg.gif) top no-repeat;
	} #mailinglist a.mailnormal:hover { 
		text-decoration: none; 
		background: url(../img/mailinglist/mail_bg.gif) 0 -40px no-repeat; 
		color:#6a6060;
	}
	#mailinglist a.mailopen, #mailinglist a.mailopen:active, #mailinglist a.mailopen:visited {
		display: block;
		padding:4px 50px 0 0;
		width: 103px;
		text-decoration:none;
		height: 36px;
		line-height: 14px;
		font-weight:bold;
		color:#6a6060;
		background: url(../img/mailinglist/mail_sel.gif) no-repeat;
	} #mailinglist a.mailopen:hover { }
	#mailopen {
		display: none;
		width: 153px;
	}
	#mailopen div.mailclose {
		width: 153px;
		height: 8px;
		background: url(../img/mailinglist/mail_bottom.gif) top no-repeat;
	}
	#validationMsg {
		padding:3px 10px;
		color:#d4360d;
		font-size:12px;
	}
	#mlOutput {
		display: none;
		padding: 10px;
		font-weight: bold;
		color:#e56500;
	}
	#mlWait {
		display: none;
		padding: 10px 55px 30px 0;
	}
	#mlForm {
		border-left:1px solid #ebd182;
		background-color:#fffdea;
		width: 152px;
	}
	#mlForm table tr td{
		padding-right: 10px;
		font-size:12px;
		font-weight:bold;
		color:#e56500;
	}
	#mlFormtext {
		font-size: 12px;
		color: #655f5f;	
		padding-right: 10px;
	}
	input {
		border: 1px solid #e56500;
	}
	label#labelName {
		margin-top: 8px;
		display:block;
	}
	input#mlName, input#mlEmail {
		width: 120px;
		font-weight:normal;
		color: #000000;	
		margin: 0 0 5px 0;
	}
	#btnSubmit {
		margin-right:40px;
		width: 61px;
		height: 21px;
		padding:0 0 2px 1px;
		font-size: 12px;
		font-weight:bold;
		color:#ffffff;
		border:none;
		cursor: pointer;
		background: url(../img/mailinglist/button.gif) top no-repeat;
	}
/***end***/
/* 8. content */
	#content {
		float:right;
		display: none;
	}
/***end***/
/* 9. box */
	div.boxTopLeft {
		margin-right: 9px; /* clip right corner */
		background-image: url('../img/base/corners1280x18.gif');
		height: 9px; /* vertical: show first half of the image with the top-corners in it */
		font-size: 2px; /* correct height for IE */
	}
	div.boxTopRight {
		margin-top: -9px; /* to level of top-left corner */
		margin-left: 9px; /* clip left corner */
		background-image: url('../img/base/corners1280x18.gif'); 
		background-position: 100% 0; /* show bg-image starting at the right */
		height: 9px; 
		font-size: 2px;
	}
	div.boxBottomLeft {
		margin-right: 9px; /* clip right corner */
		background-image: url('../img/base/corners1280x18.gif');
		background-position: 0 -9px; /* show under half of the image */
		height: 9px;
		font-size: 2px;
	}
	div.boxBottomRight {
		margin-top: -9px; /* to level of bottom-left corner */
		margin-left: 9px; /* clip left corner */
		background-image: url('../img/base/corners1280x18.gif'); 
		background-position: 100% -9px; /* under half, right side */
		height: 9px; 
		font-size: 2px; 
	}
	div.boxContent {
		border-left: 1px solid #ebd182;
		border-right: 1px solid #ebd182;
		background: #fffdea;	
	}
/***end***/
/* 10. back to top */
	a.aBackToTop, a.aBackToTop:visited, a.aBackToTop:active {
		display: block;
		width: 85px;
		padding-top: 13px;
		text-align: center;
		margin: 30px auto 0 auto;
		color: #777777;
		background: url(../img/base/backtotop.gif) top center no-repeat;
		text-decoration: none;
	} a.aBackToTop:hover { color: #000000; background: url(../img/base/backtotop-on.gif) top center no-repeat;} 
/***end***/
/* 11. forms error handling */
	#errorDisplay {
		display: none;
		background: #fff0b4 url(../img/base/error.gif) 99% 8px no-repeat;
		border: 1px solid #ff9600;
		margin: 10px 7px 0 0;
		width:792px;
	}
	#errorDisplay ul {
		padding: 10px 55px 10px 10px;
	}
	#errorDisplay li {
		list-style: square;
	}
/***end***/
/* 12. footer */
	#footer {
		width:990px;
		height:58px;
		background:url(../img/base/footer_bg.png);
		margin:0 auto;
		padding-top:170px;
		text-align:center;
	}
	#footer ul {
		list-style:none;
	}
	#footer ul li {
		display:inline;
	}
	#footer ul li span{
		font-size:12px;
		font-weight:bold;
		color:#6a6060;
		margin:0 7px;
	}
	#footer ul li a, #footer ul li a:active, #footer ul li a:visited{
		font-size:12px;
		font-weight:bold;
		color:#e56500;
		cursor:pointer;
	} #footer ul li a:hover {
		color:#ca0203;
	}
	#footer div {
		font-weight:bold;
		margin: 5px auto;
		color:#6a6060;
	}
/***end***/