﻿body, p, b
{
    font-family: verdana;
    font-size: 8pt;
    color: #4E3227;
}

#base 
{
    position: relative;
    margin:0 auto 0 auto;
    width: 980px;
    text-align:left;
}

:link, :visited
{
    text-decoration: none;
    color: #7F513F;
}

:link:hover, :visited:hover
{
    color: #CF8467;
}

img 
{
    border: none;
}

.Header
{
    font: bold 9pt verdana;
    color: white;
}
.Text
{
    
    font: 8pt verdana;
    color: white;
}

/*li
{
    list-style-image: url('img/bullet.png');
}*/

.ProductHeader {
    border-bottom: solid 1px darkblue;
    margin-bottom: 8px;
    font-weight: bold;
    margin-right: 10px;
}

.ProductDetails
{
    margin-right: 10px;
}

.ProductLogo
{
    margin: 4px 0px 4px 10px;
    float: right;
}

.ImageGallery 
{
    float: left;
    width: 200px;
    margin: 0 20px 0 10px;
    padding-right: 10px;
    border-right: solid 1px #9B917D;
}

.ImageGallery div
{
    background-color: gray;
    /*margin-top: 8px;
    margin-bottom: 20px;*/
}

.ImageGallery img
{
    width: 200px;
    /*position: relative;
    top: -4px;
    left: -6px;*/
    border: solid 1px #9B917D;
}

input[type='text'], input[type='password']
{
    border: solid 1px #9B917D;
    font-family: Verdana;
    font-size: 8pt;
    width: 120px;
    margin: 2px 2px 2px 2px;
}

select, textarea, .input_text, .input_password, .input
{
    border: solid 1px #9B917D;
    font-family: Verdana;
    font-size: 8pt;
    width: 120px;
    margin: 2px 2px 2px 2px;
}

input[type='submit'], input[type='button']
{
    border: solid 1px #9B917D;
    font-family: Verdana;
    font-size: 8pt;
    color: white;
    background: #9C917E;
}

.input_submit, .button, .input_button
{
    border: solid 1px #9B917D;
    font-family: Verdana;
    font-size: 8pt;
    color: white;
    background: #9C917E;
}

input[disabled='disabled'] { color: Gray; /* #9B917D; */ }
.input_disabled {  color: Gray; /* #9B917D; */ }

textarea
{
    height: 100px;
}

select
{
    width: auto;
}

#Preload, .Dialog {
    height:100%;
    text-align: center;
    min-height:100%;
    display: none;
    position: absolute;
    background-color: Transparent;
    z-index: 20;
}

#PreloadData, .DialogData
{
    width: 100px;
    height: 14px;
    position: absolute;
    padding: 1px 1px 1px 1px;
    margin: 0 auto 0 auto;
    border: solid 1px #9B917D;
    background-color:  white;
    text-align: left;
    font-size: xx-small;
}

.DragContainer
{
    padding: 1px 1px 1px 1px;
    border: solid 1px #9B917D;
    background-color:  white;
    font-size: xx-small;
}

#PreloadProgress
{
    position: absolute;
    height: 14px;
    left: 0px;
    top: 0px;
    background-color: #9ABDDF;
    min-height: 14px;
    margin: 1px 1px 1px 1px;
    z-index: 10;
    overflow: auto;
}

#PreloadText
{
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 2px 2px 2px 2px;
    color: Gray;
    font-size: xx-small;
    z-index: 12;
}

#PreloadText a 
{
    text-decoration: none;
}

.hide
{
    display: none;
    position: absolute;
}

p 
{
    margin: 8px 0px 8px 0px;
}

td.TopMenu 
{
}

td.TopMenu img
{
    margin-left: 10px;
    margin-right: 1px;
}

#footer 
{
    text-align: center;
    border-top: solid 1px #9B917D;
    margin-top: 80px;
    padding-top: 20px;
}

#content
{
    margin: 0px 0px 0px 0px;
    padding-top: 20px;
}

.beveled .tl { background: url('../../img/prod_topleft.png') no-repeat left top; width: 8px; height: 8px; }
.beveled .t { background: url('../../img/prod_topline.png') repeat-x left top; }
.beveled .tr { background: url('../../img/prod_topright.png') no-repeat left top; width: 8px; height: 8px; }
.beveled .l { background: url('../../img/prod_leftline.png') repeat-y left top; }
.beveled .c { }
.beveled .r { background: url('../../img/prod_rightline.png') repeat-y left top; }
.beveled .bl { background: url('../../img/prod_bottomleft.png') no-repeat left top; width: 8px; height: 8px; }
.beveled .b { background: url('../../img/prod_bottomline.png') repeat-x left top; }
.beveled .br { background: url('../../img/prod_bottomright.png') no-repeat left top; width: 8px; height: 8px; }


.Callout 
{
    border: solid 1px #9B917D;
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 10px 0px;
    background: url('../../img/callout.jpg');
    background-position: left bottom;
    background-repeat: repeat-x;
}


.Search_Area 
{
    border: solid 1px #9B917D;
    padding: 4px 4px 4px 4px;
    margin: 4px 0px 0px 0px;
}

.Search_Header
{
    border-bottom: solid 1px #9B917D;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 10px;
}


.Categories td
{
    vertical-align: top;
}
.Options
{
    margin-bottom: 0px;
    margin-top: 0px;
}
.Options li
{
    list-style-image: url('bullet.jpg');
    margin-bottom: 0px;
    margin-top: 0px;
}

.CheckoutHeader
{
     color: #555555;
     font: bold xx-small Verdana;
}

.Spacer
{
    border-top: dashed 1px #9B917D;
    font-size: large;
    font-family: Verdana;
    height: 20px;
    margin-top: 10px;
}

/*.button
{
    border: solid 1px #9B917D;
    font: 8pt verdana;
    color: rgb(86, 141, 159);
    background-color: rgb(247, 247, 247);
}*/

table.Checkout td
{
    padding-right: 4px;
}

.ContactUsLeft
{
    border-right: solid 1px #9B917D;
    margin-right: 10px;
    padding-right: 10px;
}

.OrderDetail_Header0
{
    font: bold 12pt Verdana; color: #666666
}

.OrderDetail_Header1
{
    font: bold 10pt Verdana;
    color: #9F664F;
}

.CartTable
{
    border: solid 1px #9B917D;
    font-family: Verdana;
    font-size: x-small;
    border-collapse: collapse; 
    /*color: rgb(102, 102, 102);*/
}

.CartHeader
{
    color: #4E3227;
    background-color: #EFE7D1;
}


.horizontal_tab_strip .tab_normal
{
    border-bottom: solid 1px #CECFCE;
}

.horizontal_tab_strip .tab_normal a
{
    display: block;
    border: solid 1px #F1F0F0;
    margin: 0px 4px 4px 4px;
    padding: 2px 10px 2px 10px;
    background-image: url('img/arrowMain.gif' );
    background-position: right center;
    background-repeat: no-repeat;
}

.horizontal_tab_strip .tab_selected
{
    border: solid 1px #CECFCE;
    border-bottom: none;
}

.horizontal_tab_strip .tab_selected a
{
    display: block;
    border: solid 1px #F1F0F0;
    border-bottom: none;
    margin: 1px 2px 0px 2px;
    padding: 4px 10px 4px 10px;
    background-image: url('img/arrow.gif' );
    background-position: right center;
    background-repeat: no-repeat;
}

.horizontal_tab_strip .tab_normal a:hover
{
    border: solid 1px #CECFCE;
}

.vertical_tab_strip .tab_normal
{
	border: none;
    border-right: solid 1px #CECFCE;
}
.vertical_tab_strip .tab_normal,
.vertical_tab_strip .tab_selected
{
    padding: 2px 2px 2px 2px;
}

.vertical_tab_strip a 
{
    padding: 2px 2px 2px 2px;
}

.vertical_tab_strip .tab_normal a
{
    display: block;
    border: solid 1px #F1F0F0;
    background-image: url('img/arrowMain.gif' );
    background-position: right center;
    background-repeat: no-repeat;
}

.vertical_tab_strip .tab_selected
{
    border: solid 1px #CECFCE;
    border-right: none;
}

.vertical_tab_strip .tab_selected a
{
    display: block;
    border: solid 1px #F1F0F0;
    border-right: none;
    background-image: url('img/arrow.gif' );
    background-position: right center;
    background-repeat: no-repeat;
}

.vertical_tab_strip .tab_normal a:hover
{
    border: solid 1px #CECFCE;
}

#Email, #Related
{
    display: none;
}

.ProgressTemplate
{
    position: absolute;
    left: 0px; top: 0px;
    background-color: WhiteSmoke;
    border: solid 1px #9B917D;
    padding: 4px 4px 4px 4px;
}

.SiteMapHeader
{
    font-weight: bold; font-size: large;
    border-bottom: solid 2px #9B917D;
}

.SiteMapSection
{
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 11pt;
    border-bottom: solid 1px #9B917D;
    font-weight: bold;
}

.parent 
{
    margin-bottom: 10px;
}

.parent .root
{
    font-weight: bold;
}

#nav
{
    /*border: solid 1px #9B917D;*/
    background-color: #9C917E;
}

#nav a
{
    color: White;
}

#nav a:hover 
{
     color: #786F5C;
}

.AlternateItem
{
    background-color: #FFF9EF;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px !important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 120px;
    text-align : left; 
    list-style-position: inside;
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : white;
	color : windowtext;
	padding : 1px;
	
}

#NXT_imageZoom
{
    height:100%;
    text-align: center;
    min-height:100%;
    display: none;
    position: absolute;
    z-index: 20;
    background-image: url('../../img/tr_mask.png');
    background-repeat: repeat;
}

#NXT_imageZoomData
{
    width: auto;
    margin: auto auto auto auto;
    position: absolute;
    border: solid 1px #9B917D;
    background-color: White;
    padding: 4px 4px 4px 4px;
}

#NXT_imageClose
{
    position: absolute;
    padding: 4px 4px 4px 4px;
    border: solid 1px #9B917D;
    background-color: White;
    z-index: 30;
    right: 4px;
}