body { margin: 0; padding: 0; background: url(/images/bg.jpg) repeat-x; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; text-align: center; }
img { border: 0; }
a { color: #; text-decoration: underline; }
a:hover { color: #; text-decoration: none; }
p { margin: 0; padding: 1em 0; } 
.clear { clear: both; }

div#container { margin: 0 auto; background: #fff; width: 770px; text-align: left; border: 5px solid #0b3d61; }

div#header { background: url(/images/header-bg.jpg) repeat-x; height: 137px; }
div#header h1 { float: left; margin: 0; padding: 0; width: 321px; }
div#header h1 a { display: block; background: url(/images/logo.jpg) no-repeat; width: 321px; height: 98px; text-decoration: none; text-indent: -9000em; overflow: hidden; }
div#header a { color: #fff; }
div#header .top-nav { float: right; padding: 10px 8px 0 0; color: #fff; }
div#header .bottom-nav { background: url(/images/nav-bg.jpg) repeat-x;  }
div#header .bottom-nav ul { margin: 0; padding: 0; list-style: none; }
div#header .bottom-nav ul li { float: left; }
div#header .bottom-nav ul li a { display: block; padding: 13px 25px; background: url(/images/nav-bg.jpg) repeat-x top; text-decoration: none; border-right: 1px solid #093555; }
div#header .bottom-nav ul li a:hover { background: url(/images/nav-bg-u.jpg) repeat-x top; }

div#header-border { padding: 6px 0 5px 0; background: url(/images/header-border.gif) #d32228 no-repeat right; }

div#presentation { background: url(/images/presentation.jpg) #000 no-repeat right; height: 105px; }

div#searchbar { background: url(/images/searchbar-bg.gif) repeat-x; height: 34px; overflow: hidden; }
div#searchbar div.form { float: right; background: url(/images/searchform-bg.gif) repeat-x; width: 374px; }
div#searchbar div.form form { margin: 0; padding: 0; background: url(/images/form-left-tab.gif) no-repeat; }
div#searchbar div.form form ul { margin: 0; padding: 0; list-style: none; }
div#searchbar div.form form ul li { float: left; }
div#searchbar div.form form label { display: block; padding: 10px 6px 0 10px; color: #fff; }
div#searchbar div.form form ul li.input { background: url(/images/inputbox.gif) no-repeat; height: 34px; }
div#searchbar div.form form .search-input { margin-top: 6px; padding: 4px 8px 0 8px; background: none; font-size: 11px; width: 190px; border: 0; }

div#content { background: url(/images/content-bg.gif) repeat-x; height: 1%; }
div#content .welcome-text { background: url(/images/welcome-text.gif) no-repeat; width: 448px; height: 478px; text-indent: -9000em; overflow: hidden; }
div#content .title { display: block; margin-left: 15px; margin-bottom: 15px; }
div#content .rightside-bg { background: url(/images/home-right-side-bg.gif) repeat-y top right; }
div#content .left { float: left; padding: 20px 10px; width: 480px; }
div#content .left ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
div#content .left ul li { background: url(/images/list-icon.gif) no-repeat 10px 50%; padding: 5px 5px 5px 30px; border-bottom: 1px solid #efefef; }
div#content .right { float: right; padding: 5px 0; width: 262px; }
div#content .right .title { display: block; margin: 0 auto; }
div#content .right h2 { margin: 0; padding: 10px; color: #fff; }
div#content .right ul { margin: 0; padding: 5px 0 10px 0; list-style: none; }
div#content .right ul li { margin: 0; padding: 0 5px; }
div#content .right ul li a { display: block; padding: 5px 10px 5px 25px; background: url(/images/homesidebar-icon.gif) no-repeat 10px 50%; color: #acc6d8; height: 1%; text-decoration: none; border: 1px solid #000; }
div#content .right ul li a:hover { background: #22282b url(/images/homesidebar-icon.gif) no-repeat 10px 50%; color: #d1dfe9; border: 1px solid #243a4a; }

/* Titles */
.title-news { margin: 0 0 15px 10px; padding: 0; background: url(/images/title-news.gif) no-repeat; width: 170px; height: 16px; text-indent: -9000em; overflow: hidden; }
.title-userreg { margin: 0 0 15px 10px; padding: 0; background: url(/images/title-userreg.gif) no-repeat; width: 200px; height: 19px; text-indent: -9000em; overflow: hidden; }
/* end Titles */

div#footer { background: url(/images/footer-bg.gif) repeat-x; height: 83px; font-size: 10px; color: #fff; border-top: 1px solid #0b3d61; }
div#footer .nav { height: 83px; padding: 25px 0 29px 15px; background: url(/images/f-seal.jpg) no-repeat top right; line-height:1.5em;  }
div#footer .nav a { color: #fff; text-decoration: underline; }
div#footer .nav a:hover { color: #fff; text-decoration: none; }

.vert-datagrid { margin: 0; padding: 15px; }
.vert-datagrid h4 { margin: 0; padding: 10px 10px 10px 5px; text-align: left; font-size: 16px; }
.vert-datagrid table { border-collapse: collapse; }
.vert-datagrid table td { padding: 5px; text-align: left; }
.vert-datagrid input { padding: 4px; font-size: 11px; }
.vert-datagrid textarea { padding: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

#shoppingcart { margin: 0; border-collapse: collapse; width: 100%; }
#shoppingcart h2 { margin: 0; padding: 0 4px 0 4px; text-align: left; font-size: 14px; }
#shoppingcart span { display: block; padding: 0 4px; }
#shoppingcart .altcolor { background: #fafafa; }
#shoppingcart td { padding: 5px; border-bottom: 1px solid #efefef; }
#shoppingcart tfoot td { border: 0; }
#shoppingcart input { padding: 4px; font-size: 11px; text-align: center; }

/* JBH Online */
.jbhonline-content { background: url(/images/jbhonline-leftbg.gif) repeat-y left; height: 1%; }

.category-list { float: left; padding: 15px 0 0 0; width: 20%; }
.category-list ul { margin: 0; padding: 5px 0 10px 0; list-style: none; }
.category-list ul li { margin: 0; padding: 0 5px; }
.category-list ul li a { display: block; padding: 5px 10px 5px 25px; background: url(/images/homesidebar-icon.gif) no-repeat 10px 50%; color: #acc6d8; height: 1%; text-decoration: none; border: 1px solid #000; }
.category-list ul li a:hover { background: #22282b url(/images/homesidebar-icon.gif) no-repeat 10px 50%; color: #d1dfe9; border: 1px solid #243a4a; }
.category-list ul li a.selected { display: block; padding: 5px 10px 5px 25px; background: #22282b url(/images/homesidebar-icon.gif) no-repeat 10px 50%; color: #d1dfe9; height: 1%; text-decoration: none; border: 1px solid #243a4a; }

/* JBH Online results */
.category-results { float: left; padding: 15px 0 0 0; width: 79%; margin-left: 1px; }
.category-results h4 { margin: 0 0 0 1px; padding: 5px; font-size: 14px; color: #1a6599; }
.category-results table { border-collapse: separate; width: 100%; }
.category-results thead td,
.category-results tfoot td { padding: 6px 6px 10px 6px; background: url(/images/category-pag-bg.gif) repeat-x; text-align: right; }
.category-results thead td ul,
.category-results tfoot td ul { float: right; margin: 0; padding: 0; list-style: none; }
.category-results thead td ul li,
.category-results tfoot td ul li { float: left; padding: 0 3px; }
.category-results thead td select,
.category-results tfoot td select { font-size: 11px; }
.category-results thead td ul li a.previous-btn,
.category-results tfoot td ul li a.previous-btn { display: block; background: url(/images/previous-btn.gif) no-repeat; width: 69px; height: 19px; text-indent: -9000em; overflow: hidden; }
.category-results thead td ul li a.previous-btn:hover,
.category-results tfoot td ul li a.previous-btn:hover { background-position: bottom; }
.category-results thead td ul li a.next-btn,
.category-results tfoot td ul li a.next-btn { display: block; background: url(/images/next-btn.gif) no-repeat; width: 69px; height: 19px; text-indent: -9000em; overflow: hidden; }
.category-results thead td ul li a.next-btn:hover,
.category-results tfoot td ul li a.next-btn:hover { background-position: bottom; }
.category-results tbody td { padding: 4px; border: 1px solid #efefef; text-align: center; }
.category-results tbody td a { display: block; color: #2f87c5; text-decoration: none; }
.category-results tbody td a img { border: 3px solid #fff; }
.category-results tbody td a span { display: block; padding: 1px 0 2px; }
.category-results tbody td a span.price { font-size: 12px; color: #339; font-weight: bold; }
.category-results tbody td a:hover {  }
.category-results tbody td a:hover img { border: 3px solid #ccc; }
.category-results tbody td a:hover span {  }

/* end JBH Online */

/* View Product */
.productTitle { margin: 0; padding: 10px; background: url(/images/DeatilsTitle-bg.gif) repeat-x bottom left; border-bottom: 1px solid #efefef; }
.productTitle span { display: block; font-size: 10px; font-weight: normal; color: 10px; color: #666; }

.products-details { border-collapse: collapse; }
.products-details td { vertical-align: top; }

.productView { padding: 10px 10px;}
.productView .price-box { padding: 0 0 15px 0; }
.productView span.price { font-size: 15px; color: #b61c23; font-weight: bold; }
.productView h3 { margin: 0; padding: 0; list-style: none; font-size: 14px; color: #2372ac; }
.productView label { display: block; color: #666; width: 100px; }
.goback-btn { display: block; margin: 10px 0; padding: 8px 0; background: #2372ac; color: #fff; text-decoration: none; border: 1px solid #13659e; text-align: center; width: 100px; }
.goback-btn:hover { background: #105a8d; }

.btn { display: inline-block; margin: 10px 0; padding: 8px 20px; font-size: 11px; background: #2372ac; color: #fff; text-decoration: none; border: 1px solid #13659e; text-align: center; }
.btn:hover { background: #105a8d; }

.ask { padding: 10px; text-align: right; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
/* end View Product */

/* News Details */
#newsDetails { border-collapse: collapse; width: 100%; }
#newsDetails th { padding: 10px 15px 5px 15px; background: #e2ebf1; font-size: 13px; border-bottom: 1px solid #aacbe1; }
#newsDetails th.date { font-weight: normal; font-size: 11px; color: #48799a; }
#newsDetails td { padding: 15px; }
#newsDetails td.top { padding: 3px 15px 5px 15px; border-top: 1px solid #e2ebf1; text-align: right; }
/* end News Details */

/* Forms */
.error { padding: 15px; background: #cd2027; color: #fff; }
.error div { padding: 5px 5px 5px 30px; background: url(/images/caution-icon.gif) no-repeat 5px 50%; }
.error a { color: #fff; }

h4 { margin: 0; padding: 10px 0; }
h4 span { display: block; font-size: 11px; font-weight: normal; }

.signup-form { margin: 0; padding: 0; }
.signup-form table { border-collapse: collapse; }
.signup-form td { padding: 5px; }
.signup-form td span { color: #cd2027; }
.signup-form input { padding: 5px; background: #fff url(/images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #000; border: 1px solid #a7a6aa; }
.signup-form select { font-size: 11px; }
.signup-form input.submit { padding: 0; background: none; border: 0; }

.login-form { margin: 10px; padding: 8px 15px; background: #efefef; border: 1px solid #ccc; }
.login-form table { border-collapse: collapse; }
.login-form td { padding: 5px; }
.login-form td span { color: #cd2027; }
.login-form input { padding: 5px; background: #fff url(/images/input-bg.gif) repeat-x bottom; font-size: 11px; color: #000; border: 1px solid #a7a6aa; }
.login-form select { font-size: 11px; }
.login-form input.submit { padding: 0; background: none; border: 0; }
/* end Forms */

/* contactus */
.contactform { border-collapse: collapse; }
.contactform td { padding: 12px; border: 1px solid #efefef;}
.contactform input { padding: 5px;font-size:11px; }
/* ------------------------------------------ Admin ---------------------------------------- */

#customer-content h2 { margin: 0 0 10px 0; padding: 10px 10px 10px 15px; text-align: left; font-size: 14px; background: #fafafa; border: 1px solid #ddd; height: 1%; }
#customer-content h3 { margin: 0 0 10px 0; padding: 10px 10px 10px 5px; text-align: left; font-size: 12px; border-bottom: 1px solid #ddd; color: #297fbd; }
#customer-content blockquote { margin: 0; padding: 1em 2.5em; border-left: 2px solid #ccc; border-bottom: 1px solid #efefef; }
#customer-content blockquote.reply { margin: 0 0 0 2em; padding: 1em 2.5em; background: #fafafa; color: #999; border-left: 2px solid #ccc; border-bottom: 1px solid #efefef; }


/* Admin */
#customer-content .vert-datagrid { margin: 0; padding: 15px; }
#customer-content .vert-datagrid h4 { margin: 0; padding: 10px 10px 10px 5px; text-align: left; font-size: 16px; }
#customer-content .vert-datagrid table { border-collapse: collapse; }
#customer-content .vert-datagrid table td { padding: 5px; text-align: left; }
#customer-content .vert-datagrid input { padding: 4px; font-size: 11px; }
#customer-content .vert-datagrid textarea { padding: 4px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

/* datagrid */
#customer-content table#datagrid { border-collapse: collapse; width: 100%; }
#customer-content table#datagrid th { padding: 7px; background: #125280; color: #fff; text-align: left; }
#customer-content table#datagrid td { padding: 7px; border-bottom: 1px solid #ddd; }
#customer-content table#datagrid tr.altrow { background: #fafafa; }
#customer-content table#datagrid .right { text-align: right; }
#customer-content table#datagrid tr .center { text-align: center; }
#customer-content table#datagrid thead tr td,table#datagrid tfoot tr td { padding: 7px; border-bottom: 1px solid #ddd; text-align: right; font-weight: bold; }
#customer-content table#datagrid tfoot tr td { border: 0; }
#customer-content table#datagrid thead tr td.pagination,table#datagrid tfoot tr td.pagination { text-align: left; }
#customer-content table#datagrid thead tr td.pagination table td,table#datagrid tfoot tr td.pagination table td { padding: 4px; font-weight: normal; border: 0; }

/* inner table */
#customer-content table#datagrid td table.inner-table td { border: 0; padding: 4px; }

/* search */
#customer-content h2 span { float: left; display: block; padding: 5px 0 0 0; width: 30%; }
#customer-content h2 .search { float: right; height: 1%; width: 60%; text-align:right; }
#customer-content h2 .search input { padding: 4px; font-size: 11px; }

/* Dashboard */
#customer-content .dashboard-links { border-collapse: collapse; width: 100%; }
#customer-content .dashboard-links td { width: 33%; padding: 2px; }
#customer-content .dashboard-links td a { cursor: pointer; display: block; padding: 20px; background: #fff; font-size: 13px; color: #2f86c4; text-decoration: none; height: 1%; border: 1px solid #fff; }
#customer-content .dashboard-links td a h2 { margin: 0; padding: 10px; background: #0e446a; color: #fff; border: #0e446a; }
#customer-content .dashboard-links td a span { display: block; padding: 3px 10px; font-size: 11px; color: #444; }
#customer-content .dashboard-links td a h2 small { display: inline; font-size: 10px; font-weight: normal; color: #fff; }
#customer-content .dashboard-links td a:hover { background: #efefef; border: 1px solid #ccc; }

/* View Product */
#customer-content .productView {}
#customer-content .productView table { border-collapse: collapse; }
#customer-content .productView td { padding: 5px; border-bottom: 1px solid #efefef; }
/* end View Product */