html, body 
{
    height: 100%;                                                   
}
body
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size:0.7em;
    color:#666666;
}
textarea
{
    font-family: Verdana, Arial, Sans-Serif;
}
html, body, div, span, img, a, form, span
{	
	margin:0;
	padding:0;
}
a img
{
	border:0;
}

.main
{
	width:870px;
	margin:20px auto;
	overflow:hidden;
}
.mainLeft
{
	width:188px;
	border:solid 1px #CCCCCC;
	float:left;
	overflow:hidden;
	text-align:center;
}
.mainCenter
{
	width:526px; 
	float:left;
	overflow:hidden;
}
.mainCenter .header
{
	text-align:center;
}
.mainRight
{
	width:140px; 
	border:solid 1px #CCCCCC;
	overflow:hidden;
	text-align:center;
}


/* 
=================================================
   General
================================================= 
*/
.biselBorder
{	
	border:solid 1px #cccccc;
	border-right-color: #999999;
	border-bottom-color: #999999;
}
.bgColor1
{
	background-color:#cccccc;	
}
.button
{
    cursor:pointer;  
	border:solid 1px #333333;
	font-weight:bold;
	font-size:1.1em;
}
.messageBody
{
	text-align:center;
	margin: 150px 30px;
	font-weight:bold;
	font-size:25px;
	color:Black;
}



/* 
=================================================
   Left column
================================================= 
*/
.mainLeft .header1
{
	background-color:#003333;
	font-size:14px;
	color:#ffffff;
	padding:1px;
	font-weight:bold;
	margin: 45px 4px 0 4px;
	border:solid 1px #999999;
}
.mainLeft .header2
{
	margin: 25px 4px 0 4px;
	background-color:#333333;	
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
.mainLeft .text1 ul
{
	font-size:9px;
	font-weight:bold;
	text-align:left;
	margin:5px 10px 5px 25px;
	padding:0;
}
.mainLeft .text1 li
{
	margin:0;
	padding:0;
}
.vitolas td
{
	padding:5px 5px;	
}
.vitolas a img
{
	border:0;	
}

/* 
=================================================
   MINI CART
================================================= 
*/
.miniCartPanel
{
	margin-top:40px;
	padding:5px;
}
table.miniCart
{
	width:95%;
	font-size:11px;
}
table.miniCart th
{
	padding:3px 0;
}
table.miniCart td
{
	color:#000000;
	border-bottom:solid 1px #999999;
	text-align:left;
}
table.miniCart td.amount
{
	color:#000000;
	border:solid 1px #ff9a00;
	text-align:right;
}
.miniCartPanel .summary
{
	overflow:hidden;
	padding:3px;
	margin-top:5px;
}
.miniCartPanel .button
{
	float:left;
}
.miniCartPanel .total
{
	text-align:right;
	margin-top:5px;
	font-weight:bold;
}
.miniCartPanel .deleteCart a
{
	margin-top:20px;
	color:#333333;
	font-size:1.1em;
}

/* 
=================================================
   Right column
================================================= 
*/
.rightColumnItem
{
	border:solid 1px #444444;
	margin:5px;
	padding:3px 5px;
}
.rightColumnItem a
{
	text-decoration:none;
	font-weight:bold;
	color:#444444;
}
.rightColumnItem a:hover
{
	color:#bbbbbb;
}
.redColumnItem
{
	background-color:Red;
	padding:10px 0;
}
.redColumnItem a
{
	color:White;
}
.redColumnItem a:hover
{
	color:black;
}
.rightColumnImage
{
	margin:20px 0;
}



/* 
=================================================
   Header
================================================= 
*/
.header
{
	text-align:center;
	overflow:hidden;
}
.headerText
{
	width:448px;
	margin:3px auto;
	color:#444444;
	font-weight:bold;
	padding:3px 0;
	font-size:12px;
}
.tabs
{
	text-align:center;
	
}
.tabs a
{
	text-decoration:none;
}


/* 
=================================================
   Vitola
================================================= 
*/
.vitola
{
	margin: 20px 10px;
	font-size:11px;
	text-align:center;
	width:96%;
}
.vitola th
{
	background-color:#003333;
	color:#ffffff;
	padding:1px;
	font-weight:bold;	
	padding:2px 0;
	font-size:12px;
}
.vitola .left
{
	text-align:left;
}
.vitola .bold
{
	font-weight:bold;	
}
.vitola .productHeader td
{	
	color:Black;
	padding:2px 0;
}
.vitola .productBody td
{	
	padding-top:5px;
	padding-bottom:20px;
}
.addToCartAmount
{
	border:solid 1px #ff9a00;
	text-align:right;
	width:30px;
	font-size:10px;
}
.addToCartButton
{
	border:solid 1px #333333;
	font-weight:bold;
	font-size:11px;	
    cursor:pointer;    
	overflow:visible;   
    background-image: url(/public/images/interface/cart.gif); 
    background-repeat: no-repeat; 
    background-position: 7px 2px; 
    padding:2px 5px 3px 35px; 
}
.checkOutRow
{
	margin:20px 0;
	text-align:right;
}
.vitolaHistory
{
	margin-top:10px;
	text-align:center;
	font-size:12px;	
	padding:10px;	
	color:#444444;
	line-height:1.4;
}
.vitolaHistory .title
{	
	text-transform: uppercase;
	font-weight:bold;
	color:Black;
	font-size:13px;	
}



/* 
=================================================
   Checkout
================================================= 
*/
.chekoutHeader a
{
	display:block;
	float:left;
}
.chekoutHeader .text
{
	float:left;
	width:505px;
	padding:0 20px;
	text-align:center;
	font-size:10px;
	color:Black;
}
.checkoutBody
{
	border:solid 1px #cccccc;
	padding:20px 40px;
	color:Black;
}
.cartPanel
{
	border:solid 1px #ff9a00;
	font-size:10px;
}
.cartHeader
{
	background-color:#999999;
	text-align:center;
	color:White;
	font-weight:bold;
	font-size:15px;
	padding:3px 0;
}
.cartPanel .right
{
	text-align:right;
}
.cartPanel table
{
	width:100%;
	border-collapse:collapse;
	text-align:left;
	margin-bottom:10px;
}
.cartPanel th
{
	color:#999999;
	font-weight:bold;
	border:solid 1px #999999;
	padding:2px;
}
.cartPanel td
{
	color:#000000;
	border-bottom:solid 1px #cccccc;
	padding:2px;
}
.cartPanel td input
{
	font-size:10px;
	border:solid 1px #000000;
	width:30px;
	text-align:right;
	background-color:#eeeeee;
}
.cartPanel .empty
{
	border:0;
}
.cartPanel .subtotal
{
	border:0;
	font-weight:bold;
	text-align:right;
}

.checkoutBody ul
{
	margin:40px 0;
}

.checkoutFooter div
{
	font-size:10px;
	background-color:#eeeeee;
	border:solid 1px #000000;
	margin:4px 0;
	padding:3px 0;
	text-align:center;
}
.checkoutFooter div input
{
	background-color:#eeeeee;
	border:solid 1px #000000;
}
.checkoutFooter .row1 input
{
	font-size:10px;
	width:170px;
}
.checkoutFooter .row2
{
	background-color:#ffffff;
	border:0;
}
.checkoutFooter .row2 input
{
	font-size:12px;
	font-weight:bold;
	padding:1px 19px;
	cursor:pointer;
}
.checkoutFooter .row3
{
	height:9px;
}


/* 
=================================================
   IMPORTANT NOTICE
================================================= 
*/
.importantNotice
{
	margin:40px auto;
	width:500px;
	text-align:center;
	
}
.importantNotice .title
{
	background-color:#888888;
	color:White;
	font-weight:bold;
	font-size:17px;
	line-height:50px;
	border:solid 1px #000000;
	border-bottom:0;
}
.importantNotice .body
{
	border:solid 1px #000000;
	padding:10px;
}

/* 
=================================================
   Order Info
================================================= 
*/
.orderInfo
{
	border:solid 1px #ff9a00;
	font-size:10px;
	padding:2px;	
}

.orderInfo .header
{
	background-color:#888888;
	color:White;
	text-align:center;
	font-weight:bold;
	padding:5px;
	border:solid 1px #333333;
}
.orderInfo .row
{
	margin-top:10px;
	clear:both;
}
.orderInfo label
{
	text-align:right;
	font-weight:bold;	
	width:250px;
	display:block;
	float:left;
	margin-right:10px;
	padding-top:3px;
}
.orderInfo input, .orderInfo select, .orderInfo textarea 
{
	background-color:#eeeeee;
	border:solid 1px #000000;
	font-size:12px;
}
.orderInfo textarea
{
	height:50px;
}
.orderInfo select
{
	width:205px;
}
.orderInfo input, .orderInfo textarea 
{
	width:200px;
}
.orderInfo input.checkbox
{
	background-color:#ffffff;
	border:0;
	width:auto;
}
.orderInfo .required
{
	padding-left:3px;
	color:Red;
}
.footer
{
	margin-top:10px;
	text-align:center;
}
.footer a, .footer a:visited
{
	color:White;
}
.footer .terms
{
	background-color:#333333;
	border:solid 1px #ff9a00;
	padding:2px 0;
	width:500px;
	color:White;
	margin:10px auto;
}
.orderInfo .footer input
{
	width:auto;
}
.orderInfo .footer input.checkbox
{
	background-color:#333333;	
}

.verifyFooter
{
	 text-align:center;
	 margin:10px 0;
}
.verifyFooter div input
{
	background-color:#eeeeee;
	border:solid 1px #000000;
	font-weight:bold;
	padding:0 20px;
}
.verifyFooter .row1 input
{
	width:390px;
}
.verifyFooter .row2
{
	text-align:center;
	margin:10px 0;
	font-size:10px;
	background-color:#eeeeee;
	border:solid 1px #000000;
	margin:4px 0;
	padding:1px 0;
	text-align:center;
}

/* 
=================================================
   Validation
================================================= 
*/
.orderReview
{
	margin:10px 0 10px 0;
}
.orderReview .row
{	
	margin-top:10px;
	clear:both;
	overflow:hidden;
}
.orderReview label
{
	text-align:right;
	font-weight:bold;	
	width:300px;
	display:block;
	float:left;
	margin-right:10px;
}



.validationSummary
{
    font-weight: bold;
    color: #ff0000;
    text-align:center;
    padding:10px;
    margin:10px;
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
.validationSummary ul
{
    padding:0px;
    margin:0px;	
}

.orderInfo input.fieldValidationError
{
    color: #ff0000;
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    padding:0;
    margin:0;
}





.staticContent
{
	padding:0 20px 20px 20px;
}
.staticContent .headingtitle
{
	background:#CCCCCC;
	text-align:center;
	font-size:34px;
	font-weight:bold;
	line-height:55px;
	color:Black;
}
.staticContent .centercolumn
{
	background:#FFFFFF;
	border:1px solid gray;
	padding:20px 20px 20px 20px;
} 




/* 
=================================================
   Notify UPS
================================================= 
*/
.notifyUPS table
{
	margin-top:20px;
	background-color:#F6F6F6;
}
.notifyUPS .header
{
	background-color:#336666;
	color:White;
	font-weight:bold;	
	font-size:15px;
	line-height:24px;
}
.notifyUPS .result
{
	font-weight:bold;	
	font-size:15px;
	line-height:24px;
	padding:100px;
}
.notifyUPS .adminInput
{
	border:1px solid black;
	width:600px;
	font-size:12px;
}