
html, body{
	padding:0;
	margin:0;
	font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	background:url(../images/bg_paper.jpg) repeat-y 50% 0;
	}
	
/*fixing firefox outline*/
a:active
{
  outline: none;
}



a{
cursor:pointer

}
.basket_input{

	width:150px;
	border:1px solid #861324;
	font-size:15px;
	padding-left:5px;
	color:#3a3a3a

}

:focus
{
	outline:none;
}

img{
	border:0;
	padding:0;
	margin:0;
	}
#container{
	padding:0;
	margin:0 auto 0 auto;
	width:960px;
	
	}	

	
#header{
	background:url(../images/header_pic.jpg) no-repeat 0 0;
	width:960px;
	height:35px;
	padding:122px 0 0 0;
	z-index:110;
	}
	
#menu{
	width:960px;
	height:35px;
	z-index:110;
	}
	
#menu ul{
	padding:0;
	margin:0;
	list-style:none;
		z-index:110;
	}
	
#menu ul li{
	margin:0;
	float:left;
		z-index:110;
	}
	
#menu ul li a:link, #menu ul li a:visited{
	text-decoration:none;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	width:136px;
	padding:8px 0 0 0;
	display:block;
	text-align:center;
	height:27px;
		z-index:110;
	}
	
	
hr{
height:1px;
border-top: 1px dotted #861324
}
	
	
#menu ul li a:hover{
	background:url(../images/menu_hover.jpg) repeat-x 0 0;
	height:27px;
	display:block;
	z-index:110;
	}
	
.divider{
	background:url(../images/divider.jpg) no-repeat 0 0;
	width:1px;
	height:35px;
	float:left;
	}
	
	
/* submenu for main menu */	
	.red, .red a {color:#ff0000}
#menu ul li a:hover{
	position:relative; 
	z-index:100;
	}

#menu ul ul a:link, #menu ul ul a:visited{
	text-decoration:none;
	display:block;
	}

#menu ul ul a:hover {
	position:relative; 
	z-index:100;
	text-decoration:none;
	}

#menu li:hover {
	position:relative;
	}


/* style the sub-level lists */

#menu ul ul {
	margin:0;
	padding:0px 0 0px 0; /* distance between main and submenu */
	background:#b01220;
	border-top:2px solid #fff;
	z-index:10;
	}

/* style the sub level list items */

#menu ul ul li {
	display:block;
	padding:0 10px 0 11px;
	margin:0;
	width:129px;
	}


/* style the sub level links */

#menu ul li ul li a:link, #menu ul li ul li a:visited {
	display:block;
	color:#fff;
	width:117px;
	padding:4px 0 4px 10px; 
	text-align:left;
	border-bottom:1px dotted #fff;
	font-size:12px;
	height:auto;
		z-index:10;
	}

	
#menu ul ul a:hover{
	margin:0;
		z-index:10;
	}	

/* style the table so that it takes no part in the layout - required for IE 

to work */

#menu table {
	position:absolute; 
	left:0; 
	top:0; 
	width:0; 
	height:0; 
	font-size:1em; 
	z-index:10;
	
	}


/* second */

* html #menu ul ul{
	left:0px;
	top:35px;
	background:#b01220;
	padding:2px 0 12px 0;
	margin:0;
		z-index:10;
	}

* html #menu ul ul a:link, * html #menu ul ul a:link{
	position:relative; 
	z-index:110;
	display:block;
	color:#fff;
	padding:4px 0 4px 10px; 
	text-align:left;
	border-bottom:1px dotted #fff;
	font-size:12px;
	height:auto;
	}

* html #menu ul ul li a:hover{
	color:#f9e347;
	background-image:none;
	}

 /* hide the sub levels and give them a positon absolute so that they take up 

no room */

#menu ul ul {
	visibility:hidden;
	position:absolute;
	top:35px;
	left:0px;
		z-index:10;
	}


/* make the second level visible when hover on first level list OR link */

#menu ul :hover ul{
	visibility:visible; 
	height:auto; 
	}

#menu ul ul:hover ul{
	visibility:hidden;
	}
	
#menu ul li:hover > a {
	color:#fff; /* mainmenu highlight */
	background:url(../images/menu_hover.jpg) repeat-x 0 0;
	height:27px;
	}	
	
#menu ul li ul li:hover > a {
	color:#f9e347; /* submenu hover menu */
	background-color:#b01220;
	background-image:none;
	}

/* only for submenus under submenu --- starts */	

/*keep the third level hidden when you hover on first level list OR link */

#menu ul :hover ul ul{visibility:hidden; }

/* keep the fourth level hidden when you hover on second level list OR link */

#menu ul :hover ul :hover ul ul{visibility:hidden;}

/* make the third level visible when you hover over second level list OR link */

#menu ul :hover ul :hover ul{visibility:visible;}

/* make the fourth level visible when you hover over third level list OR link */

#menu ul :hover ul :hover ul :hover ul {visibility:visible;}


#menu ul ul ul{
	position:absolute;
	margin:0 0 0 150px;
	padding:1px 0 11px 0;
	width:150px;
	border:0;
	background:#b01220;
	border-left:1px dotted #fff;
	}

* html #menu ul ul ul{
	margin:0 0 0 125px;;
	top:0;
	padding:0 0 12px 0;
	}


#menu ul ul ul a:link, #menu ul ul ul a:visited {
	color:#fff;
	padding:6px 0 0 0;
	text-align:left;
	}
	

#menu ul ul ul a:hover{
	background:#b01220;
	color:#f9e347;
	}
	

#menu ul ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:0;
	left:0;
	}

/*for submenus under submenu --- ends */
	
/* submenu ends*/

	
/* hightlighting current page*/

#homepage #home_b {
	background:url(../images/menu_hover.jpg) repeat-x 0 0;
	height:35px;
	}	
	
#aboutpage #about_b {
	background:url(../images/menu_hover.jpg) repeat-x 0 0;
	height:35px;
	}
	
#shoppage #shop_b {
	background:url(../images/menu_hover.jpg) repeat-x 0 0;
	height:35px;
	}
	
	
	
	

#bodyarea{
	
	width:960px;
	border-top:2px solid #fff;
	}
	
#leftcol{
	float:left;
	width:666px;
	padding:27px 0 0 21px;
	}
	
#flashdiv{
	margin:0 0 20px 0;
	z-index:-1;
	}
	
#thumbnail{
	background-color:#fff;
	padding:6px;
	}
	
.gap{
	margin:0 6px 0 0;
	float:left;
	}
	
#rightcol{
	float:right;
	width:237px;
	padding:18px 16px 0 0;
	}
	
#setup_acc{
	text-align:right;
	margin:0 0 7px 0;
	}
	
#latest_news_wrapper{
	padding:0;
	margin:3px 0 0 0;
	}
	
#latest_heading{
	background:url(../images/news_heading.jpg) no-repeat 0 0;
	width:237px;
	height:34px;
	}
	
#latest_content{
	background:url(../images/news_bg.jpg) repeat-y 0 0;
	width:204px;
	padding:10px 20px 0 13px;
	}
	
#latest_content p{
	color:#333;
	padding:0 0 12px 0;
	margin:0;
	line-height:125%;
	}
	
.maroon{
	font-weight:bold;
	color:#8f162a;
	}
	
#latest_bottom{
	background:url(../images/news_bottom.jpg) no-repeat 0 0;
	width:237px;
	height:13px;
	}
	
.cleardiv{
	clear:both;
	font-size:0; /*ie6 hack*/
	}
	
#footer{
	clear:both;
	text-align:right;
	padding:3px 22px 10px 0;
	color:#7f1120;
	}
	
#footer a:link, #footer a:visited{
	color:#7f1120;
	text-decoration:none;
	}
	
#footer a:hover{
	text-decoration:underline;
	}
	
/*for about us page*/	

#about_content{
	background:#fff;
	padding:7px;
	}
	
#text{
	margin:24px 40px 55px 40px;
	}
	
h1{
	padding:0 0 20px 0;
	margin:0;
	font:normal 18px "Trebuchet MS";
	color:#990033;
	}
	

	
.red_title, #text .red_title{
font:normal 18px "Trebuchet MS";
	color:#990033;
	}
	
		
.red_title_sm, #text_sm .red_title_sm{
font:normal 15px "Trebuchet MS";
	color:#990033;
	}
	
#text p{
	padding:0 0 20px 0;
	margin:0;
	color:#666;
	}
	
	
/*for login page*/	

#login{
	background:url(../images/login_bg.jpg) repeat-y 0 25px;
	width:886px;
	}

#login_bottom{
	background:url(../images/login_bg_bottom.jpg) no-repeat left bottom;
	padding:0 0 120px 0;
	}
	
#login_wrapper{
	width:886px;
	padding:18px 32px 20px 42px;
	}	
	
#login_left{
	float:left;
	width:296px;
	margin:0 26px 0 0;
	}
	
#login_left_top{
	background:url(../images/login_1st_top.jpg) no-repeat 0 0;
	height:30px;
	}
	
form{
	padding:15px 0 0 0;
	margin:0;
	}
	
h2{
	color:#000;
	padding:5px 0 0 13px;
	margin:0;
	font:bold 18px "Trebuchet MS";
	line-height:100%;
	}
	
#login_content_left{
	padding:12px 25px 0 12px;
	}
	
#login_wrapper p{
	padding:3px 0 0 0;
	margin:0;
	float:left;
	width:70px;
	}
	
.txtbox{
	border-top:1px solid #4d4c3a;
	border-left:1px solid #4d4c3a;
	border-right:1px solid #959387;
	border-bottom:1px solid #959387;
	background:url(../images/txtbox_bg.jpg) repeat-x 0 0;
	height:20px;
	margin:0 0 8px 0;
	width:164px;
	padding:4px 3px 0 3px;
	}
	
.txtbox2{
	border-top:1px solid #4d4c3a;
	border-left:1px solid #4d4c3a;
	border-right:1px solid #959387;
	border-bottom:1px solid #959387;
	background:url(../images/txtbox_bg.jpg) repeat-x 0 0;
	height:20px;
	margin:0 0 8px 0;
	width:150px;
	padding:4px 3px 0 3px;
	}
	
#forgot{
	padding:0 0 10px 70px;
	}
	
#forgot a:link, #forgot a:visited{
	text-decoration:underline;
	color:#8f1729;
	}
	
#forgot a:hover{
	text-decoration:none;
	}
	
.btn1{
	margin:10px 0 0 175px;
	}
	
#login_middle{
	float:left;
	width:296px;
	margin:0 27px 0 0;
	}
	
#login_middle_top{
	background:url(../images/login_2nd_top.jpg) no-repeat 0 0;
	width:296px;
	height:48px;
	}

#login_content_middle{
	padding:12px 22px 0 12px;
	}
	
#login_right{
	float:right;
	width:241px;
	}
	
.btn2{
	margin:50px 0 0 140px;
	}	
	
#login_right_top{
	background:url(../images/login_3rd_top.jpg) no-repeat 0 0;
	width:241px;
	height:48px;
	}
	
#login_content_right{
	padding:12px 25px 0 12px;
	}	
	
#login_content_right ol{
	padding:7px 0 7px 25px;
	margin:0;
	}
	
	
/*for shop page*/

#leftcol_shop{
	float:left;
	width:678px;
	padding:27px 0 0 20px;
	}

#shop_left{
	float:left;
	width:170px;
	margin:0 7px 0 0;
	}
	
#shop_left ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
#shop_left ul li{
	padding:2px 0 0 10px;
	background:#fff url(../images/shop_arrow.jpg) no-repeat top right;
	height:19px;
	font-weight:bold;
	margin:0 0 4px 0;
	}
	
#shop_left ul li a:link, #shop_left ul li a:visited{
	text-decoration:none;
	color:#000;
	display:block;
	}
	
#shop_left ul li a:hover{
	color:#8a1526;
	}
	
#shop_middle{
	float:left;
	width:462px;
	background-color:#fff;
	padding:13px 14px 29px 18px;
	}
	
h3{
	color:#990033;
	padding:0 0 7px 0;
	margin:0;
	font:bold 24px "Trebuchet MS";
	line-height:100%;
	}	
	
#sort_wrapper{
	padding:0 0 8px 0;
	float:right;
	}

	
#shop_topper{
float:left;
}	
	
#sort{
	float:left;
	width:124px;
	color:#666;
	}
	
#sort select{
	border:1px solid #999;
	font:normal 11px "Trebuchet MS";
	color:#666;
	margin:0 0 0 5px;
	}
	
#view{
	float:left;
	text-align:right;
	padding-right:20px;
	}

#shop_pages
{
 text-align:right;
}

#view a:link, #view a:visited{
	text-decoration:underline;
	color:#000;
	}
	
#view a:hover{
	text-decoration:none;
	}
	
#more{

	}
	
#more ul{
	padding:0;
	margin:0;
	list-style:none;
	cursor:default;
	}
	
#more ul li{
	padding:0 3px 0 0;
	margin:0;
	display:inline;
	font:normal 11px "Trebuchet MS";
	color:#666;
	}
	
#more ul li a:link, #more ul li a:visited{
	text-decoration:none;
	color:#666;
	}
	
#more ul li a:hover{
	text-decoration:underline;
	}
	
.block_wrapper{
	padding:0 0 12px 0;
	}
	
.block_left{
	float:left;
	width:143px;
	margin:0 15px 0 0;
	}
	
.block_image{
	padding:0;
	}
	
.block_text{
	padding:11px 10px 0 10px;
	}
	
h4{
	/*text-transform:uppercase;*/
	color:#000;
	font:bold 12px "Trebuchet MS";
	padding:0 0 3px 0;
	margin:0;
	}
	
.block_text p{
	padding:0 0 5px 0;
	margin:0;
	line-height:115%;
	}
	
.buttons{
	float:left;
	width:70px;
	}
	
.price{
	color:#8d1528;
	font-weight:bold;
	float:right;
	padding:9px 10px 0 0;
	}
	
.block_right{
	float:left;
	width:143px;
	}
	
#shop_basket{
	padding:0;
	margin:0 0 15px 0;
	background:url(../images/news_bg.jpg) repeat-y 0 0;
	width:237px;
	}
	
#basket_top{
	background:url(../images/busket_bg.jpg) no-repeat 0 0;
	height:31px;
	}
	
#basket_content{
	padding:7px 22px 28px 15px;
	background:url(../images/basket_bottom.jpg) no-repeat bottom left;
	}
	
.basket_row{
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:4px 0 3px 0;
	}
	
.item{
	float:left;
	width:100px;
	}
	
.total{
	float:right;
	width:80px;
	text-align:right;
	}
	
.basket_row2{
	border-bottom:1px dotted #999;
	padding:10px 0 8px 0;
	font-size:11px;
	}
	
.basket_left{
	float:left;
	width:170px;
	}
	
.basket_right{
	float:right;
	width:30px;
	text-align:right;
	}	
	
.removediv{
	clear:both;
	text-align:right;
	}

.removediv a:link, .removediv a:visited{
	color:#5e1217;
	text-decoration:underline;
	}
	
.removediv a:hover{
	text-decoration:none;
	}
	
.checkout{
	margin:35px 0 0 85px;
	}
	
	
	
/*for trade shop page*/	
	
.trade_wrapper{
	padding:0 0 12px 0;
	border-top:4px solid #ccc;
	}	
	
.trade_row_wrapper{
	padding:8px 5px 10px 5px;
	border-bottom:1px dotted #999;
	}

.trade_first{
	float:left;
	width:20px;
	margin:0 22px 0 0;
	padding:4px 0 0 0;
	}
	
.trade_second{
	float:left;
	width:224px;
	padding:5px 0 0 0;
	}
	
.trade_second a:link, .trade_second a:visited{
	text-decoration:underline;
	font-weight:bold;
	color:#000;
	}
	
.trade_second a:hover{
	text-decoration:none;
	}
	
.trade_third{
	float:left;
	width:140px;
	padding:5px 0 0 0;
	}
	
.trade_third select{
	border:1px solid #999;
	font:normal 11px "Trebuchet MS";
	}
	
.trade_forth{
	float:right;
	width:64px;
	}
	
	
/*for popups*/

#container_pop{
	padding:0;
	margin:0 auto 0 auto;
	width:585px;
	background-color:#fff;
	}
	
#pop_content{
	padding:20px 15px 25px 15px;
	}

#pop_content_left{
	float:left;
	width:284px;
	margin:0 20px 0 0;
	}
	
#pop_content_left p{
	padding:0 0 15px 0;
	margin:0;
	color:#990033;
	font:bold 12px "Trebuchet MS";
	}
	
#pop_content_right{
	float:left;
	width:250px;
	}
	
	.bodylink{
color: #990033;
text-decoration:underline;}

h5{
	padding:0 0 0 0;
	margin:0;
	font:bold 16px "Trebuchet MS";
	font-weight:300;
	color:#990033;
	}


/*********************sexy alert box**************/
#SexyAlertBox-Box {
  padding-bottom: 24px;
  background: url('../images/bg-box-bottom.png') bottom left no-repeat !important;
  background: url('../images/bg-box-bottom.gif') bottom left no-repeat;
}

#SexyAlertBox-InBox {
  padding-top: 15px;
  background: url('../images/bg-box-top.png') top left no-repeat !important;	
  background: url('../images/bg-box-top.gif') top left no-repeat;	
}

#SexyAlertBox-BoxContent {
  background: url('../images/bg-box-body.png') top left repeat-y !important;
  background: url('../images/bg-box-body.gif') top left repeat-y;
  padding: 0px 20px;
}

#SexyAlertBox-BoxContenedor {
  padding: 0px 0px 5px 55px;
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
}

#SexyAlertBox-BoxContenedor h1,#SexyAlertBox-BoxContenedor h2,#SexyAlertBox-BoxContenedor h3,#SexyAlertBox-BoxContenedor b,#SexyAlertBox-BoxContenedor strong{
  text-align: left;
  font-family:Verdana;
  font-size:12px;
  color:#000;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#SexyAlertBox-Buttons{
  text-align:right;
}

#SexyAlertBox-Buttons input {
  margin: 10px 10px;
}

#SexyAlertBox-BoxContenedor #BoxPromptInput{
  margin-top:5px;
}

#SexyAlertBox-Box .BoxAlert {
  background: url('../images/dialog-warning.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxConfirm {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxPrompt {
  background: url('../images/dialog-help.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxInfo {
  background: url('../images/dialog-information.png') top left no-repeat;
}

#SexyAlertBox-Box .BoxError {
  background: url('../images/dialog-error.png') top left no-repeat;
}

