/*
-----------------------------------------------------
Style Sheet
Name:     Pendraken
Designer: Matthew Lawrence
URL:      mat-lawrence.co.uk
Date:     Dec 2008
------------------------------------------------------ */


/* Defaults
----------------------------------------------- */
html, body{background-color:#2D6BA6; margin:0px; padding:0px; font: 11px Verdana, Helvetica, sans-serif;}

.wrapper{background-image:url(/assets/backwrap.png); background-repeat:repeat-y; margin:0 auto; width:1000px;}

.innerwrapper{padding-left:30px; padding-right:30px;}

.clear{clear:both;}


/* Header
----------------------------------------------- */
.header{background-image:url(/assets/headerback.png); background-repeat:no-repeat; width:100%; font-size:12px;}

.welcomemsg{position:relative; top:-1px; right:5px; text-align:right; color:#2D6BA6;}

.welcomemsg a{text-decoration:none; font-weight:bold; color:#2D6BA6;}

.welcomemsg a:hover{color:#B62C37}

.logo{padding:20px;}


/* Top Navigation
----------------------------------------------- */
#topnavigation {background:url(/assets/nav-bgd.gif) repeat-x; position:relative; z-index:100;}

#topnavigation ul {background:url(/assets/nav-right.gif) no-repeat right; height:33px; margin:0; padding:0;}

#topnavigation ul li {color:#444444; display:block; float:left; height:33px; list-style:none; margin:0; padding:0; width:137px;}

#topnavigation ul li#nav-left {background:url(/assets/nav-left.gif) no-repeat left;}

#topnavigation ul li#nav-left a {border-left:0;}

#topnavigation ul li#nav-right a {border-right:0;}

#topnavigation ul li a {border-right:1px solid #265B8B; border-left:1px solid #D9D9C4; color:#444444; display:block; height:30px; line-height:30px; text-align:center; text-decoration:none;}

#topnavigation ul li a:hover {color:#FFFFFF; text-decoration:none;}


/* Content
----------------------------------------------- */
.content{width: 100%;}

.CatalogTitle{font-size:16px; color:#B62C37; font-weight:bold;}

.CatalogDescription{font-size:13px; color:#000;}


/* Products
----------------------------------------------- */
h3.ProductName a {color: #2D6BA6; text-decoration: none; font-weight: bold; font-size: 12px;}

h3.ProductName a:hover {text-decoration: underline; background-color: transparent; border-bottom-width: 0px; border-style: none;}

.ProductDescription {color: #000; font-weight: bold;}

.ProductPrice {color: #000; font-weight: bold; font-size: 11px;}

.PagingText {font-family: Verdana, Helevetica, Sans-Serif; font-size: 11px; color: #000;}

.ProductTitle {color: #B62C37; text-decoration: none; font-size: 14px; font-weight: bold; line-height: 15px;}

.ProductList img {float:left; margin-right:5px; vertical-align:top;}


/* News Items
----------------------------------------------- */
.NewsTitle {color: #2D6BA6; font-weight:bold; font-size:15px;}

.NewsDate {color: #BFB186; font-weight:bold;}

.NewsBody {Color: #000;}

.NewsFooter {color:#211104; font-size:74%; width:100%; border-top:1px solid #BFB186; padding-top:6px;}


/* Content Left
----------------------------------------------- */
.contentleft{float: left; width: 190px;}


/* Content Middle
----------------------------------------------- */
.contentmiddle{float: left; width: 550px; line-height:1.5; font-size:12px;}

.middlepadder{padding:4px;}

.middlepadder a{text-decoration:none; color:#2D6BA6; }

.middlepadder a:hover{text-decoration:none; color:#B62C37; background-color: transparent; border-color: #B62C37; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted;}

.middlepadder .ExLink a:hover{border-bottom-width: 0px; border-style: none;}

.UserDetailsTable {width:100%; background-color:#FFFFFF; line-height:25px;}

.UserDetailsTableHead {font-size:13px; font-weight:bold; color:#000000;}

/* Content Right
----------------------------------------------- */
.contentright{float: right; width: 200px; background:url(/assets/rhsbgmiddle.png) repeat-y; text-align:center;}

.contentrighttop{background:url(/assets/rhsbgtop.png) no-repeat top; height: 9px;  width: 200px;}

.contentrightbtm{background:url(/assets/rhsbgbottom.png) no-repeat bottom; height: 9px;  width: 200px;}

.contentrightinner{padding:3px;}

.righttitle{font-size:12px; color:#B62C37; font-weight:bold;}

.phone{font-size:13px; color:#2D6BA6; font-weight:bold;}

.rightitem{border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dashed; padding-top:5px; padding-bottom:3px;}

.rightimg{padding-top:5px; padding-bottom:3px;}

.youracclinks a{display: block; width:194px;}

.contentrightinner a{text-decoration:none; color:#2D6BA6; font-weight:bold;}

.contentrightinner a:hover{text-decoration:none; color:#B62C37; font-weight:bold;}

.SmallButtonText {color:#000;}

.BasketSummary {text-align:center; width:194px;}

.ShoppingBasketTitle {font-size: 12px; color:#000; font-weight:bold;}

.InfoText {font-size:12px;}

/* Main Navigation (LHS)
----------------------------------------------- */
.CategoryListContent {width: 190px; padding-top: 0; padding-bottom: 7px; text-decoration: none; font-weight:bold; margin:0 auto;}

a.CategoryUnselected {display: block; padding:3px; width: 182px; background-color: #FFFFFF; text-decoration: none; border-bottom: 1px solid #C0C0C0; color:#000; clear:both;}

a.CategoryUnselected:hover {background-color: #FFFFFF; color: #B62C37; text-decoration: none;}

a.CategorySelected {display: block; padding:3px; width: 182px; background-color: #FFFFFF; color:#2D6BA6; text-decoration: none; border-bottom: 1px solid #C0C0C0; clear:both;}

a.CategorySelected:hover {background-color: #FFFFFF; color: #B62C37; text-decoration: none;}

.SubCategoryListHead{background-color:#FFFFFF; font-weight:bold; font-size: 18px; color:#B62C37; text-align:center;}

.SubCategoryListFoot{background-color:#FFFFFF; font-weight:bold; font-size: 13px; color:#B62C37; text-align:center;}

.SubCategoryListContent {background-color:#FFFFFF; text-decoration: none; text-align:center;}

a.SubCategoryUnselected {color:#000; text-decoration: none; text-align:center;}

a.SubCategoryUnselected:hover {color: #B62C37; text-decoration: none; text-align:center;}

a.SubCategorySelected {color:#2D6BA6; text-decoration: none; text-align:center; font-weight:bold;}

a.SubCategorySelected:hover {color: #B62C37; text-decoration: none; text-align:center;}


/* Search Bar
----------------------------------------------- */
.searchbar{width:542px; height:34px; background:url(/assets/searchback.png) no-repeat;}

.searchinner{padding-left:5px; padding-right:5px; padding-top:4px;}

.searchtitle{font-size:13px; color:#2D6BA6; font-weight:bold;}

.SearchBoxContent{color:#000; padding-top:2px;}

.SearchBox{color:#000;}

.SearchBoxT{color:#000; border:None; border-color:transparent;}


/* Slide Show (Homepage)
----------------------------------------------- */
.ss-wrapper{width:542px; height:225px; border:1px solid #2D6BA6; overflow:hidden;}

.ss-imagehold{width:426px; height:225px; float:left;}

.ss-headline{width:428px; height:55px; background-image:url(/assets/ssheadlineback.png); position:relative; bottom:55px; left:0px; color:white;}

.ss-innerhead{padding:5px;}

.ss-navhold{width:114px;height:225px; float:right;}

#ss-navigation{margin:0;padding:0;list-style-type:none;}

#ss-navigation a{background-image:url(/assets/ssnav-bgd.gif); color:#444444; display:block; width:114px; height:75px; text-decoration:none; text-align:center;}

#ss-navigation a:hover {background-image:url(/assets/ssnav-bgdhvr.gif); color:#ffffff; text-decoration:none;}

#ss-navigation a.ss-navigationselected {background-image:url(/assets/ssnav-bgdhvr.gif); color:#ffffff; text-decoration:none;}

#ss-navigation a.ss-navigationnotselected{background-image:url(/assets/ssnav-bgd.gif); color:#444444; display:block; width:114px; height:75px; text-decoration:none; text-align:center;}

#ss-navigation a:hover.ss-navigationnotselected{background-image:url(/assets/ssnav-bgdhvr.gif); color:#ffffff; text-decoration:none;}

.ss-innerhead a{color:#FFFFFF; text-decoration:none;}

.ss-innerhead a:hover{color:#FFFFFF; text-decoration:none; border-color: #FFFFFF; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted;}

/* Social Dash
----------------------------------------------- */
div#footermenu {height: 2.8em; padding:0 10px 0 10px; margin:0; background:#ebebeb; border-top:solid 3px #DADADA;}

div#footermenu ul {margin:0; padding:0; list-style:none;}

div#footermenu li {float:left; margin:5px 5px 0 0; padding:0; font: 0.9em/1.6em Verdana, Arial, Helvetica, sans-serif;}

div#footermenu a {padding:3px 0 3px 0; color:#333}

div#footermenu a:hover {text-decoration: underline;}

div#footeraddress {position: relative; padding:5px 10px 0 10px; margin:0; color: #666; font-size:8px;}

div#footeraddress hr {background-color: #f39600; color: #f39600;}

div#footeraddress p {font: 1.1em/1.7em Verdana, Arial, Helvetica, sans-serif;}

div#footeraddress a {color:#666}

div#footeraddress a:hover {text-decoration: underline; color:#2D6BA6}

div#footeraddress ul {margin:0; padding:0; list-style:none;}

div#footeraddress li {margin:0 15px 0 0; padding:0; font: 1.3em/1.9em Verdana, Arial, Helvetica, sans-serif; }

div#footeraddress li.icon {margin:1px 0 3px 0; padding:2px 0 0 30px; height:24px; }

.footeraddresscol1 { float:left; width:150px; border:0px solid red;}

.footeraddresscol2 { float:left; width:200px; border:0px solid red; margin-right:120px;}

.footersocialmedia { float:left; width:115px; border:0px solid red;}

.clearfloat {clear:both;}

/* Footer
----------------------------------------------- */
.footer{width:100%; height:24px; background:url(/assets/ftr-bgd.gif) repeat-x; margin-top:4px; font: 10px Verdana, Helvetica, sans-serif;}

.innerfooter{padding:4px; color:#444444;}

.innerfooter a {color:#444444; text-decoration: none; background-color: transparent; border-color: #333333; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted;}

.innerfooter a:hover {color:#FFFFFF; text-decoration: none; background-color: transparent; border-color: #FFFFFF; border-bottom-width: 1px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; border-style: dotted;}


/* ADMIN STYLES
----------------------------------------------- */

/* Admin Header
----------------------------------------------- */
.adminheader{width:100%; font-size:12px; border-bottom: 2px solid #C0C0C0;}

.adminlogo{padding-top:20px; padding-left:20px;}

.adminheadtitle{text-align:right; color:#2D6BA6; font-weight:bold; font-size:16px;}


/* Admin Content
----------------------------------------------- */

.admintitle{font-size:16px; color:#B62C37; font-weight:bold;}

.adminmtitle{font-size:14px; color:#B62C37; font-weight:bold;}


/* Main Navigation (LHS)
----------------------------------------------- */
.AdminMenu {width: 150px; padding-top: 0; padding-bottom: 7px; text-decoration: none; font-weight:bold; margin:0 auto;}

.AdminMenu a {display: block; padding:3px; width: 144px; background-color: #2D6BA6; text-decoration: none; border-bottom: 1px solid #C0C0C0; color:#000; clear:both;}

.AdminMenu a:hover {background-color: #B62C37; color: #FFFFFF; text-decoration: none;}


/* Admin Content Middle
----------------------------------------------- */
.adminmiddlepadder{padding:4px; line-height:1.4;}

.AdminButtonText {color: #000;}

.AdminTitle {font-size:16px; color:#B62C37; font-weight:bold;}

.AdminPageText {color: Navy; text-decoration: none; font-size: 12px;}

a.AdminPageText {color: Navy; text-decoration: none; font-size: 12px;}

a.AdminPageText:hover {color:#B62C37;}

.AdminErrorText {color: Red; font-style:italic;}

.Grid {background-color: #E7E7FF; width: 100%;}

.GridHeader {color: White; background-color: #2D6BA6; text-decoration: none; text-align: left;}

.GridRow {color: Navy; background-color: #E7E7FF; text-decoration: none; text-align: left;}

.GridEditingRow {color: Navy; text-decoration: none; text-align: left;}

.GridAlternateRow {color: Navy; background-color: #F7F7F7; text-decoration: none; text-align: left;}

.WideLabel {display:-moz-inline-block; display:inline-block; width: 100px;}