html {overflow-y: scroll;}
body { font-family: Arial; font-size:14px; color: #000000; background-color: #FFFFFF;margin: 0px;padding: 0px; }

h1 { font-size:28px; color:#BE0000; margin:24px 0px 18px 0px; }
h2 { font-family: Tahoma; font-size:24px;font-weight: normal; color: #AD2C0C;margin: 24px 0px 12px 0px; }

a { color:maroon; text-decoration:none; }
a:hover { color:orange; text-decoration:underline; }
a img { border:none; vertical-align:middle; }
div.clear { clear:both; height:0px !important; }
div.hide { display:none; }
table { width: 100%; border-collapse:collapse; }
table td { padding:0px; vertical-align:top; text-align:left; }
table thead th, table thead th.left, table tbody td.left, div.left { text-align:left; } 
table thead th.center, table td.center { text-align:center !important; } 
table thead th.right, table tbody td.right, table tfoot td.right, div.right { text-align:right !important; } 
table tbody td.middle { vertical-align:middle; }

p { line-height: 1.5em;}

input[type='text'], input[type='password'] { width:200px; }
input[type='text'], input[type='password'], textarea, select { border:solid 1px silver; padding:4px; }
input[type='checkbox'], select { padding:3px; }
input[type='text']:hover, input[type='password']:hover, textarea:hover, select:hover { border:1px solid gray; }
input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus { border:solid 1px orange; }
input[type='text'][disabled='disabled'] { background-color:whitesmoke; }
input[type='image'].submit { margin:0px; border:solid 1px transparent; }
input[type='image'].submit:hover { border:solid 1px orange; }

input[type="submit"].button,
a.button
{   
    cursor:pointer;     
    margin:8px 0px 8px 8px; color:white; 
    font-weight:bold; font-size:13px;
    border:1px solid #990000; 
    padding:6px 10px 6px 10px;
    border-radius:4px;
    background-color:#BE0000;        
    background-image: linear-gradient(bottom, rgb(153,0,0) 1%, rgb(190,0,0) 33%);
    background-image: -o-linear-gradient(bottom, rgb(153,0,0) 1%, rgb(190,0,0) 33%);
    background-image: -moz-linear-gradient(bottom, rgb(153,0,0) 1%, rgb(190,0,0) 33%);
    background-image: -webkit-linear-gradient(bottom, rgb(153,0,0) 1%, rgb(190,0,0) 33%);
    background-image: -ms-linear-gradient(bottom, rgb(153,0,0) 1%, rgb(190,0,0) 33%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(153,0,0)),
        color-stop(0.33, rgb(190,0,0))
    );    
    text-shadow: #333 1px 1px 2px;    
}
input[type="submit"].button:hover,
a.button:hover
{
    border-color:#8c0000;        
    background-image: linear-gradient(bottom, rgb(102,0,0) 1%, rgb(140,0,0) 33%);
    background-image: -o-linear-gradient(bottom, rgb(102,0,0) 1%, rgb(140,0,0) 33%);
    background-image: -moz-linear-gradient(bottom, rgb(102,0,0) 1%, rgb(140,0,0) 33%);
    background-image: -webkit-linear-gradient(bottom, rgb(102,0,0) 1%, rgb(140,0,0) 33%);
    background-image: -ms-linear-gradient(bottom, rgb(102,0,0) 1%, rgb(140,0,0) 33%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(102,0,0)),
        color-stop(0.33, rgb(140,0,0))
    );    
    text-decoration:none;
}

input[type='text'],
input[type='password'],
textarea,
select {
    border:solid 1px #CFCFCF;
    border-left:solid 1px #D3D3D3;
    border-right:solid 1px #D0D0D0;
    border-bottom:solid 1px #D0D0D0;

    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;

    padding:6px 6px 6px 8px;
    outline: none;
}

input[type='text']:hover,
input[type='password']:hover,
textarea:hover,
select:hover { border-color:gray; }

input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
select:focus {
    border-color:#FFA500;
    border-right:solid 1px #FFA500;
    border-bottom:solid 1px #FFA500;
        
    -moz-box-shadow: 1px 1px 2px #FFA500;
    -webkit-box-shadow: 1px 1px 2px #FFA500;
    box-shadow: 1px 1px 2px #FFA500;
    
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FFA500')";
    
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#FFA500');
}

input.link-button { border:none; background-color:transparent; color:maroon; text-decoration:underline; padding:0px; font-size:12px; font-family:Arial; cursor:pointer; }
input.link-button:hover { color:red; }

div.band { width:960px; margin:0px auto 0px auto; }
div.band > div.content { padding: 0px 16px 0px 16px;background-color: #FFFFFF; }
div.band-footer-padding { padding-bottom:48px;background-color: #FFFFFF; }
div.band-footer { padding:0px; margin-top:0px; font-size:11px; color:gainsboro;border-top: 1px solid gainsboro; background-color:#73716A; }
div.band-footer > div { padding:24px 24px 24px 24px; }
div.band-footer div.social { position:absolute; height:0px; }
div.band-footer div.social > div { position:relative; left:830px; }
div.band-footer div.social > div > a { margin-right:16px; }
div.band-footer div.information { margin-bottom:8px; font-size:12px; }
div.band-footer div.information span { font-weight:bold; }
div.band-footer div.links { padding-top:0px; font-size:12px; }
div.band-footer div.links a { color:white; display:inline-block; margin:0px 4px 0px 4px; }
div.band-footer div.legal { padding-top:0px; }

#header-logo { float:left; width:200px; padding:4px; }
#header-options { float:left; width:700px; text-align:right; padding:4px; }

a.button-menu { padding:6px 12px 6px 12px; background-color:transparent; color:#AD2C0C; font-size:12px; font-weight:bold; border:1px solid transparent;  }
a.button-menu:hover { border:1px solid #AD2C0C; text-decoration:none; }
a.button-cart { background-image:url('../img/cart.png'); background-repeat:no-repeat; background-position:left center; padding-left:36px; }
a.button-login { background-image:url('../img/login.png'); background-repeat:no-repeat; background-position:left center; padding-left:36px; }

/* main page */

#main-image { width: 960px; margin: 0px auto 0px auto; }
#main-image-background { position:absolute; z-index: 1; }
#main-image-foreground { position:absolute; z-index: 2; }

#top-bar > div { position:relative; z-index: 2; height: 80px; }
#top-bar-background { position:absolute; z-index:2; width:960px; height:80px; opacity: 0.7; filter: alpha(opacity = 70); background-color: white; }
#top-bar-foreground { position:absolute; z-index:3; width:960px; height:80px; background-color:transparent; }
#top-bar-foreground > div { height: 80px;}
#top-bar-foreground div.top-bar-logo { float:left; width:200px;padding: 12px 0px 0px 20px; }
#top-bar-foreground div.top-bar-phone { float:left; width:330px; text-align:right; }
#top-bar-foreground div.top-bar-phone h2 { font-size: 18px; font-family:Arial; font-weight: bold; line-height:80px; padding-right:24px;margin: 0px; }
#top-bar-foreground div.top-bar-cart { float:left; width:210px;text-align: center; }
#top-bar-foreground div.top-bar-cart a { line-height:80px;}
#top-bar-foreground div.top-bar-search { float:left; width:180px; text-align:right; vertical-align:middle; }
#top-bar-foreground div.top-bar-search table { height:80px; }
#top-bar-foreground div.top-bar-search table td { vertical-align:middle; }
#top-bar-foreground div.top-bar-search form { display:block; height:80px; vertical-align:middle; }
#top-bar-foreground div.top-bar-search input[type=text] { width:120px; background-color:#F0F0F0; border:1px solid #BF4C4C; opacity:1; filter: alpha(opacity = 100);  padding-top:5px;}
#button-search { background-image:url('../img/search.png'); background-repeat:no-repeat; background-position:left center; width:27px; height:27px; border:0px solid #AD2C0C; cursor:pointer; }

#top-menu { height: 36px; }
#top-menu-background { position: absolute; z-index:4; width:960px; height:36px;  background-color: #D4C09B; opacity: 0.8; filter: alpha(opacity = 80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; border-bottom: 1px solid #D4C09B; }
#top-menu-background-products { width:220px; height:36px; background-color:#B8A686; }
#top-menu-items { position: relative; z-index: 5; top:-2px; height:36px; border-top:solid 2px white; border-bottom:1px solid #DCCFAC; }
#top-menu-items a { display: inline-block; font-weight: bold; font-size:16px; color: white; border-bottom: 2px solid transparent; text-shadow:dimgray 1px 1px 2px; text-transform: uppercase;margin: 0px;padding: 0px 15px 0px 15px; line-height:36px; }
#top-menu-items a:hover { text-decoration: none; /*background-color: rgba(135,122,99, 0.5);*/ border-bottom: 2px solid white; background-image:url('../img/gray-background.png'); }
#top-menu-items a:first-child { margin-left: 0px;}

#main-image-info { }
#main-image-info > div { position: relative; z-index: 2; width: 960px; height:330px; margin: 0px auto 0px auto; }
#main-image-info-desc { float: right; width: 310px; height:310px; }
#main-image-info-desc-background { position: absolute; width:310px; height:310px; background-color: black;  opacity: 0.5; filter: alpha(opacity = 50); z-index: 3; }

#main-image-info-desc-foreground { position: relative; z-index:4; padding: 28px; }
#main-image-info-desc-foreground p { margin:0px; padding:0px;  }
#main-image-info-desc-foreground p.title { font-weight:normal; font-size: 28px; line-height:32px; color: white; text-shadow:black 1px 1px 2px; font-family:Tahoma; }
#main-image-info-desc-foreground p.title a { color:white; }
#main-image-info-desc-foreground p.title a:hover { color:#AD2C0C; text-decoration:none; }
#main-image-info-desc-foreground p.subtitle { font-weight:normal; font-size: 16px; line-height:20px; margin-top:16px; color: gainsboro;  }
#main-image-info-desc-foreground a.buy-now { float:right; width:90px; height:90px; position:relative; left:16px; top:-16px; }
#main-image-info-desc-foreground a.buy-now-off { display:none; }
#main-image-info-desc-foreground a.buy-now img { width:90px; height:90px; }

#main-image-swoosh { position: relative; z-index: 2; top:-72px;  }
#main-image-swoosh > div { background-image:url('/content/img/swoosh.png'); background-position:center center; height:115px;  }

#main-image-thumbnails { position:absolute; z-index:3; width:310px; height:0px; }
#main-image-thumbnails > div { position:relative; left:650px; top:0px; text-align:center; }
#main-image-thumbnails > div a { display:inline-block; border:3px solid white; margin:0px 3px 0px 3px; }
#main-image-thumbnails > div a:hover { border-color:#AD2C0C; }

/*      
#main-information { position: relative; top:-30px;}
#main-information div.col { float: left; height:230px; border-right: 1px solid #AD2C0C; }
#main-information div.col > div { padding: 2px 32px 2px 32px; }      
#main-information div.col-first { width:304px; }
#main-information div.col-first > div { padding-left:0px; }  
#main-information div.col-middle { width:336px; }
#main-information div.col-last { width:304px; border-right: none; }      
#main-information div.col-last > div { padding-right:0px; }      
#main-information h2 { margin-top:12px; }
#main-information h3 { font-size: 14px;font-weight: normal;line-height:18px;color: dimgray; margin-top:0px; }
#main-information h3 p { line-height:18px; }
#main-information div.text-image > h3, #main-information div.text-image > a { float:left; }
#main-information div.text-image > h3 { width:100px; margin-right:22px; }
#main-information div.text-image > a { width: 150px;}
*/

#main-information { position: relative; top:-30px;}
#main-information h3.blog-content > p { margin-top:0px; }
#main-information table td.border { border-right: 1px solid #AD2C0C; }
#main-information h2 { margin-top:12px; }
#main-information h3 { font-size: 14px;font-weight: normal;line-height:18px;color: dimgray; margin-top:0px; }
#main-information h3 p { line-height:18px; }
#main-information div.text-image > h3, #main-information div.text-image > a { float:left; }
#main-information div.text-image > h3 { width:115px; margin-right:22px; }
#main-information div.text-image > a { width: 150px;}
      
#main-category-menu { margin-top:24px; }
#main-category-menu table { height:36px; width:100%; border-collapse:collapse; background-color: #E6DAB2; }      
#main-category-menu table td { text-align:center; padding:0px 4px 0px 4px; }
#main-category-menu table td.first { width: 16px; height:36px;padding: 0px; background-image: url('/content/img/category-menu-left.png');background-repeat: no-repeat; }
#main-category-menu table td.last { width: 16px; height:36px;padding: 0px; background-image: url('/content/img/category-menu-right.png');background-repeat: no-repeat; }
#main-category-menu table a { display:block; line-height:24px; color: #373328; font-weight: normal; text-align:center; margin-top:6px; }
#main-category-menu table td.border { width:1px; }
#main-category-menu table td.border > div { background-color:#B9B18A; width:1px; height:24px; margin-top:6px; }
      
#main-testimony-group { margin-top:24px; }
#main-testimony-info { float: left; width:660px; }
#main-testimony-info blockquote { font-style: italic;font-size: 16px; color:dimgray; }
#main-testimony-info div.testimony-by { margin:0px 48px 0px 0px;text-align: right; }
#main-testimony-info div.testimony-by div.name { font-weight: bold; color:gray; }
#main-testimony-info div.testimony-by div.organization { color: silver; }
#main-testimony-info div.testimony-more { margin:8px 0px 0px 40px; }
#main-newsletter-subscribe { float: left;width: 300px; }
#main-newsletter-subscribe-done { display:none; background-color:#F5FBED; color:green; padding:16px; }
div.main-newsletter-subscribe-done-error { background-color:red !important; color:white !important; }

#regular-image-swoosh { position: relative; z-index: 2; top:0px;  }
#regular-image-swoosh > div { background-image:url('/content/img/swoosh.png'); background-position:center center; height:115px;  }

/* distributors */

#distributors { width: 100%; padding-left:8px; padding-right:8px; }
#distributors td { padding-left:4px; padding-right:8px; padding-bottom:16px; border:0;}
#distributors td.region { font-weight:bold; padding-bottom:2px; }
#distributors td.name { color:dimgray; }

/* validation messages */

div.error,
div.warning,
div.info,
div.tip,
div.validation-summary-errors,
div.validation-info,
div.validation-warning { margin:8px 0px 8px 0px;  border-radius:6px; -moz-border-radius:6px; padding:16px; }

div.validation-summary-errors, 
div.validation-info,
div.validation-warning { visibility:hidden; }

div.error,
div.validation-summary-errors { border:solid 2px red; color:#D80000; }

div.warning { border:solid 2px orange; color:maroon; }

div.validation-info { border:solid 2px green; color:darkgreen; background-color:#F5FBED; }
div.validation-warning { border:solid 2px #F38B02; color:darkred; }
div.validation-info, div.info { border:solid 1px green; color:darkgreen; }
div.tip { border:solid 1px #B2C1CF; color:#446CAB; background-color:#EDF0F2; background-image:url('../img/icons/tip.png'); background-position:8px center; background-repeat:no-repeat; padding-left:48px; }

div.validation-summary-errors ul,
div.validation-info ul,
div.validation-info-hide { list-style:none; padding:0px; margin:0px; }

div.validation-summary-errors ul li,
div.validation-info ul,
div.validation-info-hide { margin:0px; padding:4px 0px 4px 0px; }

div.validation-info-hide  
{
    position:fixed; 
    top:0px; 
    width:920px; 
    margin-left:auto; 
    margin-right:auto;     
    border-right:solid 2px green; 
    border-bottom:solid 2px green; 
    border-left:solid 2px green; 
    color:darkgreen; 
    background-color:#D7E7D7; 
    
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    -moz-border-radius-bottomright:6px;
    -moz-border-radius-bottomleft:6px;
    
    font-weight:bold;
    padding:18px;
    text-align:center;
    z-index:1000;
}

/* form */

form h2 { border:solid 1px gainsboro; background-color:whitesmoke; padding:8px 12px 8px 12px; color:dimgray; margin:24px 0px 12px 0px; border-radius:6px; -moz-border-radius:6px; }
form h2:first-child { margin-top:0px; }
form input[type='submit'] { margin:16px 0px 16px 8px; }

.note { margin:0px 0px 8px 8px; color:dimgray; }

form div.large input,
form div.large textarea { width:99%; }

form div.medium input,
form div.medium textarea { width:400px; }

form div.small input { width:80px; }
form div.money input { text-align:right; } 

form div.line { margin-bottom:4px; padding:8px; }
form div.line span.field-validation-error { display:inline-block; color:red; margin-left:0px; border:1px dotted #FFB2B2; padding:4px;  }

form div.line-thin > div { padding-left:0px !important; }

form div.focused { background-color:#FFFAE6; }
form div.focused label { color:#CC7A29 !important; }

form div.input label { display:block; color:gray; margin-bottom:3px; }
form div.input input[type='text'] { display:inline-block; }

form div.text label { display:block; color:gray; margin-bottom:3px; }
form div.text textarea { display:block; }

form div.check input[type='checkbox'] { display:inline; margin:0px 6px 0px 0px; vertical-align:middle; }
form div.check label { display:inline; vertical-align:middle; }

form div.select label { display:block; color:gray; }
form div.select select { display:block; border:1px solid silver; }

form .input-validation-error { background-color:#FAE6E6; }

/* account */

ul.account-menu { padding-left:0px; list-style-type:none; }
ul.account-menu li a { display:inline-block; padding:8px; border:1px solid transparent; border-radius:4px; margin:2px 0px 2px 0px; font-size:15px;font-weight: normal; }
ul.account-menu li a:hover { border-color:#BE0000; color:#BE0000;text-decoration: none; }
ul.account-menu li a img { margin-right: 8px; }


/* content */

div.content-sections { }
div.content-sections div.img-left img { display:block; margin-right:auto; }
div.content-sections div.img-center img { display:block; margin-left:auto; margin-right:auto; }
div.content-sections div.img-right img { display:block; margin-left:auto; }
div.content-sections div.img-left-wrap { display:inline; float:left; margin:0px 16px 8px 0px; }
div.content-sections div.img-right-wrap { display:inline; float:right; margin:0px 0px 8px 16px; }
div.content-sections div.img-description { font-size:12px; margin:0px 0px 8px 0px; text-align:right; color:gray; }

div.content-sections ul { padding-left:24px; }
div.content-sections ul li { padding:4px 0px 4px 0px; line-height:1.5em; }
div.content-sections p.emphasize { background-color: #F5ECDC;padding: 16px;border-radius: 6px; }

div.content-sections table.grid { border-collapse:collapse; width:100%;margin: 16px 0px 16px 0px;}
div.content-sections table.grid thead th { border-bottom:solid 2px #B0C4DE; color:#58626F; text-align:left; }
div.content-sections table.grid thead tr.clear th { border-bottom:none; }
div.content-sections table.grid thead th, 
div.content-sections table.grid tbody td { padding:4px; vertical-align:middle; }

div.content-sections table.grid tbody td { border-bottom:1px solid #E7EDF5; }
div.content-sections table.grid tbody tr:hover td,
div.content-sections table.grid tbody tr.highlight td { background-color:#E7EDF5; }

div.content-sections table.grid tbody tr.separator td { border-top:dotted 1px gray; }
div.content-sections table.grid thead th.min, table.grid tbody td.min { width:1%; }
div.content-sections table.grid tr.click td { cursor:pointer; }
div.content-sections table.grid thead th.emp, table.grid tfoot td.emp { background-color:#E8E8E8; border-left:1px solid #C8C8C8; }
div.content-sections table.grid thead th.c, table.grid td.c { border-left:1px solid #C8C8C8; }
div.content-sections table.grid thead th.money, table.grid td.money { width:80px; }
div.content-sections table.grid thead th.empr, table.grid tfoot td.empr { border-right:1px solid #C8C8C8; }
div.content-sections table.grid tbody td.emp { background-color:#F8F8F8; border-left:1px solid #E0E0E0; }
div.content-sections table.grid tbody td.empr { background-color:#F8F8F8; border-right:1px solid #E0E0E0; }
div.content-sections table.grid tbody td.demp { color:gray; }
div.content-sections table.grid tfoot tr.total td { border-top: 2px solid silver; text-align:right; }

div.content-sections div.info-caption { float:right; width:250px; margin:0px 0px 24px 24px; }
div.content-sections div.info-caption h2 { font-size:16px; font-weight:bold; text-align:center; margin-top:0px; }
div.content-sections div.info-caption > div { background-color:whitesmoke; padding:16px; border-radius:6px; }

div.content-breadcrumb { margin:24px 0px 24px 0px; border-bottom:1px solid transparent; }
div.content-breadcrumb > ul { list-style-type:none; margin:0; padding:0; }
div.content-breadcrumb > ul li { float:left; padding-left:8px; }
div.content-breadcrumb > ul li.image { padding-left:0px; padding-right:8px; }
div.content-breadcrumb > ul li.image a { line-height:34px; display:block; }
div.content-breadcrumb > ul li.image a img { display:block; margin-top:4px; }
div.content-breadcrumb > ul li h1,
div.content-breadcrumb > ul li h2,
div.content-breadcrumb > ul li h3 { margin:0px; font-family:Arial; font-size:28px; color:#BE0000; }
div.content-breadcrumb > ul li h2 a { color:dimgray; font-weight:bold; }
div.content-breadcrumb > ul li h2 a:hover { color:orange; }
div.content-breadcrumb > ul li h3 { color:gainsboro; }
div.content-breadcrumb > ul li.spacer,
div.content-breadcrumb > ul li.spacer-future { padding:0px 8px 0px 8px; line-height:34px; font-size:24px; color:dimgray; }
div.content-breadcrumb > ul li.spacer-future { color:gainsboro; }

div.content-subtitle { color:maroon; font-weight:bold; font-size:16px; margin:24px 0px 32px 0px; }

div.right-menu { float:right; width:200px; margin:0px 0px 24px 24px; }
div.right-menu h2 { font-size:16px; font-weight:bold; text-align:center; margin-top:0px; }
div.right-menu > div { background-color:whitesmoke; padding:16px; border-radius:6px; }
div.right-menu > div a { display:block; margin:0px; padding:12px; border-top:1px solid white;border-bottom:1px solid gainsboro; }
div.right-menu > div a:first-child { border-top:transparent; }
div.right-menu > div a:last-child { border-bottom:transparent; }
div.left-of-right-menu { float: left;width: 700px; }

table.file-list { margin:24px 0px 24px 0px; }
table.file-list td { border-top: 1px solid gainsboro; border-bottom: 1px solid gainsboro; padding: 12px 0px 12px 0px;vertical-align: middle; }
table.file-list tr:hover td { background-color: #E5E1CF; }
table.file-list td.file-list-title { font-weight: bold; padding-left:8px; padding-right:8px; width:200px; }
table.file-list td.file-list-description {color: dimgray; padding-right:8px; }
table.file-list td.file-list-download { padding-right:8px; }

a.file-download {display: block; width:120px; }
a.file-download img { display: inline-block;float: left;width: 32px; height:32px; margin-right:8px; }
a.file-download > span { display: block;float: left; width:60px; }
a.file-download span.download-title {display: block; font-weight: bold; }
a.file-download span.download-size {display: block; color:gainsboro; font-size:11px;font-weight: normal; }
/* blogs */

div.content-blog { padding:8px; border-left:4px solid #E5DBB8; margin-bottom:24px; }
div.content-blog:hover { background-color:#E5E1CF; }
div.content-blog > h2 { margin-top:0px; }
div.content-blog > p:last-child { margin-bottom:0px; }
div.content-blog-date { color:gray; font-size:12px; }


/* checkout */

table.checkout { margin:24px 0px 0px 0px; }
table.checkout td { vertical-align:top; padding-bottom:8px; }
table.checkout tr td:first-child { width:100px; color:dimgray; padding-top:8px; }
table.checkout div.ex { color:gray; font-size:11px; margin:2px 0px 8px 0px; }
table.checkout td.large input,
table.checkout td.large textarea { width:400px; }
table.checkout span.mandatory { padding:0px 0px 0px 4px; color:red; font-size:16px; font-weight:bold; vertical-align:bottom; }

div.submit-right { text-align:right; margin:24px 0px 16px 0px; }
div.submit-right input[type="submit"] { margin:0px; }

table.address { }
table.address td { padding:8px; border-bottom:1px solid gainsboro; }
table.address td:first-child { width:120px; color:dimgray; }
table.edit-header td.edit { padding-top:32px; }

/* products */

#product-info { float:right; width:740px; position:relative; left:16px; }
/*#product-info h1 { color: #AD2C0C; font-family: Tahoma; font-size: 24px; font-weight: bold; margin: 24px 0 12px; }*/
#product-info h1 { position:relative; top:-15px; z-index:10; margin:0px; }
#product-info div.product-description { font-weight: bold; font-size:16px; }
#product-categories { float:left; width:168px;  }
#product-categories h2 { margin-top:24px; font-size:16px; font-weight:bold;  }
#product-categories a { display:block; margin:4px 0px 4px 0px; padding:2px 4px 2px 4px; border:1px solid transparent; border-radius:4px; color:gray; }    
#product-categories a.belongs { border:1px solid #DCCFAC; background-color: #F9F8F0; }
#product-categories a:hover { border-color:#BE0000; color:black; text-decoration:none; }
#product-categories a img { display:block; margin:4px auto 4px auto; }    
#product-image { display:block; }
#product-image-mirror { position:absolute; height:0px; }
#product-image-mirror > img  
{
    position:relative;
    display:block;
    top:-600px;
    left:204px;
    transform: scale(1,-1);
    -ms-transform: scale(1,-1); /* IE 9 */
    -webkit-transform: scale(1,-1); /* Safari and Chrome */
    -o-transform: scale(1,-1); /* Opera */
    -moz-transform: scale(1,-1); /* Firefox */ 
}
#product-swoosh { position:absolute; height:0px; }
#product-swoosh img { position:relative; display:block; top:-113px; }
#product-name { position:absolute; z-index:2; height:0px; }
#product-name-background { position:absolute; z-index: 3; width:740px; height:36px; background-color: black;  opacity: 0.5; filter: alpha(opacity = 50); }
#product-name-foreground { position:relative; z-index:4; }
#product-name-foreground h1 { color:white; margin:6px 12px 7px 12px; font-size:20px; font-weight:normal; }
#product-description { position:absolute; z-index:2; height:0px; }
#product-description h2 { position:relative; top:-64px; }
#product-cart { float:right; width:340px; margin:0px 0px 0px 32px; }
#product-cart div.buy-info a { display:inline-block; padding:2px; border:1px solid transparent; }
#product-cart div.buy-info a:hover { border:1px solid #BE0000; border-radius:4px; }

#product-list a { display:block; float:left; width:148px; height:170px; margin:8px 8px 24px 8px; padding:8px; border:1px solid transparent; border-radius:4px; color:gray; } 
#product-list a:hover { border-color:#BE0000; color:#BE0000; text-decoration:none; }
#product-list a img { display:block; }
#product-list div.product-thumbail-swoosh { position:absolute; height:0px; }
#product-list div.product-thumbail-swoosh > img { display:block; position:relative; top:-22px; }
#product-list div.product-category-price { position:absolute; width:148px; height:0px; }
#product-list div.product-category-price > div { position:relative; top:-120px; font-size:11px; display:block; margin:0px 0px 0px auto; padding:2px; text-align:right; background-image:url('../img/gray-background.png'); }
#product-list span.case-price { color:whitesmoke; }
#product-list span.original-price { color:#FFB2B2; text-decoration:line-through; }

#product-list-desc { }
#product-list-desc > div { float:left; width:346px; height:170px; margin:8px 8px 24px 0px; padding:8px }
#product-list-desc > div > a { display:block; float:left; width:148px; height:170px; margin:8px 0px 24px 8px; padding:8px; border:1px solid transparent; border-radius:4px; color:gray;position: relative; z-index:2;font-weight: bold; } 
#product-list-desc > div > a:hover { border-color:#BE0000; color:#BE0000; text-decoration:none; }
#product-list-desc > div > p { display: block;float: left; width:158px;border: 1px solid transparent; border-top-right-radius:4px; border-bottom-right-radius:4px; margin-left:-1px;padding: 6px; color:#998E7A; font-size:13px; }
#product-list-desc > div > p.hover { border: 1px solid #DCCFAC; }
#product-list-desc a img { display:block; }
#product-list-desc div.product-thumbail-swoosh { position:absolute; height:0px; }
#product-list-desc div.product-thumbail-swoosh > img { display:block; position:relative; top:-22px; }
#product-list-desc div.product-category-price { position:absolute; width:148px; height:0px;font-weight: normal; }
#product-list-desc div.product-category-price > div { position:relative; top:-120px; font-size:11px; display:block; margin:0px 0px 0px auto; padding:2px; text-align:right; background-image:url('../img/gray-background.png'); }
#product-list-desc span.case-price { color:whitesmoke; }
#product-list-desc span.original-price { color:#FFB2B2; text-decoration:line-through; }

div.product-preview { }
div.product-preview h2 { font-size:16px; font-weight:bold; margin-left:4px; }
div.product-preview a { margin:6px 0px 6px 0px; }
#product-preview-thumbnail { position:absolute; z-index:104; width:148px; height:120px; display:none; 
                             border:1px solid #DCCFAC; padding:6px; background-color:white; box-shadow:0px 0px 8px #B8B8B8; }

div.buy { background-color:white; border:1px solid #AD2C0C; border-radius:6px; margin:16px 0px 0px 0px; text-align:center; }
div.buy a { display: inline-block; }
div.buy span.cases input[type="text"] { width:40px; text-align:center; }

div.buy-type { float:left; width:60px; height:99px; border-top-left-radius:6px; border-bottom-left-radius:6px; border-right:1px solid gainsboro; padding:16px; }
div.buy-type h3 { color:#666666; margin:0px auto 8px auto; }
div.buy-type img { display:block; margin:0px auto 0px auto; }

div.buy-info { float:left; display:flex; flex-direction: column; justify-content: space-between; row-gap:8px; width:210px; padding:16px; border-top-right-radius:6px; border-bottom-right-radius:6px; }
div.buy-info div.out-of-stock { font-weight: bold; color: #bf1212; }
div.buy-info div.out-of-stock-eta { font-size:smaller; color:dimgray; }

span.price { font-weight:bold; font-size:18px; vertical-align:middle; color:green; }
span.originalprice { color:red; text-decoration:line-through; }
span.savingsprice { color:green; }

div.product-specification {padding:16px; margin-top:36px; border:1px solid silver; background-color:whitesmoke;border-radius: 6px;}
div.product-specification h2 { font-size:16px; font-weight:bold; margin-top:8px; }
div.product-specification > table { margin-bottom:24px; }
table.product-specification td { padding:6px 0px 6px 0px; border-bottom:1px solid gainsboro; }
table.product-specification td:last-child { text-align:right; }
table.product-specification tr.you-save td { background-color:#F5FBED; color:green; font-weight:bold; }
table.product-specification tr:last-child td { border-bottom:none; }
table.product-specification tr.line td { border-bottom:1px solid gainsboro; }

div.product-specification-pertype 
{ 
    border-left:1px solid #DCCFAC; border-bottom:1px solid #DCCFAC; border-right:1px solid #DCCFAC; width:84%; 
    margin:0px auto 24px auto; padding:8px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;
    color:dimgray;    
}

#product-specification-overall { width:84%; margin:24px auto 24px auto; }

div.allergens > div {display: inline-block; width:48px; margin: 8px 25px 16px 0px;vertical-align: top; }
div.allergens label { display:block; color:gray; font-size:13px; text-align:center; }

/* pager */

div.pager { margin:16px 0px 16px 0px; padding:0px; }
div.pager .disabled { border:1px solid #ddd; color:#999; margin-top:4px; padding:3px; text-align:center; }
div.pager .current { background-color:steelblue; border:1px solid #009; color:#fff; font-weight:bold; margin-top:4px; padding:3px 5px; text-align:center; }
div.pager span, .pager a { margin: 4px 3px; } 
div.pager a  { border:1px solid #c0c0c0; padding:3px 5px; text-align:center; text-decoration:none; }
div.pager a:hover { background-color:gainsboro; }

/* Please Wait */

div.pw_background
{
  position: fixed; background-color: black; width: 100%; height: 100%; left: 0px; top: 0px; 
  opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6;  
  z-index: 10000; display: none;
}

div.pw_message
{
  position: fixed; z-index: 10001; background-color: whitesmoke; border: solid 6px silver; color: dimgray; 
  font-size:16px; font-weight:bold; margin-left: -120px; margin-top: -50px;    
  left: 50%; top: 50%; padding-left:48px; padding-right:48px; padding-top:32px; padding-bottom:32px;  text-align:center;  
  border-radius:6px; border-radius:6px; -moz-border-radius:6px; -moz-border-radius:6px; display: none;
}