body
{
	background-color: #fff; /*: #f4f4f4 url(images/bg.gif) top center repeat-y;*/
	padding: 20px 20px 2px 20px;
	font-size: .85em;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #000;
}







#main
{
	width: 900px;
	height: auto;
	margin: 0 auto;
}


#header
{
	width: 900px;
	height: 121px;
	background-position: center top;
	background-image: url(/images/header.png);
	background-repeat: no-repeat;
}

.ContentContainer
{
	width: 900px;
}

#leftcolumn
{
	float: left;
	width: 238px;
	font-size: 11px;
	font-family: Arial;
	background-image: url(/images/leftwraper.png);
	background-repeat: repeat-y;
}

#Wraper
{
	background-image: url(/images/leftmenuback2.png);
	background-repeat: no-repeat;
	height: 670px;
	background-position: top;
}

#content_wrapper
{
	min-height: 443px;
	height: auto !important;
	height: 443px;
	width: 475px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 14px;
}

#contentfullcolumn #content_wrapper, #contentfullwidth #content_wrapper
{
	height: auto;
	width: auto;
}



#LeftMenuCustomText
{
	margin-top: 10px;
	color: Black;
	clear: both;
}

#content
{
	float: left; /*margin-bottom:153px;*/
	width: 483px;
	padding-left: 4px; /* 	font-style: normal; 	font-variant: normal; 	font-weight: normal; 	font-size: 85%; 	line-height: 20px; 	margin-right: -230px; 	margin-left: 71px; 	height: 300px; 	margin-top: 42px; 	*/
}

#banner
{
	display: none;
	background-image: url(/images/banner.jpg);
	background-repeat: no-repeat;
	height: 60px;
	width: 654px;
	margin-top: -9px;
	padding-bottom: 5px;
}

#rightcolumn
{
	/*display: none;*/
	position: relative;
	float: right;
	width: 175px;
	height: 626px;
	font-size: 11px;
	font-family: Arial;
}


/*.LowerRight
{
	position:relative;
	float:right;
	/*clear:both;
	width:662px;
	height:153px;
	margin-top:-184px;
	
	
}*/

#footer
{
	/*position:relative;          clear:left;*/
	float: left;
	background-image: url(/images/footer2.png);
	background-repeat: no-repeat;
	width: 900px;
	height: 50px;
}

.Flashfooter
{
	width: 175px;
	height: 450px;
}






.NoBorder
{
	border-width: 0px;
	border-style: none;
}


.minwidth
{
	width: 790px;
	height: 1px;
	margin: auto;
}
.AlignRight
{
	text-align: right;
}
.AlignCenter
{
	text-align: center;
}

a:link, a:visited
{
	color: #003366;
	text-decoration: none;
}

a:hover
{
	color: #A52A2A;
	text-decoration: none;
}

strong, #content strong
{
	font-weight: bold;
}

em, #content em
{
	font-style: italic;
}

p, #content p
{
	margin-bottom: 5px;
}
div.clear
{
	height: 0px;
	clear: both;
}


#popupheader
{
	height: 225px;
	margin-left: -15px;
	margin-right: -20px;
}

#header .tagline, #popupheader .tagline
{
	display: none;
	position: relative;
	z-index: 0;
	margin-top: 28px;
	margin-left: 5px;
	float: left;
}

#popupheader .tagline
{
	display: block;
	position: relative;
	z-index: 0;
	margin-top: 30px;
	margin-left: 5px;
	float: left;
}

#header .logo
{
	display: none;
	float: left;
	position: relative;
	margin-top: -55px;
	margin-right: 5px;
}

#popupheader .logo
{
	display: block;
	float: left;
	position: relative;
}

#topmenu
{
	background-color: white;
	background-repeat: no-repeat;
	position: relative;
	float: left;
	clear: both;
	height: 20px;
	left: 213px;
	top: 23px;
	font-size: 10px;
}
#topmenu ul
{
	display: inline;
	border: none;
	position: relative;
}

#topmenu li
{
	float: left;
}
#topmenu li a
{
	background-image: url(images/topbullet.gif);
	background-repeat: no-repeat;
	clear: left;
	color: #000000;
	display: block;
	float: left;
	font-size: 95%;
	font-weight: 700;
	height: 9px;
	padding: 4px 11px 4px 25px;
	text-decoration: none;
	width: auto;
}

#topmenu li a:hover
{
	background-color: Transparent;
}

#topmenu li a:hyperlink
{
	color: Fuchsia;
}


#CallHelp
{
	position: relative;
	float: right;
	font-size: 12px;
	font-weight: bold;
	left: -6px;
	top: 15px;
}

.CallHelpOrange
{
	color: #f68527;
	font-weight: bold;
}


#contentcolumn, #contentfullcolumn, #contentfullwidth
{
	text-align: left;
	margin: 0px;
}

#contentfullcolumn
{
	width: 657px;
	float: left;
}

#contentfullwidth
{
	border-left: 1px solid #04ae58;
	clear: both;
	margin-left: 53px;
	padding: 10px;
	width: 847px;
}



#contentcolumn
{
	margin-top: 1px;
	position: relative;
	vertical-align: top;
}



#contentpopup
{
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}



#footer h1
{
	display: none;
}


#content h1, #content h3, #contentfullcolumn h1, #contentfullcolumn h3
{
	color: #4E4C7C;
}

#content h1, #contentfullcolumn h1
{
	font-size: 150%;
	font-weight: 500;
	margin-bottom: 15px;
}

#content h2, #contentfullcolumn h2
{
	font-size: 115%;
	color: #efaa23;
	font-weight: bold;
}

#content h3, #contentfullcolumn h3
{
	font-size: 115%;
	font-weight: bold;
}


#ManufacturerSpecials
{
	text-align: left;
}

#ManufacturerSpecials a
{
	display: block;
	margin: 0px 1px 3px 5px;
}

#ProductPricing
{
    font-size: 12px;
}

#ProductSearch label
{
	display: none;
}

#ProductSearch .CommandButton, #ProductSearch .CommandButton:hover
{
	margin: 10px 1px;
	background-color: Transparent;
}

#ProductSearch
{
	position: relative;
	float: right;
	color: #FFFFFF;
	top: 70px;
	left: -19px;
	width: 491px;
}

#ProductSearch .Searchblock
{
	display: block;
	float: left;
	position: relative;
}

#ProductSearch .SearchButton
{
	display: block;
	height: 32px;
	float: left;
	top: -9px;
	left: 110px;
	width: 43px;
	position: relative;
}

#ProductSearch .Brand
{
	width: 115px;
	height: 21px;
	position: relative;
	top: -2px;
	font-size: 11px;
}

#ProductSearch .Price
{
	width: 87px;
	height: 21px;
	position: relative;
	top: -2px;
	font-size: 11px;
}

#ProductSearch .Keyword
{
	width: 130px;
	height: 15px;
	position: relative;
	top: -2px;
	font-size: 11px;
	padding-left: 2px;
}







#ProductSearch .brand_container
{
	top: 0px;
	left: 189px;
}
#ProductSearch .keyword_container
{
	top: 0px;
	left: -186px;
}
#ProductSearch .price_container
{
	top: 0px;
	left: 229px;
}



#ProductSearch h1
{
	display: none;
	font-size: 125%;
}

.ProductList
{
	margin-left: 10px;
	border-collapse: separate;
}
.ProductListItem
{
	border: solid 1px #efefef;
	padding: 2px 2px 2px 2px;
	text-align: center;
	vertical-align: top;
}

#ProductListHeader
{
	margin: 10px;
}

#ProductListHeader td
{
	padding: 5px 15px 5px 5px;
	vertical-align: middle;
	background-color: #eee;
}


#ProductListHeader table
{
	border: solid 1px #efefef;
}

#ProductListFooter table
{
	border-collapse: separate;
	margin: 10px;
}

.pager table
{
	border-collapse: separate;
}

#ProductListFooter td, .pager td
{
	background-color: #f8f8ff;
	border: solid 1px #efefef;
	padding-right: 2px;
	padding-left: 2px;
}


#BreadCrumb
{
	background-color: #eee;
	color: #000;
	margin-left: 10px;
}

#ProductImage
{
	padding-top: 5px;
	text-align: center;
}

#ProductBlock
{
	padding-left: 10px;
}
#ProductBlock p
{
	padding-bottom: 10px;
}


#ProductPricing th
{
	background-color: #f8f8ff;
}

#ProductPricing th, #ProductPricing td
{
	border: solid 1px #efefef;
	padding-left: 3px;
	padding-right: 3px;
	white-space:nowrap;
}


.ErrorText
{
	color: #ff0000;
}

div.Addresses
{
	margin-top: 5px;
	margin-bottom: 25px;
}

.billing_address
{
	margin-top: 15px;
}


#Cart, #QuoteItems
{
	margin-top: 10px;
}



#Cart .SpecialRequrementsText, #Quote .SpecialRequrementsText, #Quote .ChangeReasonText
{
	width: 475px;
	height: 100px;
}



.ReportGrid td, .ReportGrid th
{
	border: solid 1px #efefef;
	padding: 3px 3px 3px 3px;
	vertical-align: middle;
}

.ReportGrid th
{
	background-color: #d2dff0;
	color: #003366;
}

.ReportGrid tr.AlternatingRow
{
	background-color: #f8f8ff;
}

td.AlignRight
{
	padding: 3px; /*nothing here yet maybe we add something later just in case the cart is setting this style though*/
}

.TextBox
{
	padding: 0px 1px 0px 1px;
}

.QuantityText
{
	width: 40px;
}

#PricingDisclaimer
{
	background-color: #f5f5f5;
	padding: 5px 5px 5px 5px;
	font-size: 85%;
	margin-left: 8px;
	margin-right: 5px;
	margin-top: 10px;
	border: solid 1px #efefef;
}

.CommandButton, .CommandButton:hover
{
	background-color: #86adc7;
	color: #fff;
	border: 2px #ccc none;
	margin: 10px 5px;
	padding: 2px;
}
.CommandButton
{
	border-style: outset;
}
.CommandButton:hover
{
	border-style: inset;
}



div.PageSection
{
	margin-top: 10px;
}

#Login
{

	padding-top: 50px;
}

#Login table
{
	margin:0px auto;
}

#Login table table
{
	width: 300px;
	border: solid 1px #b0c4de;
	margin:5px;
	height:140px;
}

#Login table td
{
	vertical-align:top;
}

#Login td th
{
	height:1px;
}
#Login td td, #Login td th
{
	text-align: left;
	padding: 6px;
	vertical-align: top;
	white-space: nowrap;
}
#Login th
{
	background-color:#b0c4de;
	border-bottom:1px solid #efefef;
	color:#FFFFFF;
	font-weight:bold;
}
#Login .Textbox
{
	padding: 0px 1px 0px 1px;
	width: 150px;
}

.filter
{
	margin-top: 10px;
	width: 98%;
	background-color: #f8f8ff;
}

.filter th
{
	border: solid 1px #efefef;
	font-weight: bold;
	padding: 5px 5px 0px 5px;
}
.filter td
{
	border: solid 1px #efefef;
	padding: 5px 5px 0px 5px;
}


.ajax__calendar div.ajax__calendar_container
{
	background-color: #ffffff;
	border: solid 1px #000000;
}

.ajax__calendar td, .ajax__calendar th
{
	padding: 0px 0px 0px 0px;
	border: none 0px #ffffff;
}


#report
{

}


#ReportData table
{
	width: 98%;
}

#ReportData div.export
{
	margin-bottom: 5px;
	text-align: right;
	width: 98%;
	padding-top: 3px;
	padding-bottom: 3px;
}



#ReportData td, #ReportData th
{
	margin: 0px 0px 0px 0px;
	border: solid 1px #efefef;
	padding: 3px 8px 3px 3px;
	vertical-align: middle;
}

#ReportData td.alternating
{
	background-color: #f8f8ff;
}

#ReportData td.blank, #ReportData td.smallblank
{
	border-left: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-top-style: none;
	border-bottom-style: none;
	border-top-width: 0px;
	border-bottom-width: 0px;
	padding: 0px 0px 0px 0px;
}

#ReportData td.smallblank
{
	font-size: 0px;
	line-height: 0px;
	height: 3px;
}


#ReportData th
{
	background-color: #d2dff0;
	color: #003366;
}

#ReportData th.grouping
{
	background-color: #ffffff;
	color: #003366;
	font-weight: bold;
}

#ReportData th.orggrouping
{
	background-color: #ffffff;
	color: #003366;
	font-weight: bold;
	border: solid 1px #4682b4;
}


#ReportData th.sitegrouping
{
	font-weight: bold;
	font-size: 115%;
	background-color: #4682b4;
	color: #f8f8ff;
}



#ReportData td .ClearGrid, .ClearGrid
{
	border-width: 0px;
	border-style: none;
}


.ClearGrid td, .ClearGrid th, #ReportData td .ClearGrid td, #ReportData td .ClearGrid th
{
	border-width: 0px;
	border-style: none;
	padding: 3px 3px 3px 3px;
	vertical-align: middle;
}

.BlockElement
{
	display: block;
}


/* When the Menu control's Orientation property is Vertical the adapter wraps the menu with DIV */
/* whose class is AspNet-Menu-Vertical. */
/* Note that the example menu in this web site uses relative positioning to force the menu to occupy */
/* a specific place in the web page.  Your web site will likely use a different technique to position your */
/* menu.  So feel free to change all the properties found in this CSS rule if you clone this style sheet. */
/* There is nothing, per se, that is magical about these particular property value choices.  They happen to */
/* work well for the sample page used to demonstrate an adapted menu. */
.CategoryMenu .AspNet-Menu-Vertical
{
	position: relative;
	left: 0;
	z-index: 300;
}

/* The menu adapter renders an unordered list (ul) in HTML for each tier in the menu. */
/* So, effectively says: style all tiers in the menu this way... */
.CategoryMenu ul
{
	background-color: Transparent;
}
.CategoryMenu ul li ul
{
	border: solid 1px white;
}

/* Top tier */
.CategoryMenu .AspNet-Menu-Vertical ul.AspNet-Menu
{
	width: 175px;
	line-height: 8px;
	left: 62px;
	position: relative;
	top: 55px;
}

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
/* In other words, this rule can be used to style the second and third tiers of the menu without impacting */
/* the topmost tier's appearance. */
.CategoryMenu ul.AspNet-Menu ul
{
	width: 200px;
	left: 167px;
	top: -1%;
	z-index: 400;
	background-color: #eaeff2;
	margin-left: 2px;
	padding-left: 2px;
	padding-top: 2px;
}

.CategoryMenu ul.AspNet-Menu ul ul
{
	width: 200px;
	left: 200px;
	top: -1%;
	z-index: 400;
}

/* The menu adapter generates a list item (li) in HTML for each menu item. */
/* Use this rule create the common appearance of each menu item. */
.CategoryMenu ul.AspNet-Menu li
{
	background-color: Transparent;
}

/* Within each menu item is a link or a span, depending on whether or not the MenuItem has defined it's */
/* NavigateUrl property. By setting a transparent background image here you can effectively layer two images */
/* in each menu item.  One comes from the CSS rule (above) governing the li tag that each menu item has. */
/* The second image comes from this rule (below). */
.CategoryMenu ul.AspNet-Menu li a, .CategoryMenu ul.AspNet-Menu li span
{
	padding: 2px 17px 2px 2px;
	color: #015288;
	font-weight: 700;
	background: url(images/arrowRightW.gif) no-repeat right top;
	font-size: 12px;
	border-bottom: 1px #c6cdd2 solid;
	line-height: 12px;
}



/* When a menu item contains no submenu items it is marked as a "leaf" and can be styled specially by this rule. */
.CategoryMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a, .CategoryMenu ul.AspNet-Menu li.AspNet-Menu-Leaf span
{
	background-image: none;
}


/* When you hover over a menu item, this rule comes into play. */
/* Browsers that do not support the CSS hover pseudo-class, use JavaScript to dynamically change the */
/* menu item's li tag so it has the AspNet-Menu-Hover class when the cursor is over that li tag. */
/* See MenuAdapter.js (in the JavaScript folder). */
.CategoryMenu ul.AspNet-Menu li:hover, .CategoryMenu ul.AspNet-Menu li.AspNet-Menu-Hover
{
	background-color: Transparent;
}

/* While you hover over a list item (li) you are also hovering over a link or span because */
/* the link or span covers the interior of the li.  So you can set some hover-related styles */
/* in the rule (above) for the li but set other hover-related styles in this (below) rule. */
.CategoryMenu ul.AspNet-Menu li a:hover, .CategoryMenu ul.AspNet-Menu li span.Asp-Menu-Hover
{
	color: black;
	background: white url(images/ArrowRight.gif) right top no-repeat;
	background-color: #bfe6ff;
}

.CategoryMenu ul.AspNet-Menu li.AspNet-Menu-Leaf a:hover
{
	background-image: none;
}
/* Selected Items - doesn't seem to work with this datasource */
.CategoryMenu .AspNet-Menu-Selected a.AspNet-Menu-Selected:link, .CategoryMenu .AspNet-Menu-Selected a.AspNet-Menu-Selected:visited, .CategoryMenu .AspNet-Menu-Selected a.AspNet-Menu-Selected:active
{
	color: #E5B81A;
}


#SeasonalPromo
{
	margin-bottom: 20px;
	text-align: center;
}
#SeasonalPromo img
{
	border: solid 1px #4E4C7C;
	text-align: center;
}

.credit_card
{
	padding-bottom: 25px;
}

.select_artwork
{
	border-collapse:separate;
	border-spacing:2px;
	margin-bottom:15px;
}



.select_artwork img
{
	margin-bottom:10px;
}

.select_artwork td
{
	border: solid 1px #efefef;
	padding:5px;
	text-align:center;
}

.artwork_link
{
	display:block;
	padding-bottom:8px;
}

.artwork_link img
{
	width:150px;
}

#OrderDetails 
{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

#OrderDetails th
{
  font-weight:bold;
}

#OrderDetails th, td
{
	padding:3px;
}
#OrderDetails #addresses
{
	width:100%;
}

#OrderDetails .invoice_info
{
	text-align:center;
	padding-top:70px;
}
#OrderDetails .invoice_info table
{
	margin-left:auto;
	margin-right:auto;
}

#OrderDetails .invoice_info td, #OrderDetails .invoice_info th
{
	border:solid 1px black;

	padding:5px;
}

#OrderDetails .sold_ship th
{
	border:solid 1px black;
	padding:2px 6px;
	
}
#OrderDetails #order, #OrderDetails #details
{
	margin-top:15px;
	border:solid 1px black;
	width:100%;

}

#OrderDetails #order th, #OrderDetails #details th
{
	border:solid 1px black;
}

#OrderDetails #order td,  #OrderDetails #details td
{
	border-right:solid 1px black;
}

#OrderDetails #details .total
{
	text-align:right;
	font-weight:bold;
}


.bulk_promo_product
{
	margin-bottom:25px;
	width:475px;
	margin-right:auto;
	margin-left:auto;
}

.bulk_promo_product th
{
	font-weight:bold;
}

.bulk_promo_product table
{
	border-collapse:collapse;
	margin-top:5px;
	margin-bottom:5px;
}

.bulk_promo_product th, .bulk_promo_product td
{
	padding:3px;
	border:solid 1px #ccc;
}

#select_currency
{
	border:solid 1px #efefef;
	margin-top:3px;
	margin-bottom:3px;	
	padding:2px 3px 0px 1px;
	width:92px;
}

#ProductListFooter  #select_currency
{
	margin-left:10px;
}

#select_currency img
{
	border:solid 2px transparent;
}

#select_currency .selected img
{
	border:solid 2px #fc0;
}