html, body { margin: 0; padding: 0; }

body { font: 85%/1.3 Verdana,Arial,sans-serif; text-align: center; padding-bottom: 20px; }

/*---------------------------Links & Lines-----------------------------*/
a:link { color:green ; }
a:visited { color: #000; }
a:hover { color: #000; text-decoration:underline; }
a:active { color: #0066ff; }
#link { border: 0px none; background-color: transparent; margin-left: 1em; margin-right: 1em; }
.hrdash {border-style: dashed none none none; border-width: thin; border-color: #C0C0C0; }

/*-----------------------------*Heading & Paragraphs*-----------------------------*/
p { margin-top: 0; }
h1, h2, h3, h5, h4, h6 { font: normal normal 200% Verdana,Arial,sans-serif;}
h2 { font-size: 160%; }
h3 { font-size: 140%; }
h4 { font-size: 125%; font-weight:600; font-variant:small-caps; color:#252525; margin:2px 2px 2px 2px;} 
h5 {margin:2px 0px 2px 4px; font-size: 120%; font-weight:600;}
h6 {margin:2px 0px 2px 4px; font-size: 120%; font-weight:500; font-style:italic;}

/*-----------------------------Master Page-----------------------------*/


#wrappertop { border-style: none solid none solid; border-width: 2px; margin: 0 auto; height: 100%;   border-bottom:none;}
#wrappermid { border-style: none solid none solid; border-width: 2px;; margin: 0 auto; height: 100%;   border-bottom:none;}
#wrapperbottom { border-style: none solid solid solid; border-width: 2px; margin: 0 auto; height: 100%;}
#line {height:2px; width: 100%;}

#header { width: 100%; display:block; overflow: hidden; }
#header #headleft {width:770px; height:100%; float:left; background: transparent;}
#header #headright { float:right; width:250px; height:100%;}
.head_l { width:70%;}
.head_r { width:30%; vertical-align:top;}
/*-----------------------------Shopping Basket -------------------------*/
#sbasket {width:100%; height:80px; border-style:solid; border-width:thin; margin:0 auto; -moz-border-radius:2%;}
#sbaskethead { width: 100%; height:25px; background: url('../Images/sbasket_head.gif') no-repeat transparent;  -moz-border-radius:1%; border-bottom-style:solid; border-bottom-width:thin;}
#sbaskethead h3 { margin-top:0px; margin-bottom:0px;}
#sbaskethead h3 a { text-decoration:none; color:#FFFFFF; font-weight:bold; text-decoration:underline;}
#sbaskethead h3 a:hover { text-decoration:underline;}
#sbasketcontent { width:100%; height:25px; background:transparent; text-align:center; margin:0px; border-bottom-style:solid; border-bottom-width:thin;}
#sbasketcontent p { vertical-align: middle; height: 100%; margin-top:3px; margin-bottom:0px;}
#sbasketlogin { width:100%; height:25px; top:0px; left:0px; display:inline;}
#sbasketlogincell a { color:White;}

.sbasket { text-align:center; margin-top:11px; width: 100%; height: 100px; background-color: White;  -moz-border-radius:2%;}
.sbasket h3 { border-bottom: solid thin; margin: 0px 0px 4px 0px; padding: 1px 0 2px 50px; text-align: left; height: 20px; font-weight: 600; }
.sbasket h3 a {color:#FFFFFF; text-decoration: none; }
.sbasket h3 a:hover { text-decoration:underline;}
.sbasket_content { width:250px; background:transparent; height:20px; text-align:center; margin:0px;}
.sbasket_content p { font-weight:500; margin-top:0px; vertical-align:middle; height:25px; background:transparent; }
.head_login { width:250px; text-align:center; height:50px;}
.header_logo { position:relative; width: 770px; height: 100px; background:transparent;}

/*-----------------------------*Page Sections -------------------------- */
.section { width: 100%; height: 100%; border: solid thin #000000; -moz-border-radius-topright:2%; -moz-border-radius-topleft:2%;}
.sectionheader { font-weight:bold; -moz-border-radius-topright:2%; -moz-border-radius-topleft:2%;}
.sectionheader h5 { margin:0px 0px 0px 0px;}
.sectionimage { width: 200px; height: 150px; margin:0 auto;}
#aboutsection1head { width:100%; height:25px; padding:5px;}

#aboutsection1body {}
#aboutsection2head { width:100%; height:100%;}
#aboutsection2body {}
#aboutsection3head { width:100%; height:100%;}
#aboutsection3body {}


/*-----------------------------* Navigation Style *-----------------------------*/
ul#nav, ul#nav li { list-style-type: none; margin: 0; padding: 0; }
ul#nav { width:100%;font-size: 80%; }
ul#nav li { float: left; margin-left:0; text-align: center; width:20%; }
ul#nav a { background-position: 100%; float: left; width: 100%; padding: 5px 0; text-decoration: none; color: #000000; background-image: url('../Images/nav2.png'); background-repeat: no-repeat; }
ul#nav a:hover { width:100%; background-position: 100%; color: #006A35; background-image: url('../Images/nav2.png'); background-repeat: no-repeat; }
ul#nav li.activelink a, ul#nav li.activelink a:hover { background: #FFF; color: #003; }

/*-----------------------------* Footer *-----------------------------*/
#footer { clear: both; width: 100%; margin:0; padding:5px 0 0 0; text-align: center; height:25px; bottom:0}
#footer p { margin: 0; }
.footer { border-bottom:solid 2px #000000;}
.footer a { color:Blue;}
/*-----------------------------* Master Page Containers *-----------------------------*/
div#topcontainer { width: 100%; margin: 0 auto 0; padding:0 0px 0px 0px; text-align: left; background: #595D66; height:90px; }
div#topcontent {display: inline; width:100%; }
div#container { background-position: #ffffff; width: 100%; margin: 0 auto 0px; padding: 0px 0 0px 0; text-align: left; background: #ffffff;}
div#content { float: left; display: inline; width: 751px; margin: 0 0 10px 10px; }
ul#intro, ul#intro li { list-style-type: none; margin: 0; padding: 0; }
ul#intro { width: 100%; height: 90px; overflow: hidden; margin-bottom: 0px; }
ul#intro li { float: left; width: 100%; margin-right: 10px; /* background:#586695; */ }
li#topMenu1 { height: 90px; font-size: x-small; background: #757D88;}
ul#intro p, ul#intro h3 { margin: 0; padding: 0 10px; }
ul#intro a { color: #FFFFFF; }
ul#intro h3 { text-transform: uppercase; padding-bottom: 3px; color: #FFF; }
div#content h2 { margin: 10px 0; color: #007BC4; }

#productlistheader { border-style: solid solid none solid; border-width: thin; border-color: black; text-align: center; -moz-border-radius-topright:2%; -moz-border-radius-topleft:2%; font-weight:bold;}
div#productList { border: thin solid black; text-align: center; font-size: small; }
div#productList h3 { font-size: medium; font-weight: bold; color: #000000; }
div#side { float: right; display: inline; width: 173px; background: #F3CF00; margin: 0 10px 10px 0; font-size: x-small; }
div#side p { margin: 5px 0 10px; padding: 0 10px; }
div#side div { margin: 0 0 10px; padding: 10px 0; }

#main { height: auto; width: 546px; min-height:600px; }

/*-----------------------------* Custom Classes *-----------------------------*/
.main{width:98%; padding:1%; height:98%; min-height:600px;}
.wrappersm {width:98%; padding:1%; height:98%; min-height:200px;}
.center { text-align: center; }
.right { text-align:right;}
.left { text-align:left;}
.cell1 { width: 40%; text-align:right; border-width: medium thin thin medium; border-right-style: inset; border-bottom-style: groove; border-right-color: #808080; border-bottom-color: #808080;}
.cell2 { width: 60%;}
.cell3 {text-align:right; border-width: medium thin thin medium; border-right-style: inset; border-bottom-style: groove; border-right-color: #808080; border-bottom-color: #808080;}
.cell4 {}
.cellthankshead { font-weight:500; font-size:13px; font-variant:small-caps; text-align:center;}
.cellthanksitem { font-weight:100; font-size:10px; font-variant:small-caps; text-align:center;}
.cellthanksfoot { font-weight:500; font-size:13px; font-variant:small-caps; text-align:center;}
.Validation { color:Red; font-size:small;}
.padding { width:98%; height:98%; padding:1%;}
/*-----------------------------* HomePage Style *-----------------------------*/
#homeSpecials{float:right; width:24%; height:100%;}
#homeMainLeft {float:left; width:74%; height:100%;}

/*-----------------------------* Search Page Classes *-----------------------------*/
.treeview { width:100%; border-right:solid thin #C0C0C0; overflow:hidden; color:Blue;}
.nodetree {color:Red;}
.linkbutton { text-decoration:underline; color:Blue;}
#ShoppingCartStatusPanel { position: absolute; top: 0px; color: white; }
#ShoppingCartStatusPanel a { color: White; font-weight: bold; }

.divhead { background-position:center top; width:100%; height:20px; border-bottom: solid thin;}
.divhead p { text-align:center; font-weight:bold;}
.divsearchcontent p { text-align:center; width:96%; padding:3%;}
.rpthead { width:100%; text-align:center; font-size:200%;}
/*-----------------------------* Reigster Page Style *-----------------------------*/
#registerLeftCol { float:left; width:20%; height:100%;}
#registerCenterCol { margin:0 auto; width:55%; height:100%; border:solid thin #C0C0C0;}
#registerRightCol { float:left; width:20%; height:100%;}
.registerTextBox { width:80%; }
.registerCellLabel { width: 40%; text-align:right;}
.registerCellControl{ width: 60%;}

/*-----------------------------* Checkout Page Style *-----------------------------*/
.chkheadtable { border-style: groove; border-width: medium; border-color: inherit; }
.chkheadcell1 { width: 30%; text-align:left; font-weight:bold; text-align:center;}
.chkheadcell2 { width: 10%; text-align:center; font-weight:bold; text-align:center;}
.chkitemcell1 { width:30%; text-align:left; font-size:80%;}
.chkitemcell2 { width:10%; text-align:center;font-size:80%;}
.chkfootercell1 { width:15%; font-weight:bold; text-align:center; border-style: groove; border-width: medium; border-color: inherit;}
.chkfootercell2 { width:10%; text-align:center; border-style: groove; border-width: medium; border-color: inherit;}

.modalBackground { background-color:Gray; filter:alpha(opacity=70);opacity:0.7;}
/*.modalPopup { background-color: #CCCCCC; background-image: url('../Images/modalbg.jpg'); background-repeat: no-repeat; border: medium outset #C0C0C0; }*/
.modalPopup { background-color: #CCCCCC; background-repeat: no-repeat; border: medium outset #C0C0C0; }

#sagepay { width:100%; height:100%; background: #FFFFFF url('../Images/sage_pay_logo.gif') no-repeat right top;}

/*-------------------------------- Div Size Defaults ------------------------- */

.wh100 { width:100%; height:100%;}
.wh98p1 { width:98%; height:98%; padding:1%;}