* { margin: 0; }
html, body { height: 100%; }
html { background-color: #263261; margin: 0; padding: 0; background-image: url('../Images/HeaderRepeat.jpg'); background-repeat: repeat-x; }
body { font-family: Arial; font-size: 0.8em; margin: 0; padding: 0; }
#aspnetForm { margin: 0; padding: 0; height: 100%; }
								 /*			for ie 6 only			 */
#PageWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -25px auto; }

#HeaderBackground { position: absolute; top: 0; z-index: -1; width: 100%; background-image: url('../Images/HeaderBackground.jpg'); background-repeat: no-repeat; background-position: center top; height: 190px; }
#HeaderWrapper { position: absolute; top: 0; width: 100%; }
#Header { width: 982px; height: 190px; margin: 0 auto 0 auto; }
#HeaderBody { width: 982px; margin: 0 auto 0 auto; padding: 0; }
#HeaderBody h2 { font-family: Garamond; font-size: 4.2em; font-weight: normal; padding: 10px 0 0 10px; margin: 0; }
#Menu { margin: 0 0 0 22px; padding: 0; position: absolute; top: 82px; width: 960px; }
#Menu li { float: left; margin: 0; padding: 0; margin-right: 15px; list-style-type: none; }
#Menu a { color: #ffffff; text-decoration: none; }
#Menu a:hover { text-decoration: underline; }
#Search { position: absolute; top: 78px; width: 100%; left: 0; z-index: 0; }
#Search p { width: 170px; margin: 0 auto; }
#Search .Search { border: solid 1px #ffffff; width: 170px; color: #666666; position: absolute; z-index: 4000; }
#UserInfo { margin: -25px 0 0 650px; }
#UserInfo p { padding-right: 20px; }
#UserInfo a { color: #000000; text-decoration: none; }
#UserInfo a:hover { text-decoration: underline; }

#BasketLink { position: relative; height: 27px; width: 150px; }
#BasketLink:hover #MiniBasket { display: block; }
#MiniBasket { width: 500px; position: absolute; left: -320px; top: 27px; background-color: #ffffff; border: solid 1px #000000; z-index: 4000; padding: 0; display: none; }
#MiniBasket h3 { background-color: #6687C4; font-size: 1.4em; font-weight: normal; padding: 5px; color: #ffffff; margin: 0; }
#MiniBasket table { width: 470px; border-collapse: collapse; margin: 10px 15px; }
#MiniBasket th { color: #666666; border-bottom: solid 1px #666666; }
#MiniBasket td { border-bottom: solid 1px #cccccc; }
#MiniBasket .Product { text-align: left; }
#MiniBasket .Quantity { text-align: center; }
#MiniBasket .Price, #MiniBasket .Totals { text-align: right; }
#MiniBasket .Totals a { color: #6687C4; text-decoration: underline; }
#MiniBasket .Totals a:hover { text-decoration: none; }
#MiniBasket .Total th { height: 3em; color: #000000; font-weight: bold;  text-align: left; vertical-align: bottom; }
#MiniBasket .Total td { height: 3em; border-bottom: solid 1px #666666; text-align: right; color: #000000; font-weight: bold; vertical-align: bottom; }
#MiniBasket p { margin: 10px 15px; padding: 0; text-align: right; }

#ContentWrapper { padding-top: 140px; }
#ContentBody { font-family: Trebuchet MS; background-color: #ffffff; width: 982px; margin: 0 auto 0 auto; z-index: 9999999; }
#MainContent { margin: 13px 13px 13px 0px; float: right; width: 750px; }
#LeftColumn { width: 190px; margin: 13px; float: right; }
#RightColumn { width: 350px; float: left; margin-left: 13px; }
#MiddleColumn { float: left; width: 380px; }
#Advertising { margin-bottom: 1em; }
#MainContent h1 { color: #6687C4; font-weight: normal; font-size: 2em; margin: 0 0 0 0; }
#MainContent .HomePage h1 { background-color: #6687C4; margin: -0.5em 0 1em 0; color: #ffffff; font-weight: normal; padding: 5px; font-size: 1.6em;}
#MainContent h2 { color: #6687C4; font-weight: normal; font-size: 1.5em; margin: 0.4em 0 0 0; }
#MainContent p, #MainContent ul, #MainContent ol { margin: 0 0 1em 0; font-size: 0.9em; color: #333333; }
#MainContent a { color: #000000; text-decoration: underline; }
#MainContent a:hover { text-decoration: none; }
.Boxed, #RightColumn .Boxed { background-color: #D8E0F3; border: solid 1px #6687C4; margin-bottom: 13px; }
.Boxed h2, #RightColumn .Boxed h2 { background-color: #6687C4; margin: 0; color: #ffffff; font-weight: normal; padding: 5px; font-size: 1.6em; }
.Boxed h2 a, #RightColumn .Boxed h2 a { color: #ffffff; text-decoration: none; }
.Boxed p, #RightColumn .Boxed p { margin: 8px; line-height: 1.4em; margin-bottom: 1.5em; }
#ProductMenu { margin: 8px 0 8px 0; }
#ProductMenu a { color: #000000; display: block; padding: 2px 8px 2px 8px; }
#ProductMenu a:hover { background-color: #6687C4; color: #ffffff; }
#ProductMenu li ul { position: absolute; top: 0; left: 188px; padding: 0; background-color: #D8E0F3; border: solid 1px #6687C4; }
#ProductMenu li li { float: none; margin: 0; padding: 0; }
#ProductMenu li li a { margin: 0; width: 200px; }
#Login { display: block; line-height: 2em; }
#Login .Input { width: 164px; border: solid 1px #cccccc; color: #666666; margin-bottom: 0.5em; }
#Login .ForgottenPassword { font-size: 0.8em; color: #000000; text-decoration: none; margin-right: 13px; }
#Login .ForgottenPassword:hover { text-decoration: underline; }
.HomePageButton { background-color: #ffffff; padding: 3px 8px 3px 8px; color: #000000; font-weight: bold; border: solid 1px #2D4E99; text-decoration: none; }
#MainContent .HomePageButton:hover { color: #ffffff; background-color: #2D4E99; }
.Button, #MiniBasket .Button, #MainContent .Button { background: #ffffff; border: solid 1px #6687C4; font-weight: bold; color: #000000; text-decoration: none; padding: 2px 7px; }
.Button:hover, #MiniBasket .Button:hover, #MainContent .Button:hover { color: #ffffff; background-color: #6687C4; text-decoration: none; }

.Form { color: #333333; }
.Form th { font-weight: normal; text-align: right; width: 150px; }
.Field, .LargeField, .SmallField { border: solid 1px #6687C4; }
.LargeField { width: 300px; }
.SmallField { width: 230px; }
.SideNote { font-size: 0.8em; }
.Error { font-weight: bold; }
.Buttons { line-height: 2.5em; }
p.Login { line-height: 2em; }
p.Login label { width: 80px; display: inline-block; text-align: right; padding-right: 10px; }
p.Login .Button { margin-left: 90px; }

#MainContent .Alert { border: solid 1px #6687C4; padding: 0; }
#MainContent .Alert h2 { display: block; color: #ffffff; background-color: #6687C4; margin-top: 0; margin-bottom: 0.5em; padding: 0.1em 0.2em; }
#MainContent .Alert h2 a { color: #ffffff; text-decoration: none; }
#MainContent .Alert h2 a:hover { text-decoration: underline; }
#MainContent .Alert p { margin: 0 1em 1em 1em; }
#MainContent .Alert img { float: left; margin: 0 0.5em .5em 0; }

#MainContent .SubCategory { border: solid 1px #d8e0f3; margin: 15px 6px 0 6px; width: 235px; float: left; }
#MainContent .SubCategory h3 { margin: 0; padding: 0; font-size: 1.4em; }
#MainContent .SubCategory h3 a { background-color: #6687C4; color: #ffffff; font-weight: normal; margin: 0; padding: 4px; text-decoration: none; display: block; }
#MainContent .SubCategory p { padding: 10px; }
#MainContent .SubCategory p img { float: right; }

#SalesUnits, .Grid { border-collapse: collapse; width: 100%; font-size: 0.9em; border: solid 1px #6687C4; }
#SalesUnits th, .Grid th { text-align: left; }
#SalesUnits td, .Grid td { border-bottom: solid 1px #6687C4; vertical-align: middle; }
#SalesUnits td { padding-bottom: 8px; vertical-align: bottom; }
#SalesUnits td h3 { font-size: 1.4em; margin: 0 0 0.4em 0; }
#SalesUnits td p { font-size: 1.1em; margin: 0; padding: 0; }
#SalesUnits .Breadcrumbs { background-color: #D8E0F3; font-size: 1.4em; font-weight: normal; padding: 5px; }
#SalesUnits .Breadcrumbs a { color: #000000; text-decoration: none; }
#SalesUnits .Breadcrumbs a:hover { text-decoration: underline; }
#SalesUnits .Title, .Grid th { background-color: #6687C4; color: #ffffff; font-weight: normal; }
#SalesUnits .Info { float: right; margin: 22px 15px 5px 15px; }
#SalesUnits .Quantity { border: solid 1px #6687C4; width: 34px; text-align: right; padding: 2px 8px 2px 8px; }
#SalesUnits td.Image, .Grid td.Image { text-align: center; padding: 6px; vertical-align: top; }
#SalesUnits td.Image img, .Grid td.Image img { cursor: pointer; }
#SalesUnits td.PriceColumn, #SalesUnits th.PriceColumn { text-align: center; }
#SalesUnits td.Buttons { width: 135px; padding-left: 10px; }
.Grid .ProductTotal td { border-top: solid 2px #6687C4; }
.Grid .Checkout td { padding-top: 1em; }
.Grid .Description a { color: #000000; text-decoration: none; }
.Grid .Description a:hover { text-decoration: underline; }
.Grid .Total { font-weight: bold; }
.Grid .Button { line-height: 2.5em; }

#MainContent .ExchangeRateNotice { margin-top: 1em; font-style: italic; }
.GBPPrice { font-size: 1.1em; }

.ShadedBackground { background-image: url('../Images/Shaded.png'); background-repeat: repeat-y; background-position: center top; margin-top: 140px; margin-bottom: 25px; width: 982px; }
.SalesUnitDetail { background-color: #ffffff; width: 385px; height: 370px; border: solid 1px #6687C4; }
.SalesUnitDetail h3 { display: block; background-color: #6687C4; color: #ffffff; font-weight: normal; font-size: 1.5em; padding: 5px 8px; margin-top: 0; }
#MainContent .SalesUnitDetail h3 a { color: #ffffff; text-decoration: none; }
.SalesUnitDetail h3 a:hover { text-decoration: underline; }
.SalesUnitDetail h3 input { float: right; }
.SalesUnitDetail .Content { margin: 10px; padding-top: 10px; padding-left: 10px; overflow: auto; height: 300px; }
.SalesUnitDetail h4 { margin-bottom: 0.4em; font-size: 1.1em; }
#SalesUnits .SalesUnitDetail p { margin-bottom: 1em; }
.SalesUnitDetail img { margin: 0 20px 20px 0; }
.SalesUnitDetail p.Buy { width: 190px; }
.SalesUnitDetail p.Buy .AddToBasket { vertical-align: text-bottom; }

#RightColumn .SpecialOffer { clear: left; padding: 1em; font-size: 1.2em; font-weight: bold; position: relative; }
#RightColumn .SpecialOffer img { float: left; border: solid 1px #6687C4; margin-right: 1em; }
#RightColumn .SpecialOffer .Button { position: absolute; bottom: 1.5em; right: 1em; border-style: none; background-color: Transparent; }
.SpecialOfferPage .SpecialOffer { border: solid 1px #6687C4; float: left; width: 340px; margin-right: 20px; margin-bottom: 20px; height: 260px; position: relative; padding: 0; }
.SpecialOfferPage .SpecialOffer h3 { background-color: #6687C4; color: #ffffff; margin: 0 0 1em 0; padding: 0.2em 0.4em; }
.SpecialOfferPage .SpecialOffer .Content { padding-right: 1em; font-size: 1.2em; }
.SpecialOfferPage .SpecialOffer .Button { position: absolute; bottom: 1.5em; right: 1em; border-style: none; background-color: Transparent; }
#MainContent .SpecialOfferPage .SpecialOffer .Button:hover { background-color: Transparent; }

#ClearFooter { height: 50px; }
#Footer { width: 100%; }
#Footer ul { width: 980px; background-color: #666666; margin: -52px auto 0 auto; padding: 0; height: 25px; border: solid 1px #ffffff; }
#Footer li { float: left; padding: 0; margin: 5px 8px 0 0; color: #ffffff; font-size: 0.86em; list-style-type: none; }
#Footer li.Copyright { margin-left: 8px; }
#Footer a { color: #ffffff; border-left: solid 1px #ffffff; padding-left: 8px; text-decoration: none; }
#Footer a:hover { text-decoration: underline; }

#FillerOuterWrapper { position: absolute; top: 140px; bottom: 50px; width: 100%; z-index: -1; }
#FillerInnerWrapper { position: absolute; width: 100%; height: 100%; }
#FillerWrapper { background-color: #ffffff; position: relative; width: 982px; margin: 0 auto 0 auto; height: 100%; }

#BottomGradient { position: fixed; z-index: -400; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../Images/BottomGradient.jpg'); background-position: center bottom; background-repeat: repeat-x; }

.ClearBoth { clear: both; }
.ClearLeft { clear: left; }
.ClearRight { clear: right; }