/* Default CSS Document */

.QuickBasketItems
{
    text-align: left;
}
.QuickBasketProduct
{
    color: #E0572B;
    font-weight: bold;
}
/** BODY ELEMENTS **/
* { margin: 0; padding: 0; }
body { color: #333; background-color: #fff; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; background-image: url(../images/tileBg.gif); background-repeat:repeat-y; background-position:right top; min-width:700px; }


a { color:#7b411f; text-decoration:underline; }
a:hover { color:#aa3827; text-decoration:none; }
form { margin:0; padding:0; }

p { padding-bottom: 10px; }

img { border:0; }

h1 { color:#9b2d25; font-size:24px; margin-bottom: 10px; }
h2 { color:#663333; font-size:18px; margin-bottom: 10px;  }
h3 { color:#663333; font-size:16px; margin-bottom: 10px;  }

.ProductBody ul li { margin-left: 20px; }

/** MAIN CONTAINERS **/
#container { background-image: url(../images/tileBg.gif); background-repeat:repeat-y; background-position:left top; }
#header {
	height:125px;
	padding: 0px;
	background-image: url(../images/swirlsBg.gif);
	background-position: right top;
	background-repeat:no-repeat;
	position:relative;
	background-color:#FFFFFF;
}

.account { position:absolute; right: 10px; top: 30px; }
.siteSearch { text-align:center; margin:10px 0 10px 0;  }

#mainNavigation { width: 100%; position:relative; }

#content {
	height:100%;
	overflow:hidden;
	background-image: url(../images/botRightSwirl.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#mainContentTile { background-image: url(../images/mainContentTile.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width:180px;
	 }


#center {
	margin: 0 180px;
	background-color:#FFFFFF;
	background-image: url(../images/mainAreaShadow.gif);
	background-repeat:repeat-x;
	background-position: left top;
	min-height:650px;
	height:auto !important;
	height:650px;/*Needs to match the min height pixels above*/ 
}

.mainContentArea { padding: 20px;  }

#txtSearchField
{
    height: 18px;
	width: 120px; 
	font-size: 12px; 
	border: 1px solid #990000;
}

.btnSearchField
{
    height: 20px;
    font-size: 12px; 
    width: 30px; 
    background-color: #990000; 
    color: #FFFFFF; 
    font-weight: bold;
	border: 1px solid #990000;
}

.column { width: 180px; padding:0px; height:100%; background-color:#fcb254;}
#primary {float: left; }
#secondary { float: right; }

.breadcrumbs { font-size:10px; margin-bottom:10px; }
.basketContents { background:#FFFFFF; border: 1px solid #562d15; margin: 10px; padding:10px; font-size:10px; }

#footer { clear: both; padding: 10px; background-color:#552c14; color:#FFFFFF; text-align: left;}

#footer a { color:#FFFFFF; text-decoration:underline; font-weight:bold; }
#footer a:hover { color:#FFFFCC; text-decoration:none; }

/* ---------------------- Top nav ---------------------- */
#topNavContainer{position:relative;height:40px;color:#E0E0E0;background:#562d15;min-width:700px;width:100%;font-family:Arial,Verdana,sans-serif;}
#topNav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/topnav_bg.gif) repeat-x bottom left;padding:0 0 0 10px;}
#topNav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#topNav ul li{display:block;float:left;margin:0 ; border-right: 1px solid #FFFFFF;}
#topNav ul li a{display:block;float:left;color:#FFFFCC;text-decoration:none;padding:0 0 0 10px;height:33px;}
#topNav ul li a span{padding:12px 10px 0 0;height:21px;float:left;}
#topNav ul li a:hover{color:#fff;background:transparent url(../images/topnav_bg-OVER.gif) repeat-x bottom left;}
#topNav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#topNav ul li a.current,#topNav ul li a.current:hover{color:#fff;background:#562d15 url(../images/topnav_left-ON.gif) no-repeat top left;line-height:275%;}
#topNav ul li a.current span{display:block;padding:0 10px 0 0;width:auto;background:#562d15 url(../images/topnav_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Top nav ---------------------- */
		
/* ---------------------- Side nav ---------------------- */
ul.vert-menu{margin:10px 0 10px 0;padding:0;list-style-type:none;display:block;font:bold 11px Arial,Verdana,sans-serif;line-height:20px;width:170px;}
ul.vert-menu li{margin:0;padding:0;border-top:1px solid #FFFFFF;border-bottom:2px solid #391804;}
ul.vert-menu li a{display:block;text-decoration:none;color:#fff;background:#a7582b url(../images/vert_menu_bg.gif) repeat-x top left;padding:0 0 0 20px;width:150px;}
ul.vert-menu li a:hover{background:#391804 url(../images/arrow_selector.gif) no-repeat 0 6px;}
ul.vert-menu li a.current,ul.vert-one li a.current:hover{background:#391804 url(../images/arrow_selector.gif) no-repeat 0 6px;}
/* ---------------------- END Side nav ---------------------- */

.ProductBody
{
    text-align: justify;
    padding-top: 15px;
    padding-left: 10px;
}
.ProductDetails
{
    text-align: justify;
}
.BasketAlternateRow
{
    background-color: #fafafa;
}
.ProductName
{
    font-size: larger;
    font-weight: bold;
    text-decoration: none;
}
.ProductPrice
{
    font-size: larger;
    font-weight: bold;
    color: Orange;
}
.ErrorText
{
    color: Red;
}
.UpdateText
{
    color: Green;
}
.InStockItem
{
    font-style:italic;
    color: Green;
}
.NotInStockItem
{
    font-style:italic;
    color: red;
}

.DialogProgress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.DialogContainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.DialogHeader
{
    background: url(/images/WaitHeading.png) repeat-x 0px 0px;
    background-color: White;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.DialogBody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.SearchWatermark
{
    color: Gray;
}

#PostFooter 
{ 
    clear: both; padding: 10px; background-color:#ffffff; color:black; text-align: center;
}
.PriceClass
{
    font-size: large;
}
.StockClass
{
    font-size: larger;
}
.BasketHeading
{
    color: #E0572B;
    border-bottom: solid #E0572B 1px;
}
.AddressViewHeading
{
    width: 120px; 
    padding-right: 10px; 
    text-align: right; 
    font-weight: bold
}
.DeliveryAddressHeading
{
    background: url(/images/WaitHeading.png) repeat-x 0px 0px;
    background-color: White;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.SmallButtonOrange
{
    background-color: #FCB254;
    border: solid 1px #E0572B;
    font-size: 9pt;
    width: 50px;
    color: black;
}
.DeliveryAddressRow
{
}
.DeliveryAddressRowAlt
{
    background-color: #fafafa;
}
.TopProductName
{
    font-size: 16px;
    text-decoration: none;
}
.TopProductPrice
{
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #E0572B;
}
.TopProductWasPrice
{
    font-size: 12px;
    font-weight: bold;
    color: Black;
}
.NewestProductName
{
    font-size: 12px;
    text-decoration: none;
}
.NewestProductPrice
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #E0572B;
}
.NewestProductWasPrice
{
    font-size: 12px;
    font-weight: bold;
    color: Black;
}