/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:'Muli', arial, helvetica, sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:920px; margin-top:10px; margin-bottom:10px; margin-left:auto; margin-right:auto; padding-right:263px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.menu-mobile {display:none;}

.main {clear:both; position:relative; width:898px; padding-bottom:30px; border-left:0; /*background:transparent url(../img/bg_main_withoutnav2.jpg) repeat-y;*/}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content { margin-left:auto; margin-right:auto;  overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-subcontent {position:fixed; top:0px; bottom:0px; right:50%; width:250px; margin:0 -575px 0 0; overflow:scroll; overflow-x:hidden; background-color:#EEEEEE; font-size:1.3em;}
.summary_content {padding-bottom:80px;} /* for LiveChat tab at bottom */
.footer {clear:both; width:100%; max-width:900px; padding:10px 0 0 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f7f7f7 /*url(../img/bg_foot.jpg) no-repeat; background-size:100% 100%*/; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; position:relative; /*z-index:-1;*/}
.social-media-buttons {/*display:none;*/}
.like_btn {display:block; height:36px; width:75px;}
.follow_btn {display:none;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {max-width:900px; width:100%; padding-right:100px; /*font-family:'Muli', arial, helvetica, sans-serif;*/}
.header-middle {display:none; width:100%; height:150px; background:rgb(230,230,230) url(../img/topbanner_hp_square2.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

.menu-mobile {display:block;}
.header-bottom {display:none; width:auto; /*height:40px;*/ background:#fff; /*f5f5f5;*/}
.banner-fixed-source {display:none;}
             }
.header-breadcrumbs {display:none; clear:both; max-width:900px; width:100%; height:5px; background:transparent url(../img/bg_main_withoutnav2.jpg) repeat-y;}

/********************/
/*  HEADER SECTION  */
/********************/
.sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(../img/bg_head_top_logo.jpg); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:20px 0 0 90px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.nav1 {width:100%; max-width:900px; height:inherit; position:absolute; z-index:3; margin:0px 0 0 0;}
.nav1 table { width:inherit; height:inherit; padding:0 0 0 0;}

.nav1 ul {float:left; font-weight:normal; }
.nav1 ul li {list-style:none; float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
.nav1 ul li.button {list-style:none; float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; padding:0 5px 0 5px; min-width:60px; }
.nav1 ul li a {padding:0px 5px 0px 15px; color:#ddd; text-decoration:none; font-size:120%; line-height:32px;}
.nav1 ul li ul {box-shadow: 10px 10px 15px rgba(92,128,128,0.5); }

.nav1 ul li ul li { width:180px; border-bottom:1px solid #d1d1d1; }
.nav1 ul li ul li:last-child {border-bottom:0px;}
.nav1 ul li ul li a { border-left: 2px solid #acc; }
.nav1 ul .tel-text a { float: left; padding: 0 3px 0 25px; background: url(../img/website/tel2.png) no-repeat 3px 5px; background-size: auto 19px; }
.nav1 ul .shoppingcart a {float:left; padding:0 10px 0 30px; background:url(../img/cart/shoppingcart5.png) no-repeat 3px 6px; background-size:auto 18px; }
.nav1 ul .trackorder a {float:left; padding:0px 10px; }

.nav1 ul li span.nav1text {display:block; float:left; padding:2px 5px 2px 5px; color:black; font-size:120%;}

.nav1 ul li ul {display:none;}

/*Non-IE6 hovering*/
.nav1 ul li:hover {background-color:rgba(0,250,250,0.2); } /*Color main cells hovering mode*/
.nav1 ul li a:hover {text-decoration:none;}
.nav1 ul li:hover ul {display:block; position:absolute; z-index:999; top:31px; left:0px; /*background: transparent url(../img/website/submenu_dropshadow.png) no-repeat scroll 0 bottom; background-size:170px 19px; padding-bottom:19px;*/ }
.nav1 ul li:hover ul li a {display:block; height:auto; line-height:27px; margin-left:0px; padding:4px 16px 4px 16px; background-color:#f7f7f7; font-weight:normal; color:rgb(50,50,50);} /*Color subcells normal mode*/
.nav1 ul li ul li a:hover { background-color: #f7ffff; text-decoration: none; border-left-color: #01aca7; } /*Color subcells hovering mode*/

.sitemessage {width:400px; height:120px; position:absolute; z-index:1; margin:20px 0 0 480px; color:rgb(234,239,247); /*overflow:visible !important; /*Activate if Firefox print problems*/ overflow:hidden /*IE6*/;}
.sitemessage h1 {width:400px; text-align:right; font-size:230%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

/*Drop-down menu*/
.nav2 {float:left; width:100%; font-size:150%; border-top:1px solid white; border-right:1px solid white;} /*Color navigation bar normal mode*/
.nav2 a {color:#555; border-left:1px solid #fff; border-bottom:1px solid #fff;}
.nav2 ul {list-style-type:none;}
.nav2 ul li {width:auto; min-width:25%; text-align:center; float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/;  }
.nav2 ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:40px; line-height:40px; padding:0 3px 0 3px; text-decoration:none; }
.nav2 ul li ul {display:none; margin-top:35px; height:auto; visibility:collapse;}
.nav2 ul li ul li {background-color:#e8e8e8;}
.nav2 ul li ul li a {height:33px; line-height:33px;}

/*Non-IE6 hovering*/
.nav2:hover {border-color:#e1e1e1; }
.nav2:hover li {border-color:#e1e1e1;}
.nav2:hover a {border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.nav2 a:hover {color:#009;}
.nav2 ul li:hover {}
.nav2 ul li:hover > a {text-decoration:none; background-color:#f2f2f2; -webkit-transition:200ms ease;
            -moz-transition:200ms ease;
            -o-transition:200ms ease;            
             transition:200ms ease;} /*Color main cells hovering mode*/
.nav2 ul li:hover > ul {display:block; visibility:visible; position:absolute; z-index:999; top:0px; left:50px; background: transparent url(../img/website/submenu_dropshadow.png) no-repeat scroll left bottom; background-size: 175px 19px; padding-bottom:19px}
.nav2 ul li:hover ul li a {display:block; width:175px; margin-left:-1px; padding:auto 16px auto 16px; border-left:2px solid #ccc; border-bottom:1px solid #d8d8d8;} /*Color subcells normal mode*/
.nav2 ul li ul li a:hover {text-decoration:none;} /*Color subcells hovering mode*/
.nav2 ul li ul li:hover > a {background-color:#ddd;}

/*Drop-down menu HOME*/
.nav2 div.home {width:9.75%; display:inline; float:left;}
.nav2 div.middle {width:80%; display:inline; float:left;}
.nav2 div.track {width:20%; display:inline; float:left;}
.nav2 ul.home {list-style-type:none;}
.nav2 ul.home li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
.nav2 ul.home li a {text-align:center; float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:33px; line-height:33px; padding:0 0px 0 0px; text-decoration:none; font-weight:bold; color: rgb(100,100,100);}

.nav2 ul.gallery {list-style-type:none;}
.nav2 ul.gallery li {width:100%; float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; }
.nav2 ul.gallery li a {text-align:center; float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:40px; line-height:40px; text-decoration:none; }

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; }
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:normal; color:rgb(125,125,125); font-size:120%;}
.header-breadcrumbs ul a {color:#00c; text-decoration:none;}
.header-breadcrumbs ul a:hover {color:#00c; text-decoration:underline;}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {width:760px; margin-bottom:5px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; background: url(../img/website/column-unit-background.png) repeat-x; margin-left:5px; padding-left:3px;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px;  margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/* MAIN SUBCONTENT */
.subcontent-unit-border {width:100%; margin:0 0 3px 0; padding:0 0 0 0; border:solid 1px rgb(190,190,190); background:rgb(255,255,255);}
.subcontent-unit-border-green {width:210px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(160,214,81); background-color:rgb(217,239,185);}
.subcontent-unit-border-blue  {width:210px; margin:0 0 2.5em 0; padding:0 0 10px 0; border:solid 1px rgb(137,170,214); background-color:rgb(213,225,240);}
.subcontent-unit-border-orange {width:210px; margin:0 0 2.5em 0px; padding:0 0 10px 0; border:solid 1px rgb(232,177,13); background-color:rgb(248,224,150);}

.subcontent-unit-noborder {width:207px; margin:0 0 0.5em 0; padding:0 0 10px 0; background:rgb(235,235,235);}
.subcontent-unit-noborder-green {width:207px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(217,239,185);}
.subcontent-unit-noborder-blue  {width:207px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(213,225,240);}
.subcontent-unit-noborder-orange {width:207px; margin:0 0 2.5em 0; padding:0 0 10px 0; background-color:rgb(248,224,150);}

.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:198px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:199px;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:#228; font-weight:normal; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:#008; font-weight:normal;}
.footer a:hover {text-decoration:none; color:#008; font-weight:normal;}
.footer a:visited {color:#008;}

.footer-center {min-width:50%;}
.footer-left {min-width:25%;}
.footer-right{min-width:18%} /* full 100% total not supported by Safary */
.addthisdiv {padding-right:7px;}
.sslgodaddydiv {}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:100%; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:960px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-middle {display:none;}}
@media print {.header-bottom {display:none;}}
@media print {.header-breadcrumbs {width:960px; background:transparent;}}
@media print {.nav2 {float:left; width:960px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:960px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:960px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border:none; color:rgb(100,100,100); background-color:#FFF; font-weight:bold; font-size:220%;}
.main-content h1.block {clear:both; margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(190,190,190); color:rgb(255,255,255); font-weight:bold; font-size:220%;}
.main-content h1 {clear:both; margin:5px 0 5px 0; font-weight:normal; font-size:210%; text-align:center;}
.main-content h2 {clear:both; margin:5px 0 10px 0; padding-top:5px; color:#777; font-weight:bold; font-size:200%; text-align:center;}
.main-content h3 {clear:both; margin:-1.0em 0 0.5em 0; color:rgb(125,125,125); font-weight:normal; font-size:130%;}
.main-content h1.side {clear:none;}
.main-content h2.side {clear:none;}
.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-weight:normal; font-size:170%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-size:140%;}
/*.main-content h6 {margin:1.2em 0 0.2em 0; color:rgb(80,80,80); font-weight:bold; font-size:120%;}*/ 

.main-content p {margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.right {text-align:right;}
.main-content p.details {clear:both; margin:-0.25em 0 1.0em 0; line-height:1.0em; font-size:110%;}
.main-content blockquote {clear:both; margin:0 30px 0.6em 30px; font-size:90%;}

.main-content ul {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul li {margin:0 0 0.2em 2px; padding:0 0 0 12px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.4em; font-size:120%;}
.main-content ol {margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; margin:0.5em 0 1.0em 25px /*IE6*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.2em 0; line-height:1.4em; font-size:120%;}

.main-content .text{font-size:120%}
.main-content .mediumtext{font-size:130%}
.main-content .textSidePanel{height:50px; width:inherit; font-size:120%; display:table-cell; vertical-align:bottom; text-align:center;}
.main-content .questionmark{height:250px; width:inherit; display:table-cell; vertical-align:bottom; }

.main-content .dbs-image {
	image-rendering: -webkit-optimize-contrast;
}

.main-content .dbs-image {
	width: 60px;
	/*height: 62px;*/
}

.main-content .enc-image {
	image-rendering: -webkit-optimize-contrast;
}

.main-content .enc-image {
	width: 60px;
	/*height: 62px;*/
}

.main-content .side-panel-image {	
	image-rendering: -webkit-optimize-contrast;
}

.main-content .side-panel-image {width:95px;}

.main-content .center-thumb {
	/*-webkit-filter: brightness(1.1) contrast(1);*/
	image-rendering: -webkit-optimize-contrast;
}

.main-content .center-thumb {
	width: 85px;
}

.main-content div.dropdowntitles{font-size:120%; margin-bottom:3px;}

.ring-sizes-scroll-inner {min-height:380px; width:100%; overflow:hidden; overflow-X:auto; /*overflow-Y:hidden;*/}

.contactform {width:418px; margin:2.0em 0 0 0; padding:10px 10px 0 10px; border:solid 1px rgb(200,200,200); background-color:rgb(240,240,240);}
.contactform fieldset {padding:20px 0 0 0 !important /*Non-IE6*/; padding:0 /*IE6*/; margin:0 0 20px 0; border:solid 1px rgb(220,220,220);}
.contactform fieldset legend {margin:0 0 0 5px !important /*Non-IE*/; margin:0 0 20px 5px /*IE6*/; padding:0 2px 0 2px; color:rgb(80,80,80); font-weight:bold; font-size:130%;}
.contactform label.left {float:left; width:100px; margin:0 0 0 10px; padding:2px; font-size:110%;}
.contactform select.combo {width:175px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.contactform input.field {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.contactform textarea {width:275px; padding:2px; border:solid 1px rgb(200,200,200); font-size:110%;}
.contactform input.button {float:right; width:9.0em; margin-right:20px; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.contactform input.button:hover {cursor: pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/* MAIN SUBCONTENT */
.main-subcontent h1 {clear:both; margin:0 0 0px 0; padding:2px 5px 2px 5px; background-color:rgb(35,42,59); color:rgb(255,255,255); font-weight:normal; font-size:120%; text-align:center;}
.main-subcontent h1.green {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(160,214,81); color:rgb(255,255,255); font-weight:bold; font-size:140%; text-align:center;}
.main-subcontent h1.blue {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(137,170,214); color:rgb(255,255,255); font-weight:bold; font-size:140%; text-align:center;}
.main-subcontent h1.orange {clear:both; margin:0 0 5px 0; padding:4px 10px 3px 10px; background-color:rgb(232,177,13); color:rgb(255,255,255); font-weight:bold; font-size:140%; text-align:center;}
 /* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */
.main-subcontent h3 {clear:both; margin:1.0em 10px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:110%;}
.main-subcontent p {clear:both; margin:0 10px 0px 10px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-subcontent p.center {text-align:center;}
.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 10px 1.0em 10px;}
.main-subcontent ul li {/*margin:5px 0 0.2em 2px; padding:0 0 0 11px; background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;*/}
.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px /*IE6*/;}
.main-subcontent ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent ul li.yes {margin:0px 0 0px 0px; padding:0 0 0 9px; background:url(../img/yescheckmark.gif) no-repeat 0 0; background-position:0 1px; line-height:1.3em; font-size:100%;}
/*.main-subcontent ul li.yes:before{content:"\2713"; font-size:12px; font-weight:bolder; color:#0B0;} */ /*not working in chrome for windows xp*/

.main-subcontent ul li.no {/*margin:2px 0 2px 2px; padding:0 0 0 10px; background:url(../img/nocheckmark.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:110%;*/}
.main-subcontent ul li.no:before{content:"?"; font-size:1.15em; color:#D22; font-weight:bold; padding-right:1px;}

.main-subcontent .loginform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .loginform p {clear:both; margin:0; padding:0;}
.main-subcontent .loginform fieldset {width:160px; border:none;}
.main-subcontent .loginform label.top {float:left; width:125px; margin:0 0 2px 0; font-size:110%;}
.main-subcontent .loginform label.right {float:left; width:125px; margin:5px 0 0 0; padding:0 0 0 3px; /*IE6*/ font-size:110%;}
.main-subcontent .loginform input.field {width:158px; margin:0 0 5px 0; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:solid 1px rgb(200,200,200); font-size:110%;}
.main-subcontent .loginform input.checkbox {float:left; margin:5px 0 0 0 !important /*Non-IE6*/; margin:2px 0 0 -3px /*IE6*/; border:none;}
.main-subcontent .loginform input.button {float:left; width:5.0em; margin:10px 0 5px 0; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:110%;}
.main-subcontent .loginform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-subcontent .searchform {width:160px; margin:0 10px 0 10px;}
.main-subcontent .searchform fieldset {border:none;}
.main-subcontent .searchform input.field {float:left; width:158px; padding:0.1em 0 0.2em 0 !important /*Non-IE6*/; padding:0.2em 0 0.3em 0 /*IE6*/; border:1px solid rgb(200,200,200); font-size:120%;}
.main-subcontent .searchform input.button {float:left; width:3.0em; margin-top: 0.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center; color:rgb(150,150,150); font-size:120%;}
.main-subcontent .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

/********************/
/*  COMMON CLASSES  */
/********************/
.main img.left {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:none;}
.main img.center {clear:both; float:none; display:block; margin:0 auto; padding:0; border:none;}
.main img.right {clear:both; float:right; margin:3px 0 7px 10px; padding:1px; border:solid 1px black;}

.main a {color:#008; font-weight:normal; text-decoration:none;}
.main-content h1 a {color:rgb(70,122,167); font-weight:normal; text-decoration:none;}
.main a:hover {color:#008; text-decoration:underline;}
.main a:visited {color:#008;}

.main a img.center {clear:both; float:none; display:block; margin:0 auto; padding:0; border:none;}

.main a img {border:none;}
.main a:hover img {border:none;}

/********************/
/*  DUNHAM CUSTOMS  */
/********************/

/* PAGING */
.pagination-header{border:solid 0px rgb(190,190,190); background:rgb(250,250,250); clear:both; float:none; display:block; margin:0 2px 0 auto;}
.pagination-body{width:100%; clear:both; float:none; display:block; margin:0 auto;}
.pagination-footer{border:solid 0px rgb(190,190,190); background:rgb(240,240,240); clear:both; float:none; display:block; margin:5px 2px 0 auto;}
.page-nav{clear:both; float:none; display:block; margin:0 auto; padding:0; border:none; width:220px;}
.page-browse{padding:0; border:none;}
.main-content h1.page-browse-title{text-align:center; margin:0px 0 5px 0; padding:0 0 0 0; color:rgb(100,100,100); background-color:#FFF; font-weight:bold; font-size:170%;}
.page-browse-filters{float:left; border:none; width:100%;}
.prevbtn{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -40px -60px; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.prevbtn-mouseover{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -40px 0; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.prevbtn-disabled{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -40px -30px; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.nextbtn{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -80px -60px; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.nextbtn-disabled{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -80px -30px; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.nextbtn-mouseover{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -80px 0; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.firstbtn{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: 0 -60px; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.firstbtn-mouseover{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: 0 0; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}
.lastbtn{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -120px -60px; background-color:Transparent; background-repeat:no-repeat; cursor:pointer:}
.lastbtn-mouseover{border:none; background-image: url(../img/website/navigation-btns.png); width:40px; height:30px; background-position: -120px 0; background-color:Transparent; background-repeat:no-repeat; cursor:pointer;}

/* INFO BOX */
.infoBox{border:solid 1px #aca; background-color:#eee; padding:5px; clear:both; float:none;}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=25);
	opacity:0.25;
}

.modalPopup {
	background-color:#eee;
	border:2px solid #999;
	padding:3px;
	width:250px;
}

/* FileStack */
.modalUploadPopup
{
	background-color:#eee;
	border:0px solid #999;
	padding:0px;	
	position:absolute;
}

/* SIDE ENGRAVINGS */
.sideEngravingsPopup {
	background-color:#fff;
	border:1px solid #999;
	padding:5px;
	width:310px;
}

.sidePopupImagesContainer 
{
	display:inline;
	float:left;
	width:129px;
}

.sidePopupControlsContainer
{
	display:inline;
	padding:5px;
	float:left;
	width:160px;
}

.sidePopupButtonsContainer
{
	margin-top:15px;
	margin-bottom:auto;
	text-align:right;
}

.sidePopupImg
{
	float:left;
	margin:0;
	border:none;
	padding:0;
	width:86px;
	height:117px;
	background-position: 0 0;
}

.sidePopupImgHint
{
	float:left;
	display:inline;
	margin:0;
	border:none;
	padding:0;
}

/* Prev Next step BUTTONS */
.prevnextstep-btn-container
{
	clear:both;
	padding:5px 5px 15px 5px;
	border:none;
	width:90px;
	float:right;
}

.nextstepbtn{font-size:16px; padding:10px 15px; margin-top:5px; color:#eee; background-color:#345; border:none; border-radius:3px; float:right; cursor:pointer;}
.nextstepbtn-mouseover{font-size:16px; padding:10px 15px; margin-top:5px; color:#eee; background-color:#567; border:none; border-radius:3px; float:right; cursor:pointer;}

.clearNextButtonContainer{clear:both;}

/* RING DESIGNING */
.accordion-header {position:relative; border:none; margin-bottom:2px; }
.accordion-header .header-btn{ font-family:muli; border-radius:3px;  box-shadow:1px 1px 2px #999; background-color:#344154; cursor:pointer; border:none; text-align:left; font-size:150%; font-weight:bold; color:#FFF; padding:5px 5px 5px 20px; width:100%; height:43px; 
                              -webkit-transition:200ms ease;
                              -moz-transition:200ms ease;
                              -o-transition:200ms ease;
                              transition:200ms ease;
                              }
.accordion-header .header-btn-mouseover{ font-family:muli; border-radius:3px; background-color:rgba(100,125,150,0.5); cursor:pointer; border:none; text-align:left; font-size:150%; font-weight:bold; color:#000; padding:5px 5px 5px 20px; width:100%; height:43px;}
.accordion-header:hover .header-questionmark{z-index:-1;}
.accordion-header:hover .header-checkmark{z-index:-1;}
.accordion-header .header-arrow{position:absolute;width:35px;height:35px;right:10px;top:5px;background: url(../img/website/arrow-expand.png) no-repeat;}

.accordion-header .header-checkmark{position:absolute; right:0px; bottom:0px; width:37px; height:42px; background:url(../img/website/checkmark5b.png) no-repeat; background-size:auto 85%; background-position:0 center; border:0px solid red;}

/*.accordion-header .header-checkmark:before{content:"\2713"; color:#2d2; font-size:45px; font-weight:bolder; position:absolute; top:-10px;} */ /*not working in last chrome for windowsXP */
.accordion-header .header-questionmark{position:absolute;width:20px;height:20px;right:10px;top:50%;margin-top:-10px;background:url(../img/website/reddotarrow-L.png) no-repeat; background-size:100% auto; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); border:0px solid red;}

.checkMarkImageDivCss {float:right; border:0px solid blue; width:29px; height:35px; margin:0; background:url(../img/website/checkmark5b.png) no-repeat; background-size:27px auto;}
.checkMarkImageDivCss:before {/*content:"\2713"; color:#1C1; font-size:35px; font-weight:bold; */} /* checkmark symbol was found not to be working in las Chrome version for WindowsXP*/


.reviewbtn{background-color:#179; border:none; border-radius:5px; color:#eee; font-size:16px; padding:12px 15px; background-position:0 -80px; clear:both; float:right; cursor:pointer; margin-right:5px;}
.reviewbtn-mouseover{background-color:#29b; border:none; border-radius:5px; color:#eee; font-size:16px; padding:12px 15px; background-position:0 -80px; clear:both; float:right; cursor:pointer; margin-right:5px;}
.reviewbtn-active{background-color:#4cd; border:none; border-radius:5px; color:#eee; font-size:16px; padding:12px 15px; background-position:0 -80px; clear:both; float:right; cursor:pointer; margin-right:5px; color:#000;}

.sizerbtn{color:#33A; font-weight:bold; border:1px solid #ccf; border-radius:3px; padding:7px 10px; cursor:pointer; background-color:#eee; margin-bottom:10px;}
.sizerbtn-mouseover{}
.sizerbtn:hover{ border-color:#99D;}

/* ORDER SUMMARY TITLE */
p.ordersummarytitle{text-align:center; margin:3px 0 3px 0; line-height:1.5em; color:#000; font-size:120%; }

/* TABLES ALIGN */
table.center {clear:both; float:none; display:block; margin:0 auto; margin:0; padding:0; border:none;}

/* RING METALS */								
.RingModelContainer{width:150px; border:solid 1px black; margin:0 auto;}
.RingModelContainer div.RingModelImageBtn{border:solid 1px black; clear:both; display:block;}
.RingModelContainer div.MetalsTitle{border:solid 1px black; clear:both; background-color:#354259;}
.RingModelContainer div.MetalsContainer{border:solid 1px black; display:inline; float:left; width:90px;}
.RingModelContainer div.PricesContainer{border:solid 1px black; display:inline; float:right; width:60px;}
.MetalsContainer .MetalBig{clear:both; float:none; display:block; margin:0 auto; padding:0; border:solid 1px black; width:81px;}
.MetalsContainer .MetalSmallLeft{border:solid 1px black; float:left; display:inline; padding:0; margin:0; width:42px;}
.MetalsContainer .MetalSmallRight{border:solid 1px black; float:right; display:inline; padding:0; margin:0; width:42px;}
.PricesContainer .Price{border:solid 1px black; display:block;}

.scroll-hint-wrap-Metals .ring-models {/*visibility:hidden;*/}
.scroll-hint-wrap-Metals:hover .ring-models {visibility:visible;}

.main-content table td.tabledivider {text-align:center; background-color:#eee; /*#354259;*/ border-radius:5px;}
.main-content table td.statTableHeader {font-size: 10px;font-style: normal;font-weight: bold;color: #FFFFFF;background-color: #354259;border: 1px solid #000000;}
.main-content span.tabledividertext{font-size:120%; color:#555;}


.main-content table.ring-models{border:2px solid #ddd; background-color:#FFFFFF; border-radius:5px; }
.main-content table.ring-models td {border:0px solid gray;}
.main-content table.ring-models .right {text-align:right; padding:2px;}
.main-content table.ring-models .metals-table {visibility:hidden; }
.main-content table.ring-models:hover {border-color: #ddd;}
.main-content table.ring-models:hover .metals-table {visibility:visible;}

.modelsize-thumbs-topspace-div {height:0;}
.modelsize-thumbs-wrap-div {background-color:transparent; height:102px; position:relative;}                            
.modelsize-thumbs-div {position:absolute; left:0; right:0; top:0; background-color:#ddd; overflow-x:auto; overflow-y:hidden;}

/*.modelsize-thumbs-topspace-div {height:102px; background-color:#fcfcfc;}
.modelsize-thumbs-wrap-div {background-color:transparent; height:102px; position:absolute; top:17px; left:0; right:0; z-index:500; text-align:center; 
                            overflow-x:auto; overflow-y:hidden;}                            
@media screen and (max-width: 785px) { .modelsize-thumbs-wrap-div { top:19px; } }
@media screen and (max-width: 778px) { .modelsize-thumbs-wrap-div { top:29px; } }                            
.modelsize-thumbs-div {background-color:#ddd; text-align:center; display:inline-block;}*/

.modelsize-thumbs-div .group {display:table; }
.modelsize-thumbs-div .thumb {background-color:#fff; min-width:60px; height:75px;  border:2px solid #ddd;/*auto;*/ display:table-cell;}

/* VALIDATION */
.Validation{display:none;}
									
/* INPUT */

input.center {clear:both; float:none; display:block; margin:0 auto; margin:2px 2px 2px 2px; padding:0; border:none;}
input.left {clear:both; float:left; margin:0; margin:2px 2px 2px 1px; padding:0; border:none;}
input.right {clear:both; float:right; margin:0; margin:2px 1px 2px 2px; padding:0; border:none;}

/* FINISH PALM */
.polished-btn{background-color:Transparent; border:none; background-image: url(../img/website/finish-palm.png); width:85px; height:100px; background-position:-170px 0; background-repeat:no-repeat; cursor:pointer;}
.textured-btn{background-color:Transparent; border:none; background-image: url(../img/website/finish-palm.png); width:85px; height:100px; background-position:-255px 0; background-repeat:no-repeat; cursor:pointer;}
.antique-btn{background-color:Transparent; border:none; background-image: url(../img/website/finish-palm.png); width:85px; height:100px; background-position:-85px 0; background-repeat:no-repeat; cursor:pointer;}
.noantiqued-btn{background-color:Transparent; border:none; background-image:url(../img/website/finish-palm.png); width:85px; height:100px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.exec-antique-btn{background-color:Transparent; border:none; background-image: url(../img/website/exec-antiqued.png); width:200px; height:114px; background-size:200px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.exec-noantique-btn{background-color:Transparent; border:none; background-image: url(../img/website/exec-no-antiqued.png); width:200px; height:114px; background-size:200px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.fam-antique-btn{background-color:Transparent; border:none; background-image: url(../img/website/fam-antiqued.png); width:200px; height:97px; background-size:200px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.fam-noantique-btn{background-color:Transparent; border:none; background-image: url(../img/website/fam-no-antiqued.png); width:200px; height:97px; background-size:200px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}

.SU-antique-btn{background-color:Transparent; border:none; background-image: url(../img/website/SU-ant.png); width:85px; height:100px; background-size:85px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.SU-noantique-btn{background-color:Transparent; border:none; background-image:url(../img/website/SU-no-ant.png); width:85px; height:100px; background-size:85px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}

.ringModelImageNote{ padding:3px 3px 0 10px; }

/* UPDATE PROGRESS */
.update-progress{border:solid 2px rgb(190,190,190); position:absolute; width:180px; height:65px; background-color:#FFF;}
.modal-progress{background-color:Gray;filter:alpha(opacity=70);opacity:0.7;}

/*.zoom-ringmodel {min-height:50px;}*/

.ringmodel_image_overlay_div {position:absolute; top:0px; right:0px; width:100%; height:100%; /*cursor:zoom-in;*/ }
.ringmodel_image_overlay_div .magnifier_div {display:none; position:absolute; top:0px; right:0px; width:30px; height:30px; padding:3px; background-position:3px 3px; background-size:30px 30px; opacity:0.7; background-image: url('/img/website/magnifier3.jpg'); background-repeat:no-repeat; }
.ringmodel_image_overlay_div:hover {}
.ringmodel_image_overlay_div:hover .magnifier_div {display:block; }

.zoomview_div {background-color:#ddd;}
.zoomview_div .zoomview_close_div {display:none;}
.zoomview_div:hover .zoomview_close_div {display:block;}

.thumbItem {position:relative;}
.thumbItem .thumbItem_img {margin-top:3px;}
.thumbItem .thumbItem_overlay_div {position:absolute; top:0; left:0; width:100%; height:3px; background-color:#ddd; }
.thumbItem:hover .thumbItem_overlay_div {height:3px; background-color:#7aa;}

.item_big_sample {/*border:2px solid #f5f5f5; border-radius:10px; padding:10px;*/ margin-bottom:15px}
.thumbModel {position:relative; margin-right:3px; border:1px solid #eee;}
.thumbModel .thumbModel_img {margin-top:3px;  margin-right:5px}
.thumbModel .thumbModel_overlay_div {position:absolute; top:0; left:0; width:100%; height:3px; background-color:#ddd; }
.thumbModel:hover .thumbModel_overlay_div {height:3px; background-color:#7aa;}


.preload{
	-moz-opacity:0.8;
	opacity: 0.8;
   filter: alpha(opacity = 80);
	color: #333;
	font-size: 12px;
	font-family: Tahoma;
   text-decoration: none;
	border: 1px solid #CCC;
   background-color: white;
   padding: 8px;
	text-align:center;
   background-image: url(../img/website/zoomloader.gif);
   background-repeat: no-repeat;
   background-position: 43px 30px;
	width:90px;
	width:100px;
	height:43px;
	height:55px;
	z-index:10;
	position:absolute;
	top:3px;
	left:3px;

}

/* FORM BUTTONS */
.main .button {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	background:transparent url(../img/website/button_bg.png) repeat-x scroll 0 0;
	border:1px solid #C7C7C7;
	color:#3F3F3F;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	padding: 5px 8px;
	text-decoration:none;
}

.main .button:hover {
	background:transparent url(../img/website/button_bg-over.png) repeat-x scroll 0 0;
	color:#585858;
}

/* begins CUSTOM RADIO BUTTONS AND CHECKBOXES, worked with JS */

/* wrapper divs */
.custom-checkbox, .custom-radio { position: relative; }
	
/* input, label positioning */
.custom-checkbox input, 
.custom-radio input {
	position: absolute;
	left: 2px;
	top: 2px;
	margin: 0;
	z-index: 0;
}

.custom-checkbox label, 
.custom-radio label {
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
}

.custom-checkbox label {
	background: url(../img/website/checkbox.gif) no-repeat; 
}

.custom-radio label { 
	background: url(../img/website/radiobutton.gif) no-repeat; 
}

.custom-checkbox label, .custom-radio label {
	background-position: -10px -16px;
}

.custom-checkbox label.hover,
.custom-checkbox label.focus,
.custom-radio label.hover,
.custom-radio label.focus {
	background-position: -10px -116px;
}

.custom-checkbox label.checked, 
.custom-radio label.checked {
	background-position: -10px -216px;
}

.custom-checkbox label.checkedHover, 
.custom-checkbox label.checkedFocus {
	background-position: -10px -316px;
}

.custom-checkbox label.focus, 
.custom-radio label.focus {
	outline: 1px dotted #ccc;
}

/* ends CUSTOM RADIO BUTTONS AND CHECKBOXES, worked with JS */

/* Begins Pure-CSS (No JS) for Radio Button */
.custom-input input
{
    display:none;
	position: absolute;
	left: 2px;
	top: 2px;
	margin: 0;
	z-index: 0;
}

.custom-input input + label
{
	display: block;
	position: relative;
	z-index: 1;
	padding-right: 1em;
	line-height: 1;
	padding: .5em 0 .5em 30px;
	margin: 0 0 .3em;
	cursor: pointer;
	min-height:30px;
}
.custom-input input[type=radio] + label
{
    background: url(../img/website/radiobutton.gif) no-repeat; 
    background-position: -10px -16px;
}
.custom-input input[type=checkbox] + label
{
	background: url(../img/website/checkbox.gif) no-repeat; 
	background-position: -10px -16px;
}

.custom-input input:checked + label
{    
    background-position: -10px -216px;
}

.custom-input input:checked:hover + label
{    
    background-position: -10px -316px;
}

.custom-input input + label:hover
{
	outline: 1px dotted #ccc;
	background-position: -10px -116px;
}
/* Ends Pure-CSS (No JS) for Radio Button */

/* Scroll Hints - For Sides, Centers, DBS, & Encristings*/
.scroll-hint-wrap, 
.scroll-hint-wrap-Metals {position:relative; overflow:hidden; background-color:#b5b5b5; border:0px solid lime;}
.scroll-hint-table {display:table;} @media screen and (max-width: 775px) { .scroll-hint-table {padding:10px;} }
.scroll-hint-content-cell {background:#fff;}

.scroll-hint-arrows-left, 
.scroll-hint-arrows-right,
.scroll-hint-arrows-left-Metals, 
.scroll-hint-arrows-right-Metals {position:absolute; top:30px; bottom:35px; min-width:10px; background-size:10px auto; background-color:rgba(181, 181, 181, 0.3);}
.scroll-hint-arrows-left,
.scroll-hint-arrows-left-Metals {left:0; background-image: url(../img/website/scroll_arrow_left2.png);}
.scroll-hint-arrows-right,
.scroll-hint-arrows-right-Metals {right:0; background-image: url(../img/website/scroll_arrow_right2.png);}

@media screen and (min-width: 600px) 
{
    .scroll-hint-wrap {background-color:#fff;}    
    .scroll-hint-arrows-left, 
    .scroll-hint-arrows-right { display:none;}
}

@media screen and (min-width: 650px) 
{
    .scroll-hint-wrap-Metals {background-color:#fff;}    
    .scroll-hint-arrows-left-Metals, 
    .scroll-hint-arrows-right-Metals { display:none;}
}

@media screen and (max-width: 1169px) 
{    
    .page-container {width:775px; padding-right:253px;}
    .header{ max-width:775px; margin-left:auto; margin-right:auto;}
    .footer{ max-width:775px; margin-left:auto; margin-right:auto;}
    .header-top, .nav1 {max-width:775px;}
    .main {clear:both; width:775px; padding-bottom:10px; background:transparent; border-color:#eee;}	
    .main-subcontent {right:0; margin-right:1px;} /*{margin-right: -514px;}*/
}


.black_overlay{display: none; width:0px;}
.summary_head{display:none; float:right; width: 175px; height: 0px; padding-right: 5px; border: 0px solid #ccc; font-size:small; color:#008; background-color: #FFD; z-index:1002; overflow: auto; text-align:center; }	
.summary_tab{display:none; position:fixed; top:10px; right:3px; width:189px;  height: 35px; padding-left:5px; border:1px solid #CCC; font-size:small; color:#008; background-color:rgba(255,255,200,1); z-index:1002; text-align:center; }
.summary_content{}

@media screen and (max-width: 1046px) 
{
    .page-container {padding-right:0px;}
    .header{ padding-right:0px;}
    .footer{ margin-left:auto; margin-right:auto;}
    .black_overlay{display:none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
    .summary_head{display:none; position: fixed; top: 0px; right: 0; width: 247px; height: 35px; padding-right: 5px; border: 1px solid #ccc; font-size:small; color:#006; background-color: #FFC; z-index:1002; overflow: auto; text-align:center; }	
    .summary_tab{display:block; width:100px; position: fixed; top:95px; right:-8px; padding-right:8px; border:1px solid #CCC; border-radius:5px; background-color:rgba(255,255,150,0.95); text-align:center; }
    .summary_content{display:none; overflow:scroll; overflow-x:hidden; width:250px; position:fixed; top:37px; bottom:0px; right:0px; background-color:#fff; border:2px solid #fff; z-index:1005;}
    .main-subcontent {width:0; position:relative; font-size:1.3em;}

    .main {clear:both; width:770px; padding-bottom:10px; background:transparent;}	
	.main-content {width:100%; max-width:775px; margin-right:auto; margin-left:auto; float:none; display:block; border:0px solid cyan;}    

    .page-container {width:100%; margin:10px 0 10px 0; border:solid 1px rgb(150,150,150); font-size:1.0em;}		
    .main {clear:both; width:100%; padding-bottom: 10px; background:transparent; border:0px solid red;}
    .main-navigation {display:none; border:1px solid red; padding: 0 0 0 0;}   
    /*  for .main-content change inlayout1, layout2, and layout3 
        in layout2 the div floats to right while
        in layout3 the div floats to left.    */   
    .column1-unit {width:auto; margin:0 0px 0 0px; padding:0 3px 0 3px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
    .nav2 {border-left:0;}      
}

@media screen and (max-width: 900px) 
{
    .page-container {margin-bottom:30px;} /* for LiveChat tab at bottom */
}

@media screen and (max-width: 750px) 
{
    .accordion-header .header-btn {height:50px;}
    .accordion-header .header-btn-mouseover {height:50px;}    
    .reviewbtn{padding:15px 20px;}
    .reviewbtn-mouseover{padding:15px 20px;}
    .reviewbtn-active{padding:15px 20px;}
}

/*** This section is for Text Around format when using text and java script (Right now using image in code behind)
	.graduate{
		margin:  0px;
		display: block;
		top:  -47px;		
		font: 600 11px 'Graduate';
		color:  rgba(0,0,0,0.9);
		text-shadow: 0.5px 0.5px 0.5px rgba(200,200,200,0.7);	
		letter-spacing: 1.5px;
		height:20px;	    
	}	
    
    // exclusive format for FireFox 
    @-moz-document url-prefix() { .graduate { font: 400 11px 'Graduate'; top: -48px;  text-shadow: 0.3px 0.3px 0.5px rgba(0,0,0,0.7); } }	    

    // exclusive format for Safari 
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        // Safari 5+ ONLY 
        ::i-block-chrome, .graduate { font: 400 11px 'Graduate'; top: -49px; text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,1);	}
    }
	    
	.graduate2{
		margin:  0px;
		display: block;
		top:  -47px;
		font: 600 11px 'Graduate';
		color:  rgba(0,0,0,0.9);
		text-shadow: 0.5px 0.5px 0.5px rgba(200,200,200,0.7);	
		letter-spacing: 3px;
		height:20px;
	}		
	
	// exclusive format for FireFox 
    @-moz-document url-prefix() { .graduate2 { font: 400 11px 'Graduate';  top: -48px;  text-shadow: 0.3px 0.3px 0.5px rgba(0,0,0,0.7); } }		
	
    // exclusive format for Safari 
    @media screen and (-webkit-min-device-pixel-ratio:0) {  
        // Safari 5+ ONLY 
        ::i-block-chrome, .graduate2 { font: 400 11px 'Graduate';  top: -49px; text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,1); }
    }	
	
	.box{
		background-color: transparent;
		border: solid #e2ad75 20px;
		margin:  20px;
		display:  inline-block;
		visibility:  visible;
	}
****/