/* CSS Document */

:focus
{
  -moz-outline-style: none;
  outline-style:none;
}

body {
	background-image: url(../Images/backImage.jpg);
	background-repeat: repeat-x;
	background-color: #322f22;
	margin-left: 0px;
	margin-top: 0px;
	font-family:"Arial Narrow", Arial, sans-serif;
	
}

img{

border:0;
padding:0;
margin:0;

}

#mainFrame {
	width: 1000px;
}
#mainFrame #row1 {
	height: 76px;
	width: 100%;
	background-image: url(../Images/row1.jpg);
	background-repeat: no-repeat;
	padding-top:5px;
	text-align:left;
}

.linkItem{
cursor:pointer;

}


#mainFrame #row2 {
	height: 161px;
	width: 100%;
	background-image: url(../Images/row2.jpg);
	background-repeat: no-repeat;
}

#mainFrame #row3 {
	height: 76px;
	width: 100%;
	background-image: url(../Images/row3.jpg);
	background-repeat: no-repeat;
	text-align:left;
	color:#FFFFFF;
	padding-left:30px;
	padding-top:1px;
}

#signupform {
font-size:14px;
}
#signupform .inputBox, .inputBox{
background-color:#CCCC99;
border:groove thin #FFCC00 ;
}
#signupform #signButt, #loadTemplate #loadButt{
background-color:#FFCC33;
border:hidden thin #FFFFFF;
color:#000000
}
#signupform #signButt:hover{
color:#CC3300;
}
.footNote{
font-size:12px;
}

#signButt{

}
#mainFrame #row4 {
	height: 61px;
	width: 100%;
	background-image: url(../Images/row4.jpg);
	background-repeat: no-repeat;
	text-align:left;
	padding-left:12px;
	padding-top:30px;
}

.mainLinks{
color:#FFFFFF;
font-weight:bold;
font-size:17px;

}
.mainLinks a:link , .mainLinks a:visited, .mainLinks a:active{
color:#FFFFFF;
text-decoration: none;
}

.mainLinks a:hover {
color:#FFCC00;
text-decoration:none;
}
#mainFrame #content {
	min-height:100px;
	width: 100%;
	background-image: url(../Images/contentTop.jpg);
	background-repeat: no-repeat;
	background-color: #322f22;
	text-align:justify;

}

#mainFrame #row5 {
	height: 352px;
	width: 100%;
    background-color: #322f22;
}
#row5 img{
padding:10px;
}
#row5 #currentSpecial{
float:left;
width:255px;
height:253px;
margin:10px;
margin-left:60px;
margin-right:-30px;
background-image:url(../Images/square3.jpg);
padding:10px;
}

#mainFrame #footerFrame {
	height: 45px;
	width: 100%;
	background-image: url(../Images/footerTop.jpg);
	background-repeat: no-repeat;
	text-align:left;
	background-color:#4b452f;
	padding-top:25px;
}
#footerLeft{
float:left;
width:70%;
color:#FFFFFF;
padding-left:12px;
font-size:12px;
font-family:Tahoma, "Arial Narrow", sans-serif;
}
#footerLeft a:link , #footerLeft a:visited, #footerLeft a:active{
padding-right:10px;
color:#CCCC99;
text-decoration: underline;
}

#footerLeft a:hover {
padding-right:10px;
color:#CCCC99;
text-decoration:none;
}
#footerRight{
float:right;
padding-right:10px;
color:#CCCC66;
text-align:right;
font-size:14px;
}
#pageHeader{
height:50px;
text-align:left;
}

#pageTitle{
	font-size:22px;	
	padding-top:0px;
	padding-left:15px;	
	color:#FFFFFF;
	float:left;
	width:30%;
}
#highlight{
float:right;
text-align:right;
padding-top:20px;
}
#contentMain{
padding-left:15px;
text-align:left;
min-height:300px;
color:#FFFFFF;
text-align:justify;

}


#thumbDisplay div.page{
clear:left;
}



div.pageNav{
border-top:#669900 1px solid;
clear:left;
width:100%;
text-align:right;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;
}

div.pageNav span{

cursor:pointer;

}

.inactive{
color:#CCCCCC;
font-weight:normal;
font-size:12px;
cursor:pointer;
}
.active{
color:#FFFFFF;
font-weight:bold;
font-size:14px;
cursor:default;
}


#thumbDisplay .productT{


float:left;
margin:15px;
height:390px;
background:transparent;
margin-bottom:10px;

}
.pageHeading{
font-family:Tahoma, Arial, sans-serif;
font-weight:bold;
text-align:left;
font-size:14px;
color:#FFCC00;
padding-left:5px;
margin-bottom:5px;
}
#category{
margin-left:5px;
width:150px;
}
#thumbDisplay .productT .image{
height:350px;
width:290px;
padding:0px;
padding-bottom:0px;
}
#thumbDisplay .productT img{
width:99%;
border:1px #666666 solid;

 
}

#thumbDisplay .productT .tBtn{
width:auto;
float:right;
margin-top:2px;


}

.productTExpanded{
width:450px;
height:300px;
}

.productTSmall{
width:132px;
height:180px;
}

.productT .tPanel{
width:219px;
height:40px;
float:left;
overflow:hidden;
/*border-top:#CCCC33 1px dotted;*/


}


.productT .tPanel p{
float:left;
width:65%;
text-align:left;
font-size:12px;
color:#FFFFFF;
}


.tPanel a:link, .tPanel a:visited, .tPanel a:active{
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#336600;
	text-decoration:underline;
	background-color:#CCCCCC;
	padding:4px;
}


.tPanel a:hover{
	color:#336600;
	text-decoration:none;
}

.productT .pLabel, #snapShot .pLabel, #canvas .pLabel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:2px;
color:#666666;
font-weight:bold;

}

#helpMain .pLabel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#996600;
font-weight:bold;
font-style:italic;

}


#snapShot{
position:absolute;
width:320px;
height:400px;
z-index:100;
background-image:url(../Images/snapShot.png);
background-repeat:no-repeat;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;

}
#snapShot div{
position:relative;
text-align:center;
font-family:Tahoma, Arial, sans-serif;
font-size:12px;
font-weight:bold;
height:98%;
padding-top:5px;
}
#snapShot div img{

width:300px;
}
#snapShot .closeBtn{
text-align:right;
margin-right:15px;
color:#333333;
margin-bottom:2px;
}

#snapShot .closeBtn a:link, #snapShot .closeBtn a:visited, #snapShot .closeBtn a:active{
	color:#333333;
	text-decoration:none;
}


#snapShot .closeBtn a:hover{
	color:#336600;
}


#snapShot span.paperclip{
width:54px;
height:68px;
position:absolute;
display:block;
background:url(../Images/paperclip.gif);
left:-10px;
top:-13px;
}



#overlay { 
         position: absolute; 
         left: 0px; 
         top: 0px; 
         width:100%; 
         text-align:center; 
         z-index: 1000; 
        -moz-opacity: 0.8; 
        opacity:.80; 
        filter: alpha(opacity=80); 
        background-color: #000000; 

} 

#labelOverlay{ 
         position: absolute; 
         left: 0px; 
         top: 0px; 
         width:100%; 
         text-align:center; 
         z-index: 1; 
        -moz-opacity: 0.8; 
        opacity:.80; 
        filter: alpha(opacity=80); 
        background-color: #666666; 
		height:100%;
	/*	background-image:url(../Images/overlay.png);
		background-repeat:repeat;*/

} 

.overlayContent{
      position: absolute; 
        left:0px; 
        width:auto; 
		top:0px;
        margin: 300px 0 0 -150px; 
        background-color: #000000; 
        
        padding:0px; 
        text-align:center; 
        z-index: 1001; 
		
} 
#canvas{
float:left;
width:380px;
height:425px;
position:relative;
margin-left:25px;
margin-top:6px;
}

#miscPalette{
position:absolute;
left:0px;
top:425px;

}
#customLabelDiv{
width:731px;
height:500px;
background-color:transparent;
background-image:url(../Images/customLabelDiv.png);
margin-top:200px;
}

#selectWineDiv{
width:691px;
height:460px;
background-color:transparent;
background-image:url(../Images/customLabelDiv.png);
margin-top:200px;
color:#000000;
text-align:left;
padding:20px;
font-family:"Arial Narrow", Arial, sans-serif;

}

#ageVerifyDiv, #loginVerifyDiv, #shoppingChoiceDiv{
width:691px;
height:460px;
background-color:transparent;
background-image:url(../Images/customLabelDiv.png);
margin-top:200px;
color:#000000;
text-align:left;
padding:10px;
font-family:"Arial Narrow", Arial, sans-serif;

}

#loginVerifyDiv, #shoppingChoiceDiv{
width:350px;
height:300px;
background-color:#FFFFFF;
background-image:none;


}

#shoppingChoiceDiv{
width:450px;
height:200px;

}


#wineDivContent, #ageDivContent, #shopDivContent{
width:90%;
height:100%;
padding:10px 40px 40px 40px;

}
#ageDivContent, #shopDivContent{
padding:20px 20px 20px 20px;

}

#wineList{
height:50%;
width:100%;
overflow:auto;

}

#palette{
width:290px;
height:450px;
background-color:#FFFFFF;
border-left:1px solid #CCCCCC;
float:left;
margin-top:22px;
padding-left:10px;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;

}
.editable{
position:absolute;
cursor:pointer;
z-index:4;
}

.unselected{
/*	-moz-opacity:90 ;
	filter:alpha(opacity: 90);
	opacity: 90;*/
	


}
.textElm.editable{
cursor:pointer;

}

.textElm.selected{
border:1px dashed red;
cursor:move;
}
.textElm{
width:auto;
height:auto;
z-index:6;
}


.imageElm.selected{
cursor:move;
border:1px dashed red;

}
.imageElm{
z-index:5;
}

#commonPalette{
width:250px;
text-align:left;
margin-left:18px;
position:relative;

}

#textPalette, #backgroundPalette, #imagePalette, #helpPalette{
width:265px;
border:#CCCCCC solid 1px;
text-align:center;
padding:1px;
margin-left:10px;
color:#000000;
margin-top:-7px;
}

#helpPalette{
margin-left:0px;
width:95%;
padding:0px;

}

#miscPalette{
width:80%;
border:#CCCCCC solid 1px;
text-align:center;
padding:1px;
margin-left:35px;
color:#000000;
margin-top:-9px;
height:47px;
}

#textPalette td, #backgroundPalette td, #imagePalette td, #helpPalette td{
height:20px;
padding:2px;
}

#helpPalette td{
padding-left:10px;
}

#helpPalette li{
margin-left:-30px;
margin-bottom:5px;
font-size:12px;
}
#palette .label{

background-color:#CCCCCC;
vertical-align:top;
max-height:20px;
font-family:Tahoma, Arial, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
}

#palette .topLabel{
background-color:#CCCCCC;
color:#000000;
font-size:14px;
font-weight:bold;
height:28px;
vertical-align:middle;
font-family:"Arial Narrow", Arial, sans-serif;

}

#selectWineDiv .topLabel, #ageVerifyDiv .topLabel, #loginVerifyDiv .topLabel{
color:#990000;
font-size:18px;
font-weight:bold;

}
#selectWineDiv .wineDesc, .wineDesc{
text-align:justify;
padding-bottom:15px;

}
#ageVerifyDiv td, #loginVerifyDiv td{
vertical-align:middle;

}

#palette a:link, #palette a:visited, #palette a:active{
color:#000000;
text-decoration:underline;
padding-right:10px;
font-weight:bold;
}


#textPalette select, #textPalette input, #imagePalette select{
width:100%;
height:100%;
}

#palette .paletteButton{
height:20px;
font-size:10px;
padding-left:2px;
padding-right:2px;

}

#colorPicker{

}

#colorPicker td{
cursor:pointer;
width:16px;
height:16px;

}

.colorInactive{
border:1px solid #CCCCCC;
}
.colorRoll{
border:1px solid #333333;
}
.colorActive{
border:2px solid #000000;
}


#labelMain{
position: absolute; 
left: 0px; 
top:0px;
}

.labelA #backgroundArea{
position:absolute;
width:310px;
height:382px;
left:0px;
top:0px;
border:13px transparent solid;

}

#labelBackground{
position:absolute;
left:0px;
top:0px;
z-index:1;
}

#labelBackground.solid{
width:336px;
height:408px;
}
.labelA{
width:336px;
height:408px;
background-image:url(../Images/Labels/shadow/labelAShadow.png);
}


.labelA #bleedArea{
position:absolute;
border:12px transparent solid;
width:312px;
height:384px;
left:0px;
top:0px;
}




.labelA #labelDieLine{
border:1px #999999 solid;
width:310px;
height:382px;


}

.labelA #labelElements{
position:relative;
width:288px;
height:360px;
margin:12px;

}

div.fileinputs {
	position: absolute;
	top: 0px;
	left: 0px;
}

div.fakefile {
	position: absolute;
	top:0px;
	left: 84px;
	z-index: 2;
}
div.fakefile input{
visibility:hidden;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 3;
	height:28px;
	
	
}

.mainLinks2{
color:#FFCC00;
text-decoration: underline;
}
.mainLinks3{
color:#990000;
text-decoration: underline;

}
#sampleImages{
margin-top:20px;
min-height:300px;
}

#sampleImages .labelSample{
width:300px;
margin:8px;
border:thin #666666 solid;
}

.pricingChart{
text-align:left;
width:100%;
margin-top:5px;
}

.pricingChart td{
border:thin solid #666666;
}