/* CSS Document */

#mainShop {
	width:980px;
	/*height:500px;*/
	display:inline;
}

#tagClub {
	width:165px;
	height:225px;
	background:url(../pics/main/tag2.png) top left no-repeat;
	margin-left:17px;
	margin-top:10px;
	padding-bottom:20px;
}
#tagLOGO {
	text-align:center;
	padding-top:32px;
}
#clubDeliv {
	margin-left:20px;
	color:#FFF;
	text-align:left;
	font-size:10px;
	margin-right:40px;
}
#clubDeliv .titleDeliv {
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
	padding-bottom:5px;
}
#btClub {
	padding-bottom:10px;	
}
#btClub button {
	width:160px;
	margin-bottom:5px;
}
#itemsView DIV.itemCL {
	/* width:178px; height:222px; */
	width:190px;
	height:260px;
	float:left;
	text-align:left;
}
#itemsView DIV.backAJ {
	background-image: url(pics/itemJA3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#itemsView DIV.NOJUN {
	background:url(pics/itemA.png) top left no-repeat;	
}

#itemsView DIV.backAJB1 {
	width:570px;
/*	height:260px;  */
	float:left;
	text-align:left;
	
	/* background-image: url(pics/itemJABig1.png);
	background-repeat: no-repeat;
	background-position: left top;
	*/
}
#itemsView TABLE.itemTITLE {
	width:172px;	
}
#itemsView TABLE.itemTITLE TD{
	height:33px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	vertical-align: middle;
	overflow:hidden;
	text-align:center;
	line-height:13px;
	border:0 none;
}


td.itemTITLEx1{
	height:33px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	vertical-align: middle;
	overflow:hidden;
	text-align:center;
	line-height:13px;
	border:0 none;
	background:url(pics/itemBig1Title.png) no-repeat top left;
}

td.itemMIDx1{
	color:#000;
	font-size:14px;
	font-weight:bold;
	vertical-align: middle;
	overflow:hidden;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
	
	border:0 none;
	background:url(pics/itemBig1Mid.png) repeat-y top left;
}

td.itemBOTx1{	
	height:38px;
	border:0 none;
	background:url(pics/itemBigBottom.png) no-repeat top left;
}


#itemsView TABLE.itemTITLEB1 {
	width:552px;	
}
#itemsView TABLE.itemTITLEB1 TD{
	height:33px;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	vertical-align: middle;
	overflow:hidden;
	text-align:center;
	line-height:13px;
	border:0 none;
}

#itemsView DIV.itemPIC {
	width:172px;
	height:120px;
	/*text-align:center;*/
	text-align:left;
	padding-top:10px;
	background-position:27px 10px;
	background-repeat:no-repeat;
}
#itemsView DIV.itemPIC IMG{
/*	position:absolute; */
/*	margin-left:27px; */
	height: 121px;
	display:none;
	border:0 none;
}

#itemsView DIV.itemPICB1 {
	width:552px;
/*	height:120px;  */
	/*text-align:center;*/
	text-align:left;
	padding-top:10px;
	background-position:27px 10px;
	background-repeat:no-repeat;
}
#itemsView DIV.itemPICB1 IMG{
/*	position:absolute; */
/*	margin-left:27px; */

/*	height: 121px;  */
	display:none;
	border:0 none;
}

#itemsView DIV.itemREF {
	width:172px;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding-top:2px;
}

#itemsView DIV.itemREFB1 {
	width:552px;
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:14px;
	padding-top:2px;
}

#itemsView DIV.itemJUNIOR {
	position:absolute;
	margin-top:15px;
	color:#fff;
	font-size:14px;
	width:70px;
	text-align:center;
}
#itemsView .price {
	color:#fff;
	font-size:14px;
	text-align:center;
}

/*
#itemsView DIV.itemJUNIOR {
	position:absolute;
	margin-top:15px;
	width:70px;
}
*/
.hideJUN {
	visibility:hidden;	
}
#itemsView DIV.itemADULT {
	position:absolute;
	margin-top:15px;
	margin-left:100px;
	width:70px;
}

#itemsView DIV.backAJB1 DIV.itemJUNIOR {
	position:absolute;
	margin-top:15px;
	margin-left:150px;
	width:100px;
	text-align:right;
}
#itemsView DIV.backAJB1 DIV.itemADULT {
	position:absolute;
	margin-top:15px;
	margin-left:430px;
	text-align:right;
	width:100px;
}

#itemsView DIV.backAJB1 DIV.pTop {
	margin-top:-5px;
}


#itemsView A.itemaddBT {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	background:url(pics/add.png) right top no-repeat;
	margin-left:147px;
	margin-top:-5px;
}
#itemsView A:hover.itemaddBT {
	background-position:left;
}

#itemsView A.pack1 {
	margin-left:525px;
}

#itemsView A.selected, #itemsView A:hover.selected {
	background-position:center;
}
/* ----- CHECKOUT AREA BUTTON -------*/
A.checkout{
	display:block;
	width:175px;
	height:38px;
	background:url(pics/checkout2.png) top left;
	cursor:pointer;
}
A:hover.checkout{
	background-position:top right;
}
DIV.checkbottom{
	display:block;
	height:13px;
	width:155px;
	background:url(pics/checkoutdrawer2.gif) top center no-repeat;
	margin-left:10px;
	color:#CCC;
	text-align:center;
	font-size:10px;
}
DIV.checkdetail {
	display:block;
	width:155px;
	margin-left:10px;
	background-color:#313131;
}
/* -------- check page --------- */
#ckcadre {
	padding-top:20px;
	padding-bottom:20px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#ckcadre SPAN.title {
	font-size:16px;
	font-weight:bold;
	color:#333;
}
DIV.CKtable {
	text-align:left;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
DIV.CKtable TH {
	background-color:#df3738;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	border-top:#f44546 1px solid;
	border-bottom:#ad2627 1px solid;
}
DIV.CKtable TH.cssinfo {
	text-align:left;
	padding-left:3px;
}
DIV.CKtable TD {
	border-top:#FFF 2px solid;
	vertical-align:top;
}
.purple {
	color:#585991;
}
.CKaddbutton {
	width:100px;
}
TABLE.ckTabke2 TH, TABLE.ckTabke2 TFOOT TD {
	background-color:#FFF;
	border-top:0 none;
	border-bottom:2px #fff solid;
	color:#000;
	font-weight:bold;
}
TABLE.ckTabke2 TH SPAN{
	color:#F00;
}
TABLE.ckTabke2 TD {
	text-align:center;
	background-color:#ffcfcf;
	height:20px;
	vertical-align:middle;
	border-left:#FFF 1px solid;
	border-bottom:1px solid #CCC;
}
TABLE.ckTabke2 INPUT, SELECT {
	padding:0px;
	text-align:center;
	background-color:#ffcfcf;
	height:20px;
	vertical-align:middle;
	border-top:0 none;
	border-bottom:0 none;
	border-left:0 none;
/*	border-right:#FFF 1px solid;  */
	border-right:0 none;
	line-height:20px;
	width:70px;
	width:67px;\/*IE8 only*/
}
TABLE.ckTabke2 SELECT {
	width:80px;
	overflow:visible;
	text-align:left;
}
TABLE.ckTabke2 INPUT:focus, SELECT:focus {
	outline:2px #F00 dashed;
}
TABLE.ckTabke2 TD.noedit, TABLE.ckTabke2 INPUT[disabled] {
	background-color:#faeaea;
	border-left:#FFF 1px solid;
}
TABLE.ckTabke2 INPUT.ckname {
	width:160px;
/*	width:196px;\/*IE8 only*/  
}
TABLE.ckTabke2 TR.master {
	display:none;
}
TABLE.ckTabke2 INPUT.errormsg, TABLE.ckTabke2 INPUT.errormsg:focus {
/*	font-weight:bold; */
	color:#FFF;
	background-color:#F00;
}
A.deleteR {
	display:block;
	height:16px;
	width:16px;
	background:url(pics/deleterow.png) left top no-repeat;
	cursor:pointer;
	margin-left:6px;
}
A.deleteR:hover {
	background-position:right top;	
}
/*----------- LEFT MENU -----------*/
#mymenu {
	width:166px;
	height:212px;
	background:url(pics/leftbar.png) left top no-repeat;
	position:absolute;
	margin-left:-20px;
}

A.CKmenu{
	display:block;
	height:62px;
	width:156px;
	position:absolute;
	background-image:url(pics/leftbar.png);
	cursor:pointer;
}
A.M1 {
	margin-top:11px;
	background-position:0px -11px;
}
A.M1:hover{
	background-position:166px -11px;
}
A.M1click:hover {
	background-position:-166px -11px;
}
A.M2 {
	margin-top:73px;
	background-position:0px -73px;
}
A.M2:hover{
	background-position:166px -73px;
}
A.M2click:hover {
	background-position:-166px -73px;
}
A.M3 {
	margin-top:134px;
	background-position:0px -134px;
}
A.M3:hover{
	background-position:166px -134px;
}
A.M3click:hover {
	background-position:-166px -134px;
}

/*-------- CHECK BOX --------*/
A.popcheckBOX {	
	position:absolute;
	margin-left:10px;
	margin-top:2px;
}
A.checkBOX {
	cursor:pointer;
	display:block;
	height:15px;
	width:100px;
	background:url(pics/checkbox.png) top left no-repeat;
	color:#FFF;
	text-decoration:none;
	padding-left:20px;
	text-align:left;
}
A.checkBOX:hover {
	background-position: bottom left;
	text-decoration:underline;
}
A.checkedBOX{
	background-position: 0 -15px;
	text-decoration:none;
}
A.checkedBOX:hover {
	background-position: 0 -15px;
	text-decoration:underline;
}

/* --- ADDRESS FORM --- */

#backEditorBT {
	display:none;
	position:absolute;
	right: 19px;
	margin-top:0px;
	width:200px;
}

#btleftSIZE {
	display:block;
	width:40px;
	height:38px;
	position:absolute;
	margin-left:277px;
	margin-top:8px;
	cursor:pointer;
}
#btrightSIZE {
	display:block;
	width:40px;
	height:38px;
	position:absolute;
	margin-left:515px;
	margin-top:8px;
	cursor:pointer;
}
#pagecountSIZE {
	display:block;
	width:190px;
	height:30px;
	font-size:18px;
	color:#FFF;
	margin-left:322px;
	padding-top:15px;
	text-align:center;
}

.rotator { 
-webkit-transform: rotate(-15deg); 
-moz-transform: rotate(-15deg); 
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);

	position:absolute;
	color:#000;
	text-decoration:line-through;
	font-size:10px;
	top:187px;
}

.rotatorPack {
-webkit-transform: rotate(-15deg); 
-moz-transform: rotate(-15deg); 
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);

	position:absolute;
	color:#000;
	text-decoration:line-through;
	font-size:10px;
	margin-top:-15px;
}

.packDesc {
	font-weight: normal;
	color: #585991;
	font-size: 11px;
}