/* ---------->>> 1. RESET <<<---------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0; padding:0;
}
html {
height:100.01%;
}
table {
border-collapse:collapse; border-spacing:0;
}
fieldset,img {
border:0; float:left;
}
form {
display:inline;
}
label {
cursor:pointer;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal; font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%; font-weight:normal; letter-spacing:-1px;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0; cursor:help; letter-spacing:1px; border-bottom:1px dashed;
}
/* remember to define focus styles! */
:focus {
outline: 0;
} /* Do Not Edit Any Reset Values */
/* ---------->>> END RESET <<<--------*/
/* ---------->>> 2. GLOBAL <<<--------*/
.clear {
clear:both;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
}
.text-left {
text-align:left;
}
.text-right {
text-align:right;
}
.text-center {
text-align:center;
}
.text-justify {
text-align:justify;
}
.bold {
font-weight:bold;
}
.italic {
font-style:italic;
}
.underline {
order-bottom:1px solid;
}
.highlight {
background:#ffc;
}
.img-left {
float:left;margin:4px 10px 4px 0;
}
.img-right {
float:right;margin:4px 0 4px 10px;
}
.nopadding {
padding:0;
}
.noindent {
margin-left:0;padding-left:0;
}
.nobullet {
list-style:none;list-style-image:none;
}
.floatNone {float:none;}
/* ---------->>> END GLOBAL <<<-------*/
/* ---------->>> 3. STRUCTURE <<<-----*/
/* Body */
body {text-align: center; background:url(/images/bg.gif) repeat-x; background-color:#494848;}
#container {width:948px; margin:0 auto; text-align:left; }
/* Header */
#header {padding:0; width: 454px; height:85px; float:left; display:inline;}
.rightsideheader {background:url(/images/text_resizer.jpg); width:182px; height:155px;display:inline; float:left;}
/* Main Content */
#mainContent, #subContent {margin:0; padding-top:0; padding-left:18px; padding-right:17px; padding-bottom:18px; width:902px; display:inline; float:left;background:url(/images/main_bg.gif) repeat-y;}
#contentBox {background:url(/images/main_bg.gif) repeat-y; width:948px; padding-bottom:12px; float:left;}
#subContentBox {background:url(/images/subpage_bg.gif) repeat-y; width:948px; margin-left:19px; padding-bottom:25px;}
.subHeader {/*background:url(/images/subpage_header.gif) no-repeat;*/ width:920px; height:173px; margin-left:19px;}
#leftColumn { width:480px; padding:10px 20px 15px 40px; }
#subLeftColumn { width:680px; padding:10px 20px 15px 30px;}
#flash {clear:both;}
/*customer center graphics*/
/*centerOrderHistory*/
.centerOrderHistory {width:320px; height:70px; display:block; background:url(/images/center_orderHistory.jpg); text-indent:-9999px;}
.centerOrderHistory:hover {background:url(/images/center_orderHistory.jpg); background-position: 0 -70px;}
/*centerOrderSearch*/
.centerOrderSearch {width:320px; height:70px; display:block; background:url(/images/center_orderSearch.jpg); text-indent:-9999px;}
.centerOrderSearch:hover {background:url(/images/center_orderSearch.jpg); background-position: 0 -70px;}
/*centerAddress*/
.centerAddress {width:320px; height:70px; display:block; background:url(/images/center_address.jpg); text-indent:-9999px;}
.centerAddress:hover {background:url(/images/center_address.jpg); background-position: 0 -70px;}
/*centerPassword*/
.centerPassword {width:320px; height:70px; display:block; background:url(/images/center_password.jpg); text-indent:-9999px;}
.centerPassword:hover {background:url(/images/center_password.jpg); background-position: 0 -70px;}
/*centerAccountInfo*/
.centerAccountInfo {width:320px; height:70px; display:block; background:url(/images/center_accountInfo.jpg); text-indent:-9999px;}
.centerAccountInfo:hover {background:url(/images/center_accountInfo.jpg); background-position: 0 -70px;}
/*centerSalesRep*/
.centerSalesRep {width:320px; height:70px; display:block; background:url(/images/center_salesRep.jpg); text-indent:-9999px;}
.centerSalesRep:hover {background:url(/images/center_salesRep.jpg); background-position: 0 -70px;}
/*centerShoppingCart*/
.centerShoppingCart {width:320px; height:70px; display:block; background:url(/images/center_ShoppingCart.jpg); text-indent:-9999px;}
.centerShoppingCart:hover {background:url(/images/center_ShoppingCart.jpg); background-position: 0 -70px;}
/*centerQuickOrder*/
.centerQuickOrder {width:320px; height:70px; display:block; background:url(/images/center_quickOrder.jpg); text-indent:-9999px;}
.centerQuickOrder:hover {background:url(/images/center_quickOrder.jpg); background-position: 0 -70px;}
.spotlightMargin {margin:20px 0 0 20px;}
/* Navigation */
ul#navigation {display:inline; float:right;}
ul#navigation {height:31px; }
ul#navigation li {float:left;}
ul#navigation a {text-indent:-9999px; height:31px; display:block;}
/*homepage*/
ul#navigation li.homepage {background:url(/images/nav_home.jpg); width:98px;}
ul#navigation li.homepage a {width:98px;}
ul#navigation li.homepage a:hover, ul#navigation li.homepage_active {background:url(/images/nav_home_over.jpg); width:98px;}
/*about*/
ul#navigation li.about {background:url(/images/nav_about.jpg); width:97px;}
ul#navigation li.about a {width:97px;}
ul#navigation li.about a:hover, ul#navigation li.about_active {background:url(/images/nav_about_over.jpg); width:97px;}
/*products*/
ul#navigation li.products {background:url(/images/nav_catalog.jpg); width:165px;}
ul#navigation li.products a {width:165px;}
ul#navigation li.products a:hover, ul#navigation li.products_active {background:url(/images/nav_catalog_over.jpg); width:165px;}
/*contact*/
ul#navigation li.contact {background:url(/images/nav_contact.jpg); width:134px;}
ul#navigation li.contact a {width:134px;}
ul#navigation li.contact a:hover, ul#navigation li.contact_active {background:url(/images/nav_contact_over.jpg); width:134px;}
/*topnavigation*/
#subNav {background:url(/images/sub_nav.jpg); height:54px; width:494px; float:right; display:inline;}
ul#topNavigation {position:relative; left:65px; top:20px; }
ul#topNavigation { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444242; /*margin-left:26px;*/}
ul#topNavigation li {float:left;}
ul#topNavigation a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#444242; text-decoration:none;}
/*login*/
ul#topNavigation li.login { padding-right:5px;}
ul#topNavigation li.login a {}
ul#topNavigation li.login a:hover, ul#topNavigation li.login_active {text-decoration:underline;}
/*center*/
ul#topNavigation li.center { padding-right:5px;}
ul#topNavigation li.center a {}
ul#topNavigation li.center a:hover, ul#topNavigation li.center_active {text-decoration:underline;}
/*search*/
ul#topNavigation li.search { padding-right:5px;}
ul#topNavigation li.search a {}
ul#topNavigation li.search a:hover, ul#topNavigation li.search_active {text-decoration:underline;}
#botNav { background:url(/images/sub_nav_bg.jpg) no-repeat; width:920px; height:37px; margin-left:19px; padding-top:5px; color:white; font-size:10px; }
#botNav a {color:white; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; font-weight:bold;}
#botNav a:hover {text-decoration:underline;}
/* Side Bar */
#sidebar1 {width:360px; padding:0px 15px 5px 5px; display:inline; float:right; color:#ffffff; }
#sidebar1 a {color:#faf383;}
#subSidebar1 {width:158px; padding:10px 40px 5px 5px; display:inline; float:right; color:#ffffff; }
#subSidebar1 a {color:#ffffff; text-decoration:none;}
#subSidebar1 a:hover {color:#ffffff; text-decoration:underline;}
table#minicart td{background-color:#ffffff; color:#333333; border:1px dotted #cccccc; padding:3px;}
#minicart .total{background-color:#DFDFDF;}
#minicart a {color:#3174ca;}
#minicart a:hover {color:#2679cd;}
#search {width:161px; height:30px; float:right; margin:15px 15px 0 0;/*position:relative; right:20px;top:25px;*/}
#search .searchfield {background:url(/images/search_field.jpg) no-repeat; width:114px; height:30px; float:left; border:0; padding-top:10px; padding-left:10px;
font-size:11px;}
#search .submitsearch {background:url(/images/search_submit.jpg); width:27px; height:30px; float:right; border:0; cursor: pointer;}
#search .submitsearch:hover {background:url(/images/search_submit_over.jpg); float:right;}
.submitsearch {background:url(/images/search_submit.jpg); width:27px; height:30px; float:right; border:0; cursor: pointer;}
.submitsearch:hover {background:url(/images/search_submit_over.jpg); float:right;}
#subBoxes {background:url(/images/bottom_bg.gif); background-repeat:repeat-x; width:890px; background-color:#e7e7e8; margin-left:19px; padding:5px 15px 15px 15px; line-height:18px;}
.pageResults {width:30%; float:right; text-align:right; color:#ffffff; font-weight:bold;}
.pageResults a {color:#faf383;}
.pageResultsQTY {width:30%; float:left; text-align:left; color:#ffffff; font-weight:bold;}
table.box1 td{width:202px; height:119px; padding:0;}
/* Footer */
#footer {background:url(/images/footer.jpg); width:920px; height:74px; margin-left:19px; }
.copyright {width: 905px; font-size:10px; color:#ffffff; padding:10px 0px 0px 0px; line-height:18px;}
.copyright a{color:#fef339;}
.copyright a:hover{color:#ffffff; text-decoration:none;}
.adminLink {
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
cursor:text;
text-decoration:none;
}
a.adminLink:link {
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
cursor:text;
text-decoration:none;
}
a.adminLink:visited {
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
cursor:text;
text-decoration:none;
}
a.adminLink:hover {
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
cursor:text;
text-decoration:none;
}
a.adminLink:active {
font-size : 9px;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
cursor:text;
text-decoration:none;
}
/* ---------->>> END STRUCTURE <<<----*/
/* ---------->>> 4. TYPOGRAPHY <<<----*/
/* Colors */
.brown {color:#5c5621;}
.blue {color:#2860bc;}
/* Text */
h1 {font-family:Arial, Georgia, "Times New Roman", Times, serif; font-size:18px; color:#023f7d; padding-top:12px; margin-bottom:11px; }
h2 {font-family: Arial, Georgia, "Times New Roman", Times, serif; font-size:16px; color:#faf383; padding-top:12px; margin-bottom:7px; font-weight:bold;}
h3 {font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color:#2860bc; padding-top:6px; margin-bottom:4px; border-bottom:1px solid #CCCCCC;}
h4 {color:#ffffff; font-variant:small-caps;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
h5 {color:#2860bc; font-variant:small-caps;font-family:Verdana, Arial, Helvetica, sans-serif;}
.h1_about {background:url(/images/h1_about.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right;}
.h1_contact {background:url(/images/h1_contact.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_login {background:url(/images/h1_login.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_center {background:url(/images/h1_center.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_products {background:url(/images/h1_products.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_news {background:url(/images/h1_news.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_homecare {background:url(/images/h1_homecare.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_register {background:url(/images/h1_register.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_error {background:url(/images/h1_404.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_approveorder {background:url(/images/h1_approve_order.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_viewcart {background:url(/images/h1_view_cart.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_productsearch {background:url(/images/h1_product_search.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_coreProducts {background:url(/images/h1_core_products.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_spotlight {background:url(/images/h1_spotlight.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.h1_ordercancelled {background:url(/images/h1_order_cancel.gif); background-repeat:no-repeat; width:732px; height:173px; text-indent:-9999px; padding:0; float:right; }
.featured {padding:3px 0 0 0;}
.white {color:#ffffff; padding:3px 0 0 0;}
.subcatbox {color:#ffffff; font-size:14px; text-transform:uppercase; font-weight:normal; padding:5px; margin:0; background:url(/images/sub_cat_BG.jpg); height:18px; display:block;}
.subcat {color:#ffffff; font-size:14px; text-transform:uppercase; font-weight:normal; padding:5px; margin:0; background:url(/images/sub_cat_BG.jpg); height:18px; display:block;}
.subcat a {color:#ffffff;}
.subcat a:hover { height:22px; color:#faf383; display:block;}
.borderBtm {border-bottom:1px solid #CCCCCC; }
.red {color:#FF0000;}
strong { font-weight:bold; font-size:12px;}
.title {color:#005bae; text-transform:uppercase; display:block;}
/* Lists */
/* Tables */
table.noborder td{border:none;}
table.productTable td {border:1px solid #cccccc; padding:8px; }
table.productTable th {border:1px solid #cccccc; padding:8px;}
table.productTableTop td { border:1px solid #cccccc;border-bottom:none;}
table.attributeTable td {border:0px ; }
table.attributeTable th {border:0px ; }
.login_area {border:1px solid #cccccc;}
tr, td {padding:8px;}
tr.odd {background-color:#f6fcfe; border-bottom:1px solid #f1f1f1;border-top:1px solid #f1f1f1;}
tr.even {}
/* Forms */
.forminput {margin:0px 4px 4px 4px;}
.formoutput {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; border: 1px #333333 solid; background-color : #2679cd; font-weight: bold;}
.formoutput:hover { color: #ffffff; border: 1px #333333 solid; background-color : #023971;}
.storeButton {font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #ffffff; border: 1px #333333 solid; background-color : #2679cd; font-weight: bold; padding:2px;}
.storeButton:hover { color: #ffffff; border: 1px #333333 solid; background-color : #023971;}
.radio {margin-bottom:-1px; margin-left:5px;}
.checkbox {margin-left:35px;margin-right:10px; vertical-align:middle;}
textarea {margin:10px 0px;}
/* Links */
a, a.back {color:#3174ca;}
a:hover, a.back:hover {color:#2679cd;}
a.nolink, a.nolink:hover {color:#333; text-decoration:none; cursor:text;}
.pageNav {position:relative; bottom:45px;}
.topNavHome a{color:#b5b5b5; text-decoration:none;}
.topNav a{color:#ffffff; text-decoration:none;}
.topNav a:hover{color:#ffffff; text-decoration:underline;}
#customerMenu, .customerMenu {font-weight:bold; color:#faf383; font-size:12px;}
#customerMenu a {color:#faf383;}
a.spanish {float: right;position: relative;top: 38px;right: 30px;}
/* ---------->>> END TYPOGRAPHY <<<---*/
.topCategory {color:#ffffff; text-decoration:none;}
.wizardBase
{
background-color:#EFF3FB;
border-color:#B5C7DE;
border-width:1px;
font-family:Verdana;
}
.wizardSideStep
{
color:#333333;
Width:100px;
}
.wizardSideBarButton
{
background-color:#507CD1;
font-family:Verdana;
color:White;
}
.wizardSideBar
{
background-color:#507CD1;
font-size:9px;
vertical-align:top;
}
.wizardHeader
{
background-color:#284E98;
border-color:#EFF3FB;
border-style:Solid;
border-width:2px;
font-weight:bold;
font-size:11px;
color:White;
}
.spancolor
{
color:Red;
}
.ProductImage
{
background-image:"~/images/noimage.gif";
}
/* Grid generic styles */
TABLE.tabulardata
{padding:5px;}
TABLE.tabulardata TR
{border-bottom:1px dotted #cccccc;}
TABLE.tabulardata TR:hover {background-color:#f2f2ef;}
/* Header of Grid */
TABLE.tabulardata TH
{padding:5px;
font-weight: bold;
background-color:#023971;
color:#ffffff;
}
/* End Header of Grid */
/* Individual rows of Grid */
TABLE.tabulardata TD
{
text-align:left;
}
/* End Individual Rows of Grid */
/* Styles product gridview */
.pagerStyle td
{
padding:2px 4px 4px;
background:#fff;
font-size:11px;
line-height:16px;
font-weight:bold;
background-color:#023971;
color:#ffffff;
}
.pagerStyle a
{
padding-left: 3px;
padding-right: 3px;
color:#faf383;
}
.pagerStyle span
{
float: left;
}
.SelectedPageButton
{
font: bold;
text-decoration: none;
}
.thStyle th
{
background: #520100;
text-align:left;
}
.thStyle a
{
padding-right:8px;
padding-left:8px;
background: #520100 url(/Image/sort.gif) left no-repeat;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 11px;
color: White;
vertical-align: middle;
}
.thStyle a:hover
{
text-decoration: underline;
color:Red;
}
.thStyle th.ascending, a.ascending
{
background: #660200 url('../../Image/asc.gif') left no-repeat;
}
.thStyle th.descending,a.descending
{
background:#660200 url('../../Image/desc.gif') left no-repeat;
}
.thStyle th.fillerStyle
{
background:#660200;
}
TABLE.quickOrderGrid TR:hover {background-color:#f2f2ef;}
/* Header of Grid */
TABLE.quickOrderGrid TH
{
font-weight: bold;
background-color:#023971;
color:#ffffff;
}
.categoryImage
{
float: right;
padding:3px 0 0 0;
width:60px;
height:25px;
}
tr.productImageLink td
{
border:none;
}
tr.productImageLink a
{
text-transform:capitalize;
font-size:12px; font-weight:bold;
display:block;
text-decoration:none;
color:#023971;
}
tr.productImageLink a:hover
{
text-decoration:underline;
}
/* End Header of Grid */
/* Individual rows of Grid */