@charset "utf-8";
/* CSS Document */
html {
    height: 100%;
    width: 100%;
}

body {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 0;
    background-image: url(/images/bodybg.gif);
    background-position: 0 0;
    background-repeat: repeat-x;
    background-color: #eae9e9;
    color: #504e4e;
}
.secure-bg {
	background-image: url(/images/CUEimages/bodybg2.gif) !important;
}
form, table {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 6px 0px;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

.page-header {
    font-size: 24px;
    color: #504e4e;
    background-image: url(/images/border.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 5px 0px;
}

a {
}

a:hover {
}

.maincontainer {
    width: 926px;
    margin: auto;
}

.toparea {
    background-image: url(/images/toparea-bg.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 168px;
    height: auto !important;
    height: 168px;
}
.toparea-cue {
    background-image: url(/images/CueW11SmartbagSiteBanner.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 168px;
    height: auto !important;
    height: 168px;
}
.toparea-vm {
    background-image: url(/images/VMW11SmartbagSiteBanner.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 168px;
    height: auto !important;
    height: 168px;
}

.logo {
	float:left;
    padding: 20px 0px 0px 12px;
}

.cue-logo {
	float:left;
	margin-left:17px;
	margin-top:50px;
}

.cue-logo-right {
	float:right;
	margin-top:71px;
margin-right:275px;
}

.bannerarea {
    min-height: 347px;
    height: auto !important;
    height: 347px;
    background-image: url(/images/bannerarea-bg2.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.leftarea p{
padding: 13px 0;
}

.leftarea a, .leftarea a:link{
    text-decoration: none;
    font-weight: bold;
    color: #838383;
}

.leftarea a:hover{
    text-decoration: underline;
}


.menuarea {
    height: 42px;
    padding: 1px 30px;
}

.np-leftarea {
    width: 377px;
}

.np-rightarea {
    width: 546px;
}

.np-img {
    padding: 45px 0px 0px 50px;
}

.np-details h1 {
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    font-size: 24px;
}

.np-details {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    line-height: 150%;
    color: #ffffff;
    padding: 87px 20px 10px 10px;
}

.know-more {
    padding: 15px 0px 0px 0px;
}

.bottomarea, .bottomcontainer {
    background-image: url(/images/bottomarea.gif);
    background-repeat: repeat-x;
    background-position: 0 0;
    background-color: #292929;
}

.bottomcontainer {
    width: 926px;
    margin: auto;
    padding: 40px 0px 0px 0px;
}

.h-cta-cont {
    min-height: 150px;
    height: auto !important;
    height: 179px;
    position: relative;
}

.roundbox-cont {
    height: 200px;
    position: absolute;
    top: -30px;
}

.roundbox {
    width: 230px;
    float: left;
}

.rb-top {
    height: 39px;
    width: 215px;
    margin: 0px 0px 0px 9px;
    background-image: url(/images/rb-top.gif);
}

.rb-top:hover {
    background-image: url(/images/rb-top-h.gif);
}

.rb-top h2 {
    text-align: center;
    font-size: 14px;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #FFF;
    padding: 12px 0px 0px 0px;
font-weight: normal;
}

.rb-top h2 a {
    color: #FFF;
    text-decoration: none;
}

.rb-body {
    min-height: 105px;
    height: auto !important;
    height: 105px;
    background-image: url(/images/rb-body2.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.rb-body2{
    min-height: 105px;
    height: auto !important;
    height: 105px;
    background-image: url(/images/rb-body2-nshadow.png);
    background-position: bottom;
    background-repeat: no-repeat;
}

.rb-contents {
    padding: 0px 7px 0px 10px;
}

.rb-img img {
    display: block;
}

.rb-details {
    border-top: 1px solid #fdf6f6;
    font-size: 10px;
    color: #646464;
    padding: 5px 10px;
    text-align: center;
}

.rb-contact {
    min-height: 20px;
    height: auto !important;
    height: 20px;
    position: relative;
    text-align: left !important;
    padding-right: 50px;
}

.mobilephone {
    position: absolute;
    right: -20px;
    top: -25px;
}

.maindisparea {
}

.maindisparea .leftarea {
    width: 645px;
}

.maindisparea .secure-leftarea {
	width: auto;
	min-width:890px;
}

.maindisparea .rightarea {
    width: 435px;
}

.maindisparea .leftarea .contents {
}

.maindisparea .rightarea .contents {
    padding: 13px 5px;
}

.maindisparea .leftarea .contents p {
    line-height: 150%;
}

.gmap {
    border: 5px solid #FFF;
    margin: 0px 10px 10px 0px;
}

.bottomcta .leftarea {
    width: 652px;
}

.bottomcta .rightarea {
    width: 274px;
}

.col-cont .col1 {
    width: 232px;
}

.col-cont .col2 {
    width: 404px;
}

.col-cont h2 {
    font-size: 23px;
    color: #FFF;
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
}

#nav_567379 {
}

#nav_567379 li {
    padding: 3px 0px;
}

#nav_567379 li a {
    color: #838383;
    text-decoration: none;
}

#nav_567379 li a:hover {
    color: #FFF;
}

.bbox {
    min-height: 78px;
    height: auto !important;
    height: 78px;
    width: 330px;
    background-color: #3c3b3b;
    font-size: 12px;
    color: #FFFFFF;
    margin: 5px 0px;
}

.bbox:hover {
  background-color: #cccccc;
     color:#000000;
}

* html .bbox:hover {
   background-color: #cccccc;
       color:#000000;
}

.bbox a {
text-decoration: none;
color: #838383;
}

.bbox-cont {
    padding: 0px 0px 0px 30px;
}

.bbox-pad {
    padding: 6px;
}



.bb-leftarea {
    width: 95px;
}

.bb-rightarea {
    width: 220px;
}

.bb-leftarea img {
    border: 3px solid #ffffff;
}

.n-form-cont {
color:#ffffff;
}

.n-form-cont h2 {
    font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-size: 23px;
text-align: center;
}

.n_txt, .n_txt2, .n_txt3  {
    border: 1px solid #ffffff;
    background-color: #eae8e8;
    background-image: url(/images/n_txtbg.gif);
    background-position: top;
    background-repeat: repeat-x;
}

.n_txt {
    width: 203px;
}

.n_txt2 {
    width: 140px;
}
n_txt3 {
width: 150px;
}
.footer {
    font-size: 11px;
    padding: 30px 0px 0px 0px;
}

.fleftarea {
    width: 60%;
}

.frightarea {
    width: 39%;
}

#nav_567373 {
    margin: 0;
    padding: 0;
}

#nav_567373 li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
}

#nav_567373 li a, #nav_567373 li a:link {
    display: block;
    padding: 2px 8px;
    color: #ffffff;
    text-decoration: none;
    background-image: url(/images/fsep.gif);
    background-position: right;
    background-repeat: no-repeat;
}

#nav_567373 li a:hover {
    color: #ffffff;
}

#nav_567373 li.firstitem a {
    padding-left: 0;
}

#nav_567373 li.lastitem a {
    background-image: none;
}

/*float*/
.right {
    float: right;
}

.left {
    float: left;
}

.clearB {
    clear: both;
}

/* inner_page */
.bannerarea-inner {
    min-height: 360px;
    height: auto !important;
    height: 360px;
    background-image: url(/images/bannerarea_bg2.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.secure-bannerarea-inner {
    min-height: 80px;
    height: auto !important;
    height: 80px;
    background-image: url(/images/CUEimages/bgmenu.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
	margin-left:23px;
}

.r_inner {
    width: 245px;
    margin-bottom: 81px;
    margin-top:-40px
}

.f_products {
    margin: 15px 0;
 /*   height: 110px; */
}

.f_products_desc {
    padding: 0 0 0 10px;
    width: 265px;
}

.f_products_desc a {
    text-decoration: none;
    color: #504E4E;
}

.f_products_desc a img {
    padding: 5px 0;
    border: none;
}

.f_products_desc h2 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

/* end inner_page */
/* inner2 */
.m_product {
    width: 645px;
}

*html .m_product{
    width: 640px;
}



.m_product_thumbs td {
    padding: 5px 2px 0 2px;
}

.m_product_thumbs {
     margin-top: 10px;
}

.m_product_left {
    width: 285px;
    padding-right: 10px;
}

*html .m_product_left{
    padding: 0;
}

.m_product_right {
width: 300px;
}

.m_product_right table table {
width: 203px;
}

.m_product_desc {
    width: 350px;
    margin: 0 0 10px 0;
}

.m_product_desc select {
    width: 100px;
}

.m_product_desc p {
    padding: 0 5px 0;
}

.m_product_desc table td {
    padding-bottom: 6px;
}

.m_product_img_main img {
/*    width: 232px;
    height: 171px;*/
}

.m_product_img {
    margin: 0 0 10px 0;
}

.m_product_img img {
    border: none;
}

/*
 .m_product_img2 {
 margin: 0 0 10px 0;
 }
 
 .m_product_img2 img{
 border: none;
 }
 */
/* end inner2 */
/* others */
.req {
    color: red;
}

.leftarea .pagination {
	text-indent: -99999px;
}

.productTextInput {
width: 30px;
margin-left: 32px;
}

.cart_summary {
 clear: both;
    color: #000000;
    float: right;
    font-weight: bold;
    margin-right: 50px;
    padding-top: 0;
}

.cart_summary2 {
font-weight: bold;
padding-top: 140px;
float:right;
color: #FFF;
}

.cartSummaryLink {
text-decoration: none;
color: #000000;
}
.breadcrumbs a {
text-decoration: none;
color: #504e4e;
font-weight: bold;
}
.productitemcell a {
text-decoration: none;
font-weight:bold;
color: #504e4e;
}
.inquire_form {

}
.productTable2 table {
width: 365px;
}
*html .productTable2 table {
width: 355px;
}

.contact_us_table {
margin-top: 25px;
}

.cu_left {
padding-left: 3px;
width: 225px;
}

.cu_right_textbox {
width: 215px;
}
 .hide {
	display:none;
 }
 .odd {
	float:right;
	margin-right:-32px;
}
.even{
	float:left;
}
/* end others */

/* HomePage Tables */
table.order-list {
    width: 800px;
}

/*checkout template MENU */
ul.zoneSubscriptions {
list-style-type: none;
margin:0;
padding:0;
}

ul.zoneSubscriptions li ul {
  float: left;
    margin-left: 0;
    padding-left: 5px;
    padding-right: 5px;
}

ul.zoneSubscriptions li {
margin:0;
padding:0;
list-style-type: none;
}

ul.zoneSubscriptions a {
    color: #323131;
    display: block;
    line-height: 1;
    text-decoration: none;
    padding: 15px 20px;
}

ul.zoneSubscriptions a:hover {
background-image: url(../images/menu_hover.gif);
background-position: 0 0;
background-repeat: repeat-x;
letter-spacing: 0.01px;
}