/* http://meyerweb.com/eric/tools/css/reset/ 
----------------------------------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }
table { border-collapse : collapse; border-spacing : 0; }

/* Modified from: http://code.google.com/p/blueprintcss/ 
----------------------------------------------------------------------------------------- */
body { font : 75%/1.5 'calibri', Helvetica, Arial, Verdana, sans-serif; color:#333; background: /*url(../images/bg_body.jpg) repeat-x*/ #c7db00}
h1,h2,h3,h4,h5,h6 { font-weight : normal; }
h1 { font-size : 3em; line-height : 1; margin-bottom : 0.5em; }
h2 { font-size : 2em; margin-bottom : .75em; }
h3 { font-size : 1.5em; line-height : 1; margin-bottom : 1em; }
h4 { font-size : 1.2em; line-height : 1.25; margin-bottom : 1.25em; }
h5 { font-size : 1em; font-weight: bold; margin-bottom : 1.5em; }
h6 { font-size : 1em; font-weight : bold; }
p { margin : 0 0 1.5em; }
ul, ol { margin : 0 1.5em 1.5em 0; }
ul { list-style-type : none; }
ol { list-style-type : decimal; }
dl { margin : 0 0 1.5em 0; }
dt { font-weight : bold; }
dd { margin-left : 1.5em;}
abbr, acronym { border-bottom-width : 0; }
address { margin-top : 1.5em; font-style : normal; }
del { color : #666; }
blockquote { margin : 1.5em 0; }
strong { font-weight : bold; }
em, dfn { font-style : italic; }
dfn { font-weight : bold; }
pre, code { margin : 1.5em 0; white-space : pre; }
pre, code, tt { font : 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height : 1.5; } 
tt { display : block; margin : 1.5em 0; line-height : 1.5; }
table { margin-bottom : 1.4em; }
th { }
td { }
th,td { padding : 4px 5px 4px 0; }
tfoot { font-style : italic; }
caption { background : #ffc; }

/* http://meyerweb.com/eric/tools/css/diagnostics/ 
----------------------------------------------------------------------------------------- 

div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } 

----------------------------------------------------------------------------------------- */

html {text-align:center; color: black; overflow-y: scroll;}
img {border:none;}
.image_border {border:1px solid #CCCCCC; margin:0px 0px 4px; padding:4px;}
.border {border:1px solid #ccc; background:#fff; margin:4px; padding:2px}
.disclaimer-txt {font-size: 10px}
.script {font-family: Geneva, Arial, Helvetica, sans-serif}
.lime {color:#c7db00}
.blue {color:#435070; font-weight:bold}

.title {font-size:130%; color:#435070; font-weight:bold}

.titleGreen {font-size:120%; color:#81892e; font-weight:bold}

/************************************************************************ FORM STYLING ************************************************************************/

form {font-family: 'calibri', 'lucida grande', Verdana, Geneva, sans-serif; overflow:hidden}

.submit {width:171px; height:auto; background:#435070; border:1px solid #435070; color:#fff; margin-top:4px; font-weight:bold; font-size:16px; float:right; -moz-border-radius: 3px; -webkit-border-radius:3px;}

tr {border:none; border-collapse:collapse; padding: 10px 30px; vertical-align:bottom; text-align:right}

table {margin-top:45px; margin-bottom:5px; line-height:130%; background:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px;}

input {background:#fff; color:#435070; border:1px solid #ccc; font-family: 'calibri', 'lucida grande'; padding:5px 2px; font-size:12px; padding-left:2px; width:165px; margin-bottom:5px; text-transform:capitalize; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

select {background:#eee; font-family: 'calibri', 'lucida grande'; border:1px solid #ccc; padding:1px 2px; font-size:12px; padding-left:5px; margin-bottom:5px; width:170px; -moz-border-radius: 3px; -webkit-border-radius:3px;}

textarea {background:#fff; text-transform:capitalize; color:#435070; font-family: 'calibri', 'lucida grande'; font-size:12px; border:1px solid #ccc; padding:5px 2px; float:right; padding-left:3px; width:164px; -moz-border-radius: 3px; -webkit-border-radius:3px;}

/************************************************************************ <h> TAGS CSS ************************************************************************/

h1 {font-size:150%; color:#435070; font-weight:bold}
h2 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}
h3 {font-size:110%; color:#435070; font-weight:bold;}
h4 {font-size:100%; color:#323232}

/************************************************************************ LIST ITEMS CSS ************************************************************************/

ul, li { list-style-type: circle; list-style-position:inside; }


/************************************************************************ PSEUDO CLASSES CSS ************************************************************************/

a:link, a:visited {color:#323232; text-decoration:none; font-weight:bold}

a:hover {color:#c7db00; text-decoration:underline;}

/******************************************************************************** HOMEPAGE BASE CSS ELEMENTS ************************************************************************/
#wrapper {width:100%; margin:10px auto 0px;}

#containerWrap {width:990px; padding:0px; margin:0px auto; position:relative;}
#container {width:950px; overflow:hidden; min-height:900px; padding-bottom:20px; margin:auto auto auto 40px; background:#fff; border:10px solid #fff; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}

/******************************************************************************** HEADER ELEMENTS ************************************************************************/

#header {width:920px; background:url(../images/bg_header.jpg) #fff; height:60px; padding-left:30px;}
#header .logo {width:301px; height:48px; position:absolute; top:10px; left:225px;}
#header .contact {width:451px; height:48px; background:url(../images/slogan.gif) left no-repeat; text-align:right; padding-right:5px; font-size:34px; font-weight:bold; color:#435070;  position:absolute; top:5px; right:-10px;}

/******************************************************************************** TOPNAV ELEMENTS ************************************************************************/

#topNav {width:770px; height:30px; padding:5px 0px; padding-left:180px; text-align:left; background:#435070}
#topNav a:link, #topNav a:visited {color:#fff}
#topNav a:hover {color:#c7db00}

#topNav .topNavOption {height:25px; color:#fff; padding-top:5px; float:left; padding-left:26px; margin-right:10px;}
/*#topNav .aboutUs {height:25px; color:#fff; padding-top:5px; float:left; padding-left:26px; margin-right:10px; background:url(../images/topNav1.jpg) no-repeat}
#topNav .Delivery {height:25px; color:#fff; padding-top:5px; float:left; padding-left:30px; margin-right:5px; background:url(../images/topNav2.jpg) no-repeat}
#topNav .Calculator {height:25px; color:#fff; padding-top:5px; float:left; padding-left:26px; margin-right:5px; background:url(../images/topNav3.jpg) no-repeat}
#topNav .contactUs {height:25px; color:#fff; padding-top:5px; float:left; padding-left:25px; margin-right:5px; background:url(../images/topNav4.jpg) no-repeat}
*/
#topNav .cartSummary {width:135px; height:25px; color:#fff; font-weight:bold; padding-top:5px; float:right; padding-left:42px; background:url(../images/topNavCart.jpg) no-repeat}

/*************************************************************************************************************************************************************************/

#content {width:565px; padding: 10px 5px 10px 25px; text-align:justify; float:left; margin:10px; margin-left:160px;}
#content h2 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}

#cart {width:180px; padding-top:20px; margin-left:0px; background: url(../images/bg_cart.jpg) no-repeat #435070; margin-top:0px; float:right;}

#basket {width:180px; padding-bottom:10px; background:#435070; color:#fff; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;}

#basket strong {padding: 5px; border-top:1px solid #003355; display:block; width:167px; margin-left:auto; margin-right:auto;}


#basket br {height:0px; display:none;}
.cartItems {width:50px; height:16px; font-size:16px; padding:2px; padding-bottom:3px; padding-top:0px; background:#435070; text-align:center; color:#fff;  margin:0px 5px 5px 22px; float:left}
.cartPrice {width:80px; height:16px; font-size:16px; padding:2px; padding-bottom:3px; padding-top:0px; background:#435070; text-align:center; color:#fff;  margin:0px 0px 5px 0px; float:left}
.cartView {width:90px; height:30px; padding-top:0px; margin-left:0px; float:left; cursor:pointer}
.cartCheckout {width:90px; height:30px; padding-top:0px; margin-left:0px; float:left; cursor:pointer}

#quickEnquiry {width:175px; margin-left:0px; background: url(../images/bg_form.jpg) no-repeat #a98d68; margin-top:0px; margin-bottom:10px; padding:80px 5px 5px 0px; float:right; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px;}

#quickEnquiry input {float:right; }
.promoBox {width:168px; margin-left:0px; background: #fff; margin-bottom:10px; padding:10px 5px; float:right; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border:1px solid #e9f199}

/******************************************************************************** LEFT NAVIGATION CSS ************************************************************************/

#leftNav {width:260px; position:absolute; top:20px; left:-30px; z-index:99}
#leftNavTop {width:260px; height:100px; background:url(../images/leftNavTop.png) no-repeat}
#leftNavBody {width:260px; height:auto; padding-bottom:5px; margin:0px; background:url(../images/leftNavBody.png) repeat-y;}
#leftNavBottom {width:260px; height:115px; padding:0px; margin:0px; background:url(../images/leftNavBottom.png) no-repeat}

.leftNavMenu {float:left; width:200px; height:19px; background:#fff; text-align:left; padding:5px 3px 6px; padding-left:8px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin:3px 24px 0px; border:1px solid #a49583}

/******************************************************************************** FOOTER / BOTTOM LINKS CSS **********************************************************/

#copyright {width:300px; padding:5px; color:#7d705e; background:url(../images/bg_copyright.gif) no-repeat; font-weight:bold; position:absolute; top:-135px; left:490px;}
#footerWrap {width:100%; margin:40px 0px 0px; padding:100px 0px 30px; background: url(../images/bg_footer.jpg) repeat-x #a98d68}
#footer {width:720px; background:url(../images/bg_footerWrap.gif); padding:0px 10px 0px 170px; height:200px; margin:0px auto;}
.footerPromoBox {width:157px; height:91px; float:left; position:relative; padding:10px 8px 50px; margin-right:20px;}
.footerPromoBox h3 {font-size:20px; color:#fff}
.footerPromoBox a:link, .footerPromoBox a:visited {color:#fff;}
.footerPromoBox a:hover {color:#ccc;}
.footerPromoText {font-size:14px; width:157px; line-height:110%; height:70px; color:#c7db00; font-weight:bold; position:absolute; top:37px; left:9px;}
#designby {width:80px; height:60px; color:#fff; font-size:10px; text-align:right; padding-right:50px; font-weight:bold; padding-top:85px; float:right;}
#designby a:link, #designby a:visited {color:#323232;}
#designby a:hover {color:#fff;}
/********************************************************************************  SEO TXT CSS **********************************************************/

#footerText {width:860px; padding:20px; margin-top:20px; text-align:justify; margin:0px auto;}

#footerText h2 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}
#footerText h3 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}
#footerText h4 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}
#footerText h5 {font-size:130%; color:#bcc559; font-weight:bold; margin-top:-12px}

/******************************************************************************** HOMEPAGE ELEMENTS CSS ************************************************************************/

.holdBox {height:100px; width:115px; float:left; background:url(../images/anybox_home.jpg); margin:0px 5px 5px -25px}

.homeBox {width:165px; position:relative; height:190px; float:left; margin:0px 5px 5px 0px; padding:3px 5px 5px; border:5px solid #c8cf83; text-align:left; font-size:11px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background:url(../images/bg_LeftMenu.jpg) top right no-repeat #eaeebd;}
.homeBox h3 {color:#fff; font-weight:bold; font-size:13px; padding-right:20px; min-height:19px;}
.homeBox h3.noRightPadding { padding-right:0px; }
.homeBox p {margin-top:20px;}
.homeBoxWrap {position:absolute; bottom:5px; left:5px; width:170px;}
.homeBoxPic {width:75px; height:65px; border:1px solid #7d705e; float:left; margin-left:0px; margin-right:0px; margin-top:5px; background:#fff}
.homeBoxPrices {width:75px; height:20px; border:1px solid #7d705e; padding:3px; font-size:12px; text-align:center; float:right; margin-right:5px; font-weight:bold; margin-top:5px; background:#fff}
.homeBoxViewProd {width:81px; height:31px; border:1px solid #7d705e; padding:0px; text-align:center; float:right; margin-right:5px; font-weight:bold; margin-top:5px; background:#fff}
.homeBoxViewCat {width:81px; height:65px; border:1px solid #7d705e; padding:0px; text-align:center; float:right; margin-right:5px; font-weight:bold; margin-top:5px; background:#fff}
a.home_box_title{ color:#fff; font-weight:bold; font-size:1.3em; padding-right:20px; line-height:1em; }
/************************************************************************ MARGINS & PADDING ************************************************************************/

.noMarginRight {margin-right:0px}
.noMarginLeft {margin-left:0px}

.noPaddingRight {padding-right:0px}
.noPaddingLeft {padding-left:0px}

/************************************************************************ SUB-NAVIGATION ELEMENTS ************************************************************************/

.arrowlistmenu{width: 200px; margin:0px 24px 0px; padding-left:6px;  /*width of accordion menu*/}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'calibri', Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; margin-bottom: 5px; /*bottom spacing between header and rest of content*/-moz-border-radius: 5px 5px 5px 5px; border:1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-align:left; padding: 5px 20px 5px 10px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;}

.arrowlistmenu .menuheader:hover {background: url(../images/bg_LeftMenu.jpg) top right no-repeat #435070; padding: 5px 20px 5px 10px; color:#fff}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background: url(../images/bg_LeftMenu.jpg) top right no-repeat #435070; color:#fff; border:1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; padding: 5px 20px 5px 10px; }

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; list-style-image:none; margin: 0; padding: 0; margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{padding-bottom: 2px; list-style-type: none; list-style-image:none; /*bottom spacing between menu items*/}

.arrowlistmenu ul li a{ color: #333; background-color: #ebf2a2; text-decoration:none; border: 1px solid #a49583; /*custom bullet list image*/ display: block; padding: 2px 0; /*link text is indented 19px*/  font-weight: bold;  font-size: 10px; list-style-type: none; margin-bottom:2px; margin-left:2px; text-align:left; padding:5px 10px; width:174px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}

.arrowlistmenu ul li a:visited{color: #333;}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #34281c; background: #d4db90; border: 1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-decoration: underline;}

ul .categoryitems li a.menuheader, ul .categoryitems li a.expandable{color: #333; background-color: #ebf2a2; text-decoration:none; border: 1px solid #a49583; /*custom bullet list image*/ display: block; padding: 2px 0; /*link text is indented 19px*/  font-weight: bold;  font-size: 10px; list-style-type: none; margin-bottom:2px; margin-left:2px; text-align:left; padding:5px 10px; width:174px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}

ul .categoryitems li a.menuheader:hover, ul .categoryitems li a.expandable:hover{ /*hover state CSS*/ color: #34281c; background: #d4db90; border: 1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-decoration: underline;}
/*.arrowlistmenu ul li ul {margin-left:5px;}*/


/******* fix *****/
.arrowlistmenu a.menuheader_look, .arrowlistmenu a.menuheader_look:visited{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'calibri', Verdana, Arial, Helvetica, sans-serif; color: #333; background: #fff; margin-bottom: 5px; /*bottom spacing between header and rest of content*/-moz-border-radius: 5px 5px 5px 5px; border:1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-align:left;  /*header text is indented 10px*/ cursor: hand; cursor: pointer; color:#333333; margin-left:0px; padding-right:14px;
}


.arrowlistmenu a.menuheader_look:hover{background: url(../images/bg_LeftMenu.jpg) top right no-repeat #435070; color:#fff}
/********************************************************************** INFO NAV ELEMENTS ****************************************************************/

.infomenu{width: 200px; margin:20px 24px 0px; padding-left:6px;  /*width of accordion menu*/}

.infomenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/font: bold 14px 'calibri', Verdana, Arial, Helvetica, sans-serif; color: #fff; background: #435070; margin-bottom: 5px; /*bottom spacing between header and rest of content*/-moz-border-radius: 5px 5px 5px 5px; border:1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-align:left; padding: 5px 5px; /*header text is indented 10px*/ cursor: hand; cursor: pointer;}

.infomenu .menuheader:hover {background:#435070; color:#fff}

.infomenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/background: #435070; border:1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}

.infomenu ul{ /*CSS for UL of each sub menu*/ list-style-type: none; list-style-image:none; margin: 0; padding: 0; margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.infomenu ul li{padding-bottom: 2px; list-style-type: none; list-style-image:none; /*bottom spacing between menu items*/}

.infomenu ul li a{color: #333; background-color: #ebf2a2; text-decoration:none; border: 1px solid #a49583; /*custom bullet list image*/ display: block; padding: 2px 0; /*link text is indented 19px*/  font-weight: bold;  font-size: 10px; list-style-type: none; margin-bottom:2px; margin-left:2px; text-align:left; padding:5px 10px; width:174px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;}

.infomenu ul li a:visited{color: #7a926d;}

.infomenu ul li a:hover{ /*hover state CSS*/ color: #34281c; background: #d4db90; border: 1px solid #a49583; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; text-decoration: underline;}



/************ fixing this crappy code!! ******************/
.error {color:#FF0000;}
#new_Customer td, #login td {padding:2px}
#new_Customer input, #login input {margin:0px;}
#new_Customer th, #login th { vertical-align:middle;}
#new_Customer select, #login select {float:none; clear:both;}