/* CSS Document *//*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
	background:#D3CAC1 url("images/bkg1.jpg") repeat scroll 0 0;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
	text-align: center;
	padding: 0;
	line-height: 1.1em;
	margin:0px;
	height:100%;
	color: #222;
    
}

a
{
	font-weight: bold;
	color: #6C6054;
}

a:link
{
	font-weight: bold;
    text-decoration: underline;
}
a:visited
{
	font-weight: bold;
}
a:hover
{
	font-weight: bold;
    text-decoration: none;
}
a:active
{
	font-weight: bold;
}

p
{
    margin-bottom: 1em;
    line-height: 1em;
}
ul
{
    line-height: 1em;
}
div {
	margin:0;
	padding:0;
}

img{
    border:0;
}

fieldset
{
    padding:10px;
    -moz-border-radius: 1em;
    margin-bottom:10px;

}
legend
{
    font-size:1.3em;
    font-family:Arial;
    font-weight:bold;
}
input, select, textarea
{
	
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    color: #222222;
    font-family: Arial, Helvetica, sans-serif;
}

/*-------Title Header-------*/
h1 
{
    font-size: 1.6em;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*-------Content Header-------*/
h2 
{
    font-size: 1.5em;
    line-height: 1.3em;
    padding: 0 0 3px 0;
}

/*-------Group Header-------*/
h3 
{
    font-size: 1.2em;
}

/*-------Sub-Group Header-------*/
h4 
{
    font-size: 1.1em;
}

/*-------Panel Header-------*/
h5 
{
    font-size: 1em;
}

/*-------Menu-------*/
h6 
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#wrapper {
	/*-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	*/
  background: url("") no-repeat center top;
	margin:0 auto;
	text-align:left;
	min-height:650px;
}

#page
{
	background: url() 0 0 repeat-x;
	/*height: 600px; */
	padding: 0px 0px 30px 0px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	display: table;
}

html>body #page {overflow:hidden;}

#main
{

	margin-left: auto; 
	margin-right: auto;
	padding-bottom: 20px;
}

#content{
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
    background-color: #D3CAC1;
	float:left;
	width:976px;
	padding: 100px 0px 32767px 10px;
	margin-bottom: -32767px;

}

#fullContent
{
	background-color: #D3CAC1;
	float:left;	
	width:976px;
	padding: 100px 0px 32767px 10px;
	margin-bottom: -32767px;

}

#leftColumn
{
	float:left;
	width: 210px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	padding-left: 3px;
	background-color:#EFF9C5;
}
#rightColumn
{
	float:left;
	width: 210px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	padding-left: 3px;
	background-color:#EFF9C5;
}


#header
{
	background: url("images/bkg2.jpg") 0 0 repeat ;
	position: relative;
border-bottom: 8px solid #658BAF;
    border-top: 8px solid #658BAF;	
	top: 30px;
    color:#fff;
    height: 158px;    
}

#header h1
{
    font-weight: bold;
    padding: 5px 0 0 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#footer
{
	display: none;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	line-height: normal;
	margin: 0 auto;
	font-size: .9em;
	clear:both;
	background-color:#A00000;
}

#footer li
{
    display: inline;
    list-style: none;
}
#footer a
{
	color: #fff;
}

ul#menufooter li a
{
}

ul#menufooter li a:hover
{

}
#copyright
{
    display: none;
}

/* MENU   
----------------------------------------------------------*/

#menucontainer
{
	background: #333333;
	color: #fff;
	font-family: "Arial Narrow", Arial, sans-serif;
    position: absolute;
    top:166px;
    width:986px;
    height: 58px;
	  z-index: 100;
}

ul#menu
{
    padding: 21px;
    position: relative;
    margin: 0px ;
    text-align: left;
}

ul#menu li
{
	font-size: 1.1em;
	font-weight:bold;
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 0px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.5em;
    color: #fff;
}

ul#menu li a
{
	color:#BDD2E5;
	text-decoration:none;
	padding: 20px 18px;
}

ul#menu li a:hover
{
	color: #fff;
	text-decoration:none;
	background-color: #6c6054;
}

ul#menu li a:active
{
	text-decoration:none;
}

ul#menu li.selected a
{
    background-color: #233;
}

a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  overflow: visible; /* IE6 form button fix */
}

.button {
  padding: 0.1em 0.3em;
}

.button:hover {

} 

.columnHeader
{
	padding-bottom: 4px;
	border-bottom:thin solid;
}

a.linkButton, a.linkButton:visited
{
		border-color: yellow;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    text-decoration: none;
}

a.linkButton:hover
{
		border-color: #EF9600;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    text-decoration: none;
}

/* Header  
----------------------------------------------------------*/
#title
{
    display:block;
    text-align:left;
    height:55px;
    background-position: bottom right;
	min-height:38px;
	_height:38px;
}

#logo
{
    background-image: url("images/logo.png") ;
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 5px;
    margin-top: 0px;
    margin-right: auto;
	  margin-left: 28px;
	  position: absolute;
	  top: 40px;
	  left: 80px;
	width : 560px;
	height: 120px;
	/*margin-left: 650px;  */
}
#tommy
{
    background-image: url("images/tommy_s.png") ;
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 5px;
    margin-top: 0px;
    margin-right: auto;
	  margin-left: 28px;
	  position: absolute;
	  left: 600px;
	  top: -40px;
	width : 360px;
	height: 260px;
	z-index: 200;
	/*margin-left: 650px;  */
}
#adwords
{
	display: none;
	position: absolute;
	left: 300px;
	top: 30px;
	color: #D4DD3F;
}
#testMode
{
	font-size: 1.8em;
        color:red;
	position:relative;
	top:30px;
	left:700px;
	z-index:500;
	width:400px;	
}
#changeStylePanel
{
	display: none;
	position:absolute;
    right:10px;
	width: 300px;
	top: 0px;
}
.changeStyleIcon
{
	width: 17px;
	height: 17px;
}
#useraccount
{
    position:absolute;
    right:10px;
	width: 300px;
    top: 10px;
    font-size:1.1em;
    margin:10px;
    z-index:50;
}

#useraccount a
{
    text-decoration: underline;
    color: #fff;
}

#useraccount a:visited
{
    text-decoration: underline;
    color: #fff;
}

/* Left & Right Panel  
----------------------------------------------------------*/
.leftPanel
{
	margin: 5px 0px;
	padding: 0 5px 15px 5px;
	width: 192px;
	left: 20px;
	overflow: hidden;
	color: #49A9F5;
	border: 1px solid #9E9E9E;
}

.leftPanelHeader
{
	padding: 5px 4px 5px 4px;
	margin: 8px 0px 8px 0px;
	color: #FFFFFF;
	background:#49A9F5 none repeat scroll 0 0;
	font-weight:bold;
}

.rightPanel
{
	margin: 5px 0px;
	padding: 0 5px 15px 5px;
	width: 192px;
	top: 50px;
	right: 10px;
	overflow: hidden;
	border: 1px solid #9E9E9E;
}

.rightPanelHeader
{
	padding: 5px 4px 5px 4px;
	margin: 8px 0px 8px 0px;
	color: #FFFFFF;
	background:#49A9F5 none repeat scroll 0 0;
	font-weight:bold;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:White;
}

.warn
{
    color:White;
}

.information
{
    color:White;
}


.hint
{
    font-size: 0.8em;
    font-style: italic;
}

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}


.notify-error{
    padding: 10px;
    color:#990000;
    border:1px solid #990000;
    background-color:#ffffcc;
    margin-bottom:15px;
    width:500px;
}

.notify-message{
    padding: 10px;
    width: 600px;
    border: 1px solid #006600;
    vertical-align: middle;
    margin-bottom: 20px;
    background-color: #CCFFCC;

}


.submitButtonDiv
{
	margin-top: 30px;
	text-align:center;
}

.normalTd
{
	vertical-align: top;
	
}

.normalTr
{
	vertical-align: top;
}

.normalTable
{
	width: 100%;
}

.currencyIcon
{
	width: 24px;
	height: 24px;
}

.languageIcon
{
	width: 24px;
	height: 24px;
}


input.number
{
	width: 50px;
}

input.datePicker
{
	width: 70px;
}

input.short
{
	width: 100px;
}

textarea.medium, input.medium
{
	width: 400px;
}

textarea.long, input.long
{
	width: 700px;
}

textarea.full, input.full
{
	width: 970px;
}

/* Pager  
----------------------------------------------------------*/
.pager 
{
	text-align:right;
	margin:8px 3px;
	padding:3px;
}

.pager .disabled 
{
	border:1px solid #ddd;
	color:#999;
	margin-top:4px;
	padding:3px;
	text-align:center;
}

.pager .current 
{
	background-color:#49A9F5;
	border:1px solid #009;
	color:#fff;
	font-weight:bold;
	margin-top:4px;
	padding:3px 5px;
	text-align:center;
}

.pager span, .pager a
{
	margin: 4px 3px;
}

.pager a 
{
	border:1px solid #c0c0c0;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}

.pager a:hover 
{
	border:1px solid #519E2D;
	background-color:#6F8992;
	color:#fff;
	padding:3px 5px;
	text-align:center;
	text-decoration:none;
}

/* Category
----------------------------------------------------------*/
#categoryNavigation
{
}

.categoryThumbnail
{
	float: left;
	margin: 16px 0;
	width: 105px;
}
.categoryItem
{
	margin-left: 140px; 
}

h2 a, h2 a:link
{
   font-size: 1.0em;
   text-decoration: none;
}

.categoryNameList a
{
   text-decoration: none;
   font-size: 1.5em;
}
.moreDetail
{
  color:#000; 
	font-size: 0.7em;
   text-decoration: underline;
}
.categoryItemDisplay
{
	clear: both;
}
.subCategoryItem
{
	float: left;
	width:100%;
}

#subCategoryList{

}

.category-thumbnail-image
{
	height:100px;
}


/* Product List & Detail
----------------------------------------------------------*/

.productDescription
{
	padding-left: 140px;
}

.productDetailDescription
{
	padding-left: 5px;
}


.productListDisplay{
    margin-left:10px;
    clear: none;
	float: left;
	width: 100%;
}

.productItem
{
	float: left;
	width: 600px;
}

.productItemDisplay{
	float: left;
    padding-bottom:1px;
    padding-right:20px;
	width:100%;
}

.productDetailDisplay{
    clear: none;
	float: left;
	width: 100%;
}

.productDetail
{
}

.productDetailHeader
{
	margin: 0 0 0 240px;
}

.productThumbnail{
    float:left;
    width:130px;
    margin:20px 10px;
}

.product-thumbnail-image
{
	width: 100px;

}

.product-detail-thumbnail-image{
    float:left;
    width:230px;
    margin:20px 10px;

}

.productDetailImage
{
	width: 200px;
}

.SpecialProductText
{
	color: #FF3163;
}

.bonusProduct
{
}

.bonusItemTitle
{
}

.bonusProductName
{
	font-weight: bold;
}

.bonusProductAdd
{
}

.relatedProductDisplay{
    float:right;
    margin-right:10px;
    padding:1px;
}

/* Shopping Cart
----------------------------------------------------------*/
.cartAdd
{
}

#shoppingCart
{
	padding: 0px;
}

#cartItems
{
	border: solid 1px #ccc;
}


#shoppingCart table
{
	width:100%
}
#shoppingCart h2
{

}
.shoppingCartHeaderTr
{
	background-color: #6C6054;
	color:#D3CAC1;
}

#couponList
{
}
#couponList table
{
	width: 100%;
}
#couponList td
{
	padding: 2px;
}
#couponEntry
{
}

#orderEstimateInfo table
{
	text-align:right;
}
#orderEstimateInfo td
{
	padding-right: 10px;
}
#shipToAddress 
{
	width: 200px;
	float: left;
}
#shipToMethod
{
	width: 200px;
	float: left;
}
#orderTotal
{
	float:right;
	width: 300px;
}

#shoppingCartButtons
{
	text-align: right;
}


/* Checkout
----------------------------------------------------------*/
#checkoutIndex
{
	left: 300px;
	border: solid 1px;
}

#checkoutNavigation
{
}


#checkoutNavigation ul
{

}
#checkoutNavigation li
{
	display:inline;
    list-style: none;
    padding: 0px 2px;
}
.checkoutNavigationActive
{
	font-weight: bold;
}

.checkoutDisplay
{
    clear: both;
	float: left;
	width:100%;
	
}

.loginToCheckout
{
}

/* Address Info
----------------------------------------------------------*/

.shippingAddressHeader
{
}

#shippingAddressDiv
{
}


.editAddressPanel
{
	left: 200px;
}

.primaryAddress
{
	font-style:italic;
	font-weight:bold;
	color: Red;
}

/* Ship Method
----------------------------------------------------------*/
.selectShipmethodPanel
{
}

/* Payment
----------------------------------------------------------*/
#creditCardEntry
{
	width:50%;
	float: right;
}
#creditCardEntry h3
{

}

#billingAddressEntry
{

}
#billingAddressEntry h3
{

}
.billingAddressTable
{
}


/* Confirmation Page
----------------------------------------------------------*/
#orderHeaderInfo
{
	float:left;
	width:50%;
}
#orderHeaderInfo h3
{

}

#shippingAddressInfo
{
	float:right;
	width:50%;
}
#shippingAddressInfo h3
{

}

#shippingMethod
{
	float:right;
	width:50%;
}
#shippingMethod h3
{

}

#billingAddressInfo
{
	float:left;
	width:50%;
}
#billingAddressInfo h3
{

}

/* Order Info
----------------------------------------------------------*/


.labelTotal
{
	font-weight: bold;
}

.labelDiscountTotal
{
	font-weight: bold;
	color: Red;
}

#orderInfo
{
	width:100%;
}

#orderInfo table
{
	width: 100%;
}

#orderInfo td
{
	padding: 2px;
}

#orderInfoTable
{
}

#orderTotalInfo
{
}


#orderSummary table
{
	text-align:right;
}
#orderSummary td
{
	padding-right: 10px;
}
#orderSummary
{
	float:left;
	width:33%;
}



/* Invoice Page
----------------------------------------------------------*/
.invoiceAddressInfoTable
{
	width:100%;
}
#invoiceBillingAddressInfo
{
	width:100%;
}
#invoiceBillingAddressInfo h3
{

}
#invoiceShippingAddressInfo
{
	width:100%;
}
#invoiceShippingAddressInfo h3
{

}

#invoicePhysicalOrder
{
}
#invoiceDigitalOrder
{
}

.invoiceOrderHeader
{
	width:50%;
	float: left;
}
.invoiceOrderHeader h3
{

}
.invoiceShippingMethod
{
	float:right;
	width:50%;
}
.invoiceShippingMethod h3
{

}

.invoiceOrderInfo
{

}
.invoiceOrderInfo h3
{

}


.invoicePaymentMethod
{
	float:right;
	width:50%;
}
.invoicePaymentMethod h3
{

}

/* Profile 
----------------------------------------------------------*/
#addressBookTable{
	width:100%;
}

.reviewDisplay{
    margin-left:190px;
}
.reviewItem{
    padding:10px;
    margin-bottom:10px;
}

.addressBook{

    float:right;
    width:150px;
    margin-left:10px;
    margin-right:40px;

}


.sectionheader
{
    border-bottom: 1px solid #cccccc;
    font-size: 1.2em;
    vertical-align: middle;
    font-weight: bold;
    font-family: "Century Gothic" , "Arial";
    color: #666666;
    margin-bottom:12px;
}
/* Removed Class
----------------------------------------------------------*/


/* CSS Document */