/* @import url(http://fonts.googleapis.com/css?family=Open+Sans); */
.colors{
color: #3e938a; /*background*/
color: #36827a; /*navbar*/
color: #e8e8e8; /*content*/
}

body { 
 font-family: 'Open Sans', sans-serif;
 font-size: 14px;
 line-height: 110%;
 color: #333;
 background-color: #142330;
 /* background-image: url("/images/gbackground.jpg"); */
 background-repeat: repeat-x;
 padding: 0px;
 margin: 0px;
}


a:link    {text-decoration:underline; color: #36827a; }
a:visited {text-decoration:underline; color: #36827a; }
a:hover   {text-decoration:underline; color: #36827a;}

img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
}

input    { font-size: 1em; padding: 0px 2px; border: 1px solid #777; border-radius: 3px;}
textarea { font-size: 1em; padding: 0px 2px; border: 1px solid #777; border-radius: 3px; font-family: arial, sans-serif;}
select   { font-size: 1em; padding: 0px 2px; border: 1px solid #777;}



/* STRUCTURE */

#header {
 height: 80px;
 width: 1140px;
 margin: 0px auto 0px auto;
 padding: 0px 10px;
 color: white;
 border: none;
 border-top: 1px solid green;
 background-color: #344350; /* #1e736a; */
 /* background-image: url("/images/gheader.jpg"); */
 background-position: 20px top;
}
#header-tab {
 position: relative;
 top: 0px;
 padding: 5px;
 height: 14px;
 width: 1150px;
 margin: 0px auto;
 z-index: 10;
 background-color: #e8e8e8;
 border-radius: 5px 5px 0px 0px;
}




#navwrap {
 position: relative;
 height: 34px;
 width: 1156px;
 padding: 0px 5px;
 margin: 0px auto 0px auto;
 z-index: 80; 
 background-color: #344350; 
}
.navbar{}
.navbar ul {
padding: 0px;
margin: 0px;
list-style: none;
position: relative;
display: inline-table;
}
.navbar li 
{ 
min-height: 10px;
width: 117px;
padding: 1px 1px;
margin: 0;
background-color: #344350; 
float: left;
text-align: center;
vertical-align: middle;
}
.navbar li:hover { background-color: #54879d; }
.navbar a {
color: white;   
text-decoration: none;
font-size: 13px;
font-weight: bold;
line-height: 12px;
display: block;
padding: 4px 0px 5px 0px;
}

.navbar ul li:hover > ul { display: block; }

.navbar ul ul { display: none; position: absolute; top: 100%;}
.navbar ul ul li { float: none; position: relative; margin: 1px 0px;}
.navbar ul ul li:hover { background-color: #7bc; } 
.navbar ul ul li:hover a {color: #333;}

.navbar ul ul ul { position: absolute; left: 100%; top:0;}
.navbar ul ul ul li, .prodli { margin: 1px 3px; padding: 5px 5px 1px 5px; border: 1px solid #444; background-color: white; width: 200px; line-height: 12px;}
.navbar ul ul ul li:hover {background-color: #9de;}
.navbar ul ul ul li:hover a {color: #111;}
.prodli a {color: #333;}
.prodli:hover a {color: #111;}



#banner {
 width: 1500px;
 height: 36px;
 margin: auto;
 background-color: #366b82;
 z-index: 0;
 position: relative;
 top: -20px;
}
#pagewrap {
 position: relative;
 top: 0px;
 padding: 5px;
 width: 1150px;
 margin: 0px auto;
 z-index: 10;
 background-color: #e8e8e8;
 border-radius: 0px 0px 5px 5px;
 min-height: 800px;
}
#sidebar_left {
 width: 210px;
 padding: 5px 10px;
 float: left;
 /* background-color: #f8f8f8; */
 background-color: white;
 min-height: 800px;
 font-size: 0.95em;
}
#content {
 width: 850px;
 float: left;
 margin: 0px 0px 5px 5px;
 padding: 5px 15px 5px 30px;
 /* background-color: #f8f8f8; */
 background-color: white;
 min-height: 800px;
}
#sidebar_right {
 width: 164px; /* Account for margins + border values */
 float: left;
 padding: 5px 15px;
 /* background-color: #f8f8f8; */
 background-color: white;
 min-height: 500px;
}
footer {
 clear: both;
 padding: 0 15px;
 background-color: #f8f8f8;
}

/************************************************************************************
 * MEDIA QUERIES
 * *************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
 
 #pagewrap {
  width: 94%;
 }
 #content {
  width: 41%;
  padding: 1% 4%;
 }
 #sidebar_right {
  width: 41%;
  padding: 1% 4%;
  margin: 0px 0px 5px 5px;
  float: right;
 }
 
 #sidebar_left {
  clear: both;
  padding: 1% 4%;
  width: auto;
  float: none;
 }

 header, footer {
  padding: 1% 4%;
 }


}

/* for 700px or less */
@media screen and (max-width: 600px) {

 #content {
  width: auto;
  float: none;
 }
 
 #sidebar_right {
  width: auto;
  float: none;
  margin-left: 0px;
 }
 
 #sidebar_left {
  width: auto;
  float: none;
border: 1px solid red;
 }

}

/* for 480px or less */
@media screen and (max-width: 480px) {

 header {
  height: auto;
 }
 h1 {
  font-size: 2em;
 }
 #sidebar_left {
 min-height: 400px;

 }

}

header, #content, #sidebar_right, #sidebar_left {
 margin-bottom: 5px;
}

#pagewrap, header, #content, #sidebar_right, #sidebar_left, footer {
 border: solid 1px #ccc;
}







/* RXO2 Styles */

.close_button{
float: right; width: 16px; height: 18px; font-size: 12px; font-weight: bold; padding: 0px 0px 3px 2px;
}
.form_button {
 font-size: 1em;
 margin:      0px 10px;
 color:       #666;
 background-color: white;
 border: 1px solid #666;
 border-radius: 5px;
}
.square_button {
 height: 40px;     width: 100px;
 text-align:       center;
 vertical-align:   middle;
 font-size:        1em;
 font-weight:      bold;
 padding:          3px;
 color:            #666;
 background: #E9E9E9;
 border: 1px solid #black;
 border-radius: 10px;
}

.rounded_wrapper {
padding: 10px;
margin: 10px;
border: 1px solid black;
border-radius: 10px;
background-color: white;
}

#product_search_term {
 width: 140px;
}


.product_wrapper_small {
float: left;
width: 156px;
height:180px;
overflow-y: hidden;
padding: 5px 2px;
margin: 5px;
border: 1px solid black;
border-radius: 10px;
font-size: 0.9em;
}
.product_wrapper_small .name {
font-weight: bold; 
font-size: 1.0em;
line-height: 1.0em;
color: #262626;
}
.product_wrapper_small .thumb_wrapper {
height: 80px;
margin: auto;
}
.product_wrapper_small .thumb {
}
.product_wrapper_small .price {
color: #369;
font-size: 1.1em;
font-weight: bold;
margin: 8px auto 3px auto;
}
.product_wrapper_small .buttons {
 font-size: .85em;
 margin: auto;
}


.product_wrapper_medium {
float: left;
width: 284px;
height:350px;
overflow-y: hidden;
padding: 5px 0px;
margin:  5px;
border: 1px solid black;
border-radius: 10px;
font-size: 0.9em;
}
.product_wrapper_medium .name {
font-weight: bold;
color: #262626;
min-height: 36px;
}
.product_wrapper_medium .thumb_wrapper {
height: 160px;
margin: auto;
}
.product_wrapper_medium .thumb {
margin: auto;
}
.product_wrapper_medium .desc {
border: 1px solid #bcd;
border-radius: 5px;
padding: 4px;
margin: 10px auto;
max-width: 250px;
height: 62px;
font-size: 1.0em;
}
.product_wrapper_medium .price {
color: #262626;
font-weight: bold;
font-size: 1.1em;
line-height: 1.0em;
}
.product_wrapper_medium .add {

}
.product_wrapper_medium .buttons {
 margin: 5px 0px;
}

.product_wrapper_large {
float: left;
width: 404px;
height:400px;
overflow-y: hidden;
padding: 10px;
margin: 10px;
border: 1px solid black;
border-radius: 10px;
font-size: 0.9em;
}
.product_wrapper_large .name {
font-weight: bold;
color: #262626;
}
.product_wrapper_large .thumb_wrapper{
min-height: 100px;
}
.product_wrapper_large .thumb {
margin: auto;
}
.product_wrapper_large .desc {
border: 1px solid #bcd;
border-radius: 5px;
padding: 2px 10px;
margin: 10px auto;
max-width: 370px;
max-height:    200px;
font-size: 1.0em;
text-align: left;
}
.product_wrapper_large .price {
color: #262626;
font-size: 1.1em;
font-weigth: bold;
}
.product_wrapper_large .add {

}
.product_wrapper_large .buttons {
 margin: 2px auto;
}

.product_wrapper_full {
width:  100%;
}
.product_wrapper_full .name {
font-weight: bold;
color: #262626;
}
.product_wrapper_full .thumb {
margin: auto;
}
.product_wrapper_full .image {
visibility: hidden; 
background-color: white; 
padding: 10px; 
border: 1px solid #666; 
border-radius: 10px; 
z-index: 10;
}
.product_wrapper_full .desc {
position: relative;
left: -7px;
border: 1px solid #999;
border-radius: 5px;
padding: 10px;
margin: 10px auto;
width: 99%;
font-size: 1.0em;
}
.product_wrapper_full .price {
color: #262626;
}
.product_wrapper_full .add {

}
.product_wrapper_full .buttons {
 margin: 10px auto;
}

.product_wrapper {
display: inline-block;
padding: 10px;
border: 1px solid black;
border-radius: 10px;
margin: 10px auto;
font-size: 1em;
}

.cart_link_list {
 margin-left: 10px;   
}

#cart_cat_list{
}
#cart_cat_list a { display: inline-block; margin-bottom: 10px; line-height: 1.2em; text-decoration: none;}

#overlay, #overlay2 {
  visibility: visible;
  position: fixed; width: 1200px; z-index: 99;
  text-align: center; vertical-align: top;
}
.cart_added {
vertical-align: top; 
text-align: center; 
width: 60%; 
margin: 80px auto auto auto;
}
.cart_added .title {
 display: inline;
 font-weight: bold;
 font-size: 1.1em;
}
.cart_form_section {
width:90%; 
margin: auto;
}
.cart_form_section h4{
margin: 2px;
}




.list_table { background-color: white; margin: auto; }
.list_table .header
{
 font-size: 1em;
 font-weight: bold;
 color:      white;
 padding:    5px 6px;
 background: #245360;
 border-radius: 3px;
}
.list_table .cell
{
 font-size: .9em;
 border: 1px solid #BBB;
 border-radius: 1px;
 vertical-align: top;
 padding: 0px 10px;
 font-weight: normal;
}
.list_table .money 
{
 font-size: .9em;
 border: 1px solid #BBB;
 border-radius: 1px;
 vertical-align: top;
 text-align: right;
 padding: 0px 10px;
}


/*
.form_table { margin: auto; font-size: 0.9em;}
.form_table .title
{
 width: 40%;
 font-weight: bold;
 padding:    5px 6px;
}
.form_table .value { font-weight: normal; text-align: left; width: 60%;}
*/
.form_table { font-size: 1em; font-weight: normal; width: 100%; }
.form_table .title
{
  font-size: 1em; 
  font-weight: bold;
  vertical-align: top; text-align: left; width: 100px;
  color: #999999;
}
.form_table .value { font-size: inherit; font-weight: normal; vertical-align: top; text-align: left; width: 150px; }
.form_table .label{font-weight: bold; font-size: 1.4em; color: #555; text-align: left; margin-bottom: 5px;}


.error_msg_box{
 margin: auto;
 margin-top: 100px;
 width: 40%;
 border: 2px solid black;
 border-radius: 10px;
 background-color: white;
 padding: 10px;
 text-align: left; vertical-align: top;
 font-size: 1.2em; font-weight: normal; color:#b00000;
}

.glossterm:link, .glossterm:visited{text-decoration: none; color: #06423a; font-weight: bold; }
.gloss_msg_box{
 margin: auto;
 margin-top: 100px;
 width: 40%;
 border: 2px solid silver;
 border-radius: 5px;
 background-color: white;
 padding: 10px;
 text-align: left; vertical-align: top;
 font-size: 1.1em; font-weight: normal; color:#333;
}
.gloss_msg_box a:link    {text-decoration:underline; color: #333;}
.gloss_msg_box a:visited {text-decoration:underline; color: #333;}
.gloss_msg_box a:hover   {text-decoration:underline; color: #333;}
 











.tabs {
    max-width: 480px;
    float: left;
    list-style: none;
    padding: 0;
    margin: auto;
}
 
.tabs:after {
    content: '';
    display: table;
    clear: both;
}
 
.tabs input[type=radio] {
    display:none;
}
 
.tabs label {
    display: block;
    float: left;
    width: 25%;
    background-color: white;
 
    color: #ccc;
    font-size: 20px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    line-height: 2;
 
    cursor: pointer;
    -webkit-transition: all 0.5s; /* Safari 3.1 to 6.0 */
    transition: all 0.5s;
}
  
.tabs label span {
    display: none;
}
 
.tabs label i {
    padding: 5px;
    margin-right: 0;
}
 
.tabs label:hover {
    color: #aaa;
    background-color: #eee;
}

.tabs title {

}
 
.tab-content {
    display: none;
    width: 100%;
    float: left;
    font-size: 0.9em;
    padding: 0px 1px 1px 1px;
    box-sizing: border-box;
    background-color: white;
    text-align: left;
    
}

.tab-sub-content {
    font-size: 0.9em;
    padding-left: 0px;
}




.tab-content * {
 
    -webkit-animation: scale 0.7s ease-in-out;
    -moz-animation: scale 0.7s ease-in-out;
    animation: scale 0.7s ease-in-out;
}
 
@keyframes scale {
 
  0% {
    transform: scale(1);
    opacity: 1;
    }
 
  50% {
    transform: scale(1);
    opacity: 1;
    }
 
  100% {
    transform: scale(1);
    opacity: 1;
  }
 
}


.tabs [id^="tab"]:checked + label {
    background: #3e938a;
    color: white;
}
 
#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3,
#tab4:checked ~ #tab-content4 {
    display: block;
}


.footer_table{
 width: 96%;
 margin: auto;
}
.footer_table td{
 width: 25%;
}
.footer_table .header{
 font-weight: bold;
}



.slide_wrapper{ display: visible; margin: auto;}
.slides { border:1px solid #1c3e40; border-radius: 5px; }
.slides div a {color:#1a3481;}
.slides div a:hover {color:#1a3481; text-decoration:underline;}
.links_f { color: #555; }
.links_f div {
  color: #666;
  font-weight: bold;
  background-color: #f3f3ff;
  border-radius: 3px;
  float:left;
  padding:5px;
  margin:0px 3px;
  height: 22px;
  padding: 1px 3px;
  border: 1px solid #1c3e40;
 }
.links_f div:hover {
  background-color: silver;
  cursor:hand;
 }
.links_f a {color:white; text-decoration:none;}


.add_button, .view_button { font-weight: bold; font-size: 1.1em; color: #1c3e40; border: none; background: none; margin: 4px 20px 10px 20px; text-decoration: none; cursor: pointer; cursor: hand; }



.home_link_wrapper {
display: inline-block;
padding: 10px;
border: 1px solid black;
border-radius: 10px;
margin: 5px auto;
min-width: 800px;
font-size: 1em;
clear: both;
}
.home_link_button {
 float: left;
 height: 40px;     width: 100px;
 text-align:       center;
 font-size:        1em;
 font-weight:      bold;
 padding:          3px;
 color:            #666666;
 margin: 0px 10px;
 background: #E9E9E9;
 border: 1px solid #black;
 border-radius: 10px;
}




.main_box
{
  font-size: 11px;
  display: table;
  margin: auto; 
  margin-top: 50px;
  clear: both;
  max-width: 1200px; width: 300px;
  background-color: white;
  border: 2px solid black;
  border-radius: 10px;
  color: black;
}
.main_box_content  { clear: both; vertical-align: top; min-height: 200px; max-height: 500px; overflow-y: scroll; overflow-x: hidden;}
.main_box table    { margin: auto;}
.main_box legend   { color:#666; font-size:18px; margin-bottom: -10px;}
.main_box .title   { font-size:24px; color:#777777;}
.main_box fieldset { font-size: 12px; padding:10px; background-color:#eee; border:#ccc 1px solid;}