.clearfix:before,
.clearfix:after     {content: " "; display: table;}
.clearfix:after     {clear: both;}
.clearfix           {*zoom: 1;}

html                {margin: 0px; padding: 0px;}
#img_logo           {image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: auto; image-rendering: crisp-edges; image-rendering: crisp-edges; }
           


/* Smarphone portrait */
@media screen and (max-width: 320px)  /* Phone Portrait */
{
    .acs                        {width: 100%; overflow: hidden;}
    .acs_cn                     {width: 100%; height: 300px;}
    .acs_un                     {width: 50%;}
    .acs_ps                     {width: 50%;}
    .acs_bt                     {width: 75%;}
    .acs_ald                    {width: 75%;}
}

/* Smarphone landscape */
@media screen and (min-width: 321px) and (max-width: 600px) /* Phone Landscape*/
{
    .acs                        {width: 100%;}
    .acs_cn                     {width: 100%; height: 300px;}
    .acs_un                     {width: 70%;}
    .acs_ps                     {width: 70%;}
    .acs_bt                     {width: 85%;}
    .acs_ald                    {width: 85%;}
}

/* Smarphone porting */
@media screen and (min-width: 601px) and (max-width: 768px) /* Tablet Portrait */
{
    .acs                        {width: 100%;}
    .acs_cn                     {width: 100%; height: 300px;}
    .acs_un                     {width: 81%;}
    .acs_ps                     {width: 81%;}
    .acs_bt                     {width: 90%;}
    .acs_ald                    {width: 90%;}
}

/* Tablet porting */
@media screen and (min-width: 769px) and (max-width: 1024px) /* Tablet Landscape */
{
    .acs                        {width: 100%;}
    .acs_cn                     {width: 100%; height: 300px;}
    .acs_un                     {width: 81%;}
    .acs_ps                     {width: 81%;}
    .acs_bt                     {width: 90%;}
    .acs_ald                    {width: 90%;}
}

/* PC porting */
@media screen and (min-width: 1025px) /* Website */
{
    .acs                        {width: 100%;}
    .acs_cn                     {width: 30%; height: 300px;}
    .acs_un                     {width: 81%;}
    .acs_ps                     {width: 81%;}
    .acs_bt                     {width: 95%;}
    .acs_ald                    {width: 95%;}
}

/* start automation styles */ 
/************************************************************************************************************************************************/ 
.T1, .T2, .T3, .T4, .T5, .T6, .T7, .T8, .T9, .T10, .T11, .T12, .T13, .T14, .T15, .T16, .T17, .T18, .T19, .T20, .T21, .T22 {width: 100%; height: 100%; padding: 0; margin: 0; float: left; position: relative;}
.T1:hover, .T2:hover, .T3:hover, .T4:hover, .T5:hover, .T6:hover, .T6:hover, .T7:hover, .T8:hover, .T9:hover, .T10:hover, .T11:hover, T12:hover, .T13:hover, .T14:hover, .T15:hover, .T16:hover, .T17:hover, .T18:hover, .T19:hover, .T20:hover, .T21:hover, .T22:hover {}

.T1             {width: 100%;}
.T2             {width: 100%;}
.T3             {width: 100%;}
.T4             {width: 100%;}
.T5             {width: 70%;}
.T6             {width: 19.6%;}
.T7             {width: 80%;}
.T8             {width: 59.6%;}
.T9             {width: 50%;}
.T10            {width: 40%;}
.T11            {width: 30%;}
.T12            {width: 19.6%;}
.T13            {width: 89.6%;}
.T14            {width: 9.6%;}
.T15            {width: 100%;}
.T16            {width: 33.3%;}
.T17            {width: 80%; margin-left: 20%;}
.T18            {width: 30%; position: absolute; top: 0; right: 20%; z-index: 4000; height: 100px;}
.T19            {width: 100%;}    
    
.C30, .C31, .C32, .C33, .C34, .C35, .C36, .C37, .C38, .C39, .C40, .C41 {width: 100%; height: 100%; float: left;}
.C30:hover, .C31:hover, .C32:hover, .C33:hover, .C34:hover, .C35:hover, .C36:hover, .C37:hover, .C38:hover, .C39:hover {}

.C30            {width: 100%;}
.C31            {width: 50%;}
.C32            {width: 30%;}
.C33            {width: 70%;}
.C34            {width: 20%;}
.C35            {width: 80%;}
.C36            {width: 10%;}
.C37            {width: 90%;}
.C38            {width: 33.3%;}
.C39            {width: 25%;}
.C40            {width: 39.9%;}
.C41            {width: 59.9%;}
    
.div10, .div20, .div25, .div30, .div33, .div40, .div50, .div60, .div70, .div80, .div90, .div100, .divAuto {float: left; overflow: hidden;}
        
.div10          {width: 10%;}
.div20          {width: 20%;}
.div25          {width: 25%;}
.div30          {width: 30%;}
.div33          {width: 33%;}
.div40          {width: 40%;}
.div50          {width: 50%;}
.div60          {width: 60%;}
.div70          {width: 70%;}
.div80          {width: 80%;}
.div90          {width: 90%;}
.div100         {width: 100%;}
.divAuto        {width: auto;}

a               { cursor: pointer;}
.l              {text-align: left;}
.c              {text-align: center;}
.r              {text-align: right;}
.f              {position: absolute; visibility: hidden; background-color: White; z-index: 7000; width: 45%; min-height: 300px; margin-top: 20px;}
.st             {position: absolute; top: 0; border-bottom: 1px solid silver !important; height: 70px; background-color: whitesmoke !important; z-index: 10000;}
.sb             {position: fixed; bottom: 0; z-index: 8000; border-top: 1px solid silver !important; background-color: whitesmoke !important; height: 70px; width: 50%; padding: 10px 0 10px 0;}
.d              {border: 1px dotted silver; margin: 5px;}
.w              {background: rgba(255,255,255, 0.2) !important;}
.sel            {border-bottom: 6px solid red;}
.nsel           {border-bottom: 6px solid whitesmoke;}
.m              {min-height: 50px; width: 52%; vertical-align: middle; border-bottom: 2px dotted whitesmoke; text-align:center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 5px solid whitesmoke;}
.m:hover        {background: rgba(0,0,0, 0.2)}
.mn             {min-height: 110px;}
.client_logo    {height: 100px; width: 100px;}

.mv             {}
.mh             {}

.clear          {background-color: Transparent !important; border: 1px dotted silver !important; color: Silver !important;}
.clear:hover   { border: 1px solid dimgray !important; color: dimgray !important;}

.CP, .C0, .C1, .C2, .C3, .C4, .C5, .C6, .C7, .C8, .C9, .C10, .C11, .C12, .C15, .C16, .C17, .C18, .C19, .C20, .C21, .C22, .C23, .C24, .C25, .C26, .C27, .C28, .C29, .C40 {width: 100%; height: 100%; float: left; position: relative;}

/************************************************************************************************************************************************/

/* box shadow */
.f, scrl_t, scrl_b, .pan_button_list_f, pan_button_list_v, .acs_cn {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(0, 0, 0, 0.4);} 

/* Radius */
.f, scrl_t  {-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
#cart_cnt {
    -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
}
/* start page level styles*/
/************************************************************************************************************************************************/
html                {width: auto; height: 100%; margin: 0; overflow: inherit;}
body                {width: auto; height: 100%; position: relative; margin: 0;}

/* High level page stuff */
.content            {overflow: hidden;}
.holder             {margin: 0; padding: 2px;}
.holder_fnc         {padding: 2px;}
.hld                {margin: 0; padding: 2px;}
.cnt_holder         {min-height: 200px; text-align:center; font-style: italic;}

/* images */
/*#img_logo           {width: auto; height: auto;}
.content img        {width: 100%; height: auto;}*/
img                 {border: none;}
.photo_1            {width: 100%; height: auto;}
.photo_2            {}
.photo_3            {}
.photo_4            {}
.photo_5            {}

.cart {
    width: 15%; text-align: right;
}
.cart_account {
    margin: 5px; padding: 20px; background-color: whitesmoke; overflow: hidden;
}
.brd {
    margin-bottom: 5px; border-bottom: 1px dotted silver;
}
.cart_items         {border-bottom: 1px dotted silver;}
.cart_items_head    {padding: 10px; margin: 10px 0 10px 0; width: 100%; overflow: hidden;}
.cart_items_head .head               
                    {border-bottom: 1px solid silver; margin: 10px; text-align: center; width: 30%;}
.cart_items_head .head_blank
                    {margin: 10px;}
.cart_items_footer  {padding: 20px 25px 0 0; overflow: hidden;}
.cart_items_footer .a_btn {width: 20%; margin-left: 75%;}
.cart_spacing       {margin: 25px;}
.cart_total         {border-top: 1px solid silver; border-bottom: 1px solid silver; background-color: whitesmoke; font-size: 15pt; padding: 10px 20px 10px 0; margin: 10px 0 0 0;}
.cart_notify        {z-index: 30000; background: rgba(0,0,0, 0.7); color: white; padding-top: 25%; text-align: center; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; position: fixed;}
.notify_img         {width: 100px; height: auto;}
.cart_total_confirm {width: 30%; padding: 100px 0 100px 0; margin-top: 30px; text-align: center; font-size: 25pt; border: 2px dotted silver; width: 95%!important;}
.cart_from_price    {color: darkgrey;}
.float              {position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, 0.8); padding: 20px; color: Silver; z-index: 50000!important;}
.float h2           {color: Silver; margin-bottom: 5px !important;}
.float h3           {color: Silver; border-bottom: 1px dotted silver; margin-bottom: 5px;}
.float .inner       {top: 20%; left: 20%; right: 20%; bottom: 20%; background-color: white; position: fixed;}

.product_mnu_hldr   {}
.product_mnu        {position: relative;}
.product_mnu_scrl   {position: fixed; top: 100px; width: 12%; background: rgba(0,0,0, 0.8);}

.div_img_view       {visibility: hidden; position: absolute;}
.div_img_view_v     {visibility: visible; position: fixed; background: rgba(0,0,0, 0.8); width: 100%; height: 1500px; z-index: 20000; top: 0; left: 0;}
.div_img_view_v img {visibility: visible; position: fixed; width: auto; height: auto; z-index: 20000; top: 0; left: 0;
                     top: 50%; margin-top: -250px; left: 50%; margin-left: -30%; /*half the size of width*/ text-align: center; padding: 10px;
                     border: 10px solid black;}
.div_img_view_v     .photo_1 {height: 500px; width: auto;}

/* font stuff */
h1, h2, h3, h4      {margin: 0; padding: 5px; text-align: left;}
b                   {font-weight: bold;}
a                   {text-decoration: none;}
a:hover             {text-decoration: underline;}
ul                  {list-style-type: square;}

/* Nav: Sub Sections */
.navigation         {margin: 0; padding: 0; width: 100%; height: 90px;}

/* functionality */
#simple-menu                {width: 100%; text-align: left; position: absolute fixed; top: 0; left: 0; z-index: 7000;}
#ProgressIndicator          {filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; width:100%; height:100%; background-color: #15191f; top: 0px; left: 0px; z-index: 8000; vertical-align:middle; text-align:center; position: fixed; display: none;}
#ProgressIndicator div      {display: block;}
#ProgressIndicator img      {display: block;}

.search_results             {z-index: 5000; border: 1px solid silver; border-bottom: 4px solid silver; background: rgba(0,0,0, 0.9); padding: 4px; width: 250px; min-height: 300px; position: absolute; top: 100px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.7), 0 1px 1px rgba(0, 0, 0, 0.7); text-align: left;}
.back-to-top                {position: fixed; bottom: 5em; right: 0px; padding: 1em; display: none; z-index: 5000;}
.back-to-top                {background-color: rgba(255, 255, 255, 0.0) !important; opacity: 0.7;}
.back-to-top:hover          {background-color: rgba(255, 255, 255, 0.0) !important; opacity: 1.0;}

.none                       {display: none;}
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/
/************************************************************************************************************************************************/

/* -------------------------------- start admin section*/

 
/* ---------------------------------- end admin section*/

.slides img         {width: 100%; height: 100%;}
.slide_details      {display: none;}
.back-to-top img            {width: 50px; height: auto;}

/* Email Styles */
.email              {margin: 10px; font-family: arial, Gill Sans, Helvetica, sans-serif; font-size: 10pt; line-height: 1.3;}
.email .body        {border: 1px solid black; padding: 10px; background-color: White !important; max-width: 1024px;}
.email h1, .email h2, .email h3, .email h4      
                    {border-bottom: 1px solid silver; margin: 0 !important; background-color: transparent;}
.email a            {text-decoration: none;}
.email a:hover      {text-decoration: underline;}
.email .print       {width: 100%; text-align: center;}

.email_contacts     {width: 90%; border: 1px solid whitesmoke; padding: 5px 0 5px 0; background-color: White; margin: 1px;}

.mnu_itm            {cursor: pointer;}

/* input styles */
/* ------------------------------------ */
.input_holder               {width: 100%; overflow: hidden;}
.input_txt                  {text-align: right; padding: 14px 3px 14px 3px; float: left; width: 45%;}
.input_fld                  {text-align: left; padding: 10px 3px 10px 3px; float: left; width: 45%;}
.input_fld .input           {width: 80% !important; max-width: 300px;}
.input_fld .dropdown        {width: 88% !important; max-width: 300px;}
.input_error                {color: red; margin-left: 5px;}
/* ------------------------------------ */

/* custom stuff */
.footer .div50 .holder_fnc      {padding: 25px 0 30px 10px;}

/* captions */
.cap                {position: relative;}
.cap-overlay        {background: rgba(0, 0, 0, 0.8); width: 91.6% !important; margin: 5px; padding: 10px;}
.cap_heading        {background: rgba(0, 0, 0, 0.8); color: silver; width: 96.6%; text-align: right; padding: 5px; position: absolute; bottom: 5px;}
.cap_heading .div90 {padding-top: 6px; color: Silver;}

/* products */
.p_shadow                     {visibility: hidden; position: fixed;}
.p_shadow_v                   {visibility: visible; position: absolute; z-index: 7000; min-width: 400px; top: 10px; background: rgba(0, 0, 0, 0.8);}

/* slider */
.sldr_loading       {position: absolute; top: 0px; left: 0px;}
.sldr_loading_top   {filter: alpha(opacity=70); opacity: 0.7; position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%;}
.sldr_loading_img   {position: absolute; display: block; background: url(../../app_themes/admin/loading.gif) no-repeat center center; top: 0px; left: 0px; width: 100%; height: 100%;}

.sldr_container     {position: relative; margin: 0 auto; top: 0px; left: 0px; width: 1300px; height: 500px; overflow: hidden;}
.sldr_prototype     {POSITION: absolute; WIDTH: 19px; HEIGHT: 19px; text-align:center; line-height:19px; color:White; font-size:12px;}
.sldr_slides        {cursor: move; position: absolute; left: 0px; top: 0px; width: 1300px; height: 500px; overflow: hidden;}

.glry_container     {position: relative; top: 0px; left: 0px; width: 960px; height: 480px; overflow: hidden;}
.glry_slides        {cursor: move; position: absolute; left: 240px; top: 0px; width: 720px; height: 480px; overflow: hidden;}
.glry_prototype     {position: absolute; width: 99px; height: 66px; top: 0; left: 0;}
.glry_thumbnail     {width: 270px; height: 100%; border: none;position:absolute; top: 0; left: 0;}

.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {background: url(../../app_themes/admin/sliders/b21.png) no-repeat; overflow:hidden; cursor: pointer;}
.jssorb21 div       {background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover {background-position: -35px -5px; }
.jssorb21 .av       {background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
            
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute; cursor: pointer; display: block; background: url(../../app_themes/admin/sliders/a21.png) center center no-repeat; overflow: hidden;}
.jssora21l          {background-position: -3px -33px;}
.jssora21r          {background-position: -63px -33px;}
.jssora21l:hover    {background-position: -123px -33px;}
.jssora21r:hover    {background-position: -183px -33px;}
.jssora21ldn        {background-position: -243px -33px;}
.jssora21rdn        {background-position: -303px -33px;}

.jssora21l          {width: 55px; height: 55px; top: 123px; left: 8px;}
.jssora21r          {width: 55px; height: 55px; top: 123px; right: 8px}
.jssora05l          {width: 40px; height: 40px; top: 158px; left: 248px;}
.jssora05r          {width: 40px; height: 40px; top: 158px; right: 8px}

.jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn {position: absolute; cursor: pointer; display: block; background: url(../../app_themes/admin/sliders/a21.png) no-repeat; overflow:hidden;}
.jssora05l          {background-position: -10px -40px;}
.jssora05r          {background-position: -70px -40px;}
.jssora05l:hover    {background-position: -130px -40px;}
.jssora05r:hover    {background-position: -190px -40px;}
.jssora05ldn        {background-position: -250px -40px;}
.jssora05rdn        {background-position: -310px -40px;}

.jssort02           {position: absolute; width: 240px; height: 480px; left:0px; bottom: 0px;}

.jssort02 .w
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.jssort02 .c
{
position: absolute;
top: 0px;
left: 0px;
width: 95px;
height: 62px;
border: #000 2px solid;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c, .jssort02 .pav .c 
{
background: url(../../app_themes/admin/sliders/t01.png) center center;
border-width: 0px;
top: 2px;
left: 2px;
width: 95px;
height: 62px;
}
.jssort02 .p:hover .c, .jssort02 .pav:hover .c
{
top: 0px;
left: 0px;
width: 97px;
height: 64px;
border: #fff 1px solid;
}

.fb-comments, .fb-comments iframe[style], .fb-comments span { width: 100% !important; }
.fb-post, .fb-post span, .fb-post iframe { width: 100% !important; }

#div_map_load   {width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.8); z-index: 7000; text-align: center; vertical-align: middle; padding-top: 210px; color: Silver;}


.adm_control_pnl   {color: Silver !important;}
.adm_control_pnl .div80 .holder_fnc {margin-right: 10px;}
.scrl_s            {visibility: visible; position: relative;}
.scrl_t            {visibility: visible; position: fixed; top: 0; left: 0; width: 100% !important; height: auto !important; z-index: 10001; background: rgba(0, 0, 0, 0.8); padding: 5px; border-bottom: 3px solid silver;}

.scrl_b            {position:fixed; bottom:0; left: 0; width: 100%; margin: 0 auto; padding: 0px;z-index: 10001; background: rgba(0, 0, 0, 0.8); padding: 5px; border-top: 3px solid silver;}

.pan_button_list   {visibility: hidden; position: absolute; height: 0px;}
.pan_button_list_v {visibility: visible; position: absolute; margin-top: 5px; overflow: hidden; z-index: 10001; width: 30%; height: auto !important;  background: rgba(255, 255, 255, 0.9); padding: 10px; border: 1px dotted silver;}
.pan_button_list_f {visibility: visible; position: fixed; top: 70px; left: 100px; overflow: hidden; z-index: 10001; width: 30%; height: auto !important;  background: rgba(255, 255, 255, 0.9); padding: 10px; border: 1px dotted silver;}

.button             { cursor: pointer;}
.checked            {border-bottom: 2px solid green !important;}
.checked:hover      {border-bottom: 2px solid green !important;}

/* buttons left*/
.ba                 {background: url(../../../source/websites/iplanner/images/a.pn); border-bottom: 1px solid #9ec8d9; background-repeat: no-repeat; width: 100%; height: 64px; z-index: 3000;}
.ba:hover           {background-color: whitesmoke; color: #83020b !important;}
.bal                {margin: 13px 0 0 0; text-align: right;}
.bar                {margin: 13px 0 0 0;text-align: center;}
.ba a               {color: #61615f; text-decoration: none;}

.news ul     {list-style-type: none;}
.news ul li  {width: 100%; text-align: left;}
.news ul li  a      {display: block; border-bottom: 1px dotted silver; padding: 10px 0 10px 0;}
                   
.session {visibility: visible; position: fixed; width: 250px; height: 150px; background: rgba(0,0,0, 0.7); z-index: 21000;
                      top: 50%; margin-top: -75px; left: 50%; margin-left: -125px; /*half the size of width*/ text-align: center; padding: 10px; color: WhiteSmoke !important;}


/* Grids: Grid styles */
table               {border: none;}
th                  {border: none;}
td                  {border: none; border-right: 1px solid transparent;}
tr                  {}
.gv                 {border: none;}

/*############################################################################################################*/
/* Streamlined */
/*############################################################################################################*/

/* Grids: Grid styles - only colors to be defined by skin if needed*/
/* ------------------------------ */
.row_heading            {height: 36px; text-align: center; color: #353535; border-bottom: 2px solid #353535; margin-bottom: 5px;}
.row_heading:hover      {}
.row                    {height: 25px; background-color: transparent; color: #353535; border-bottom: 1px dotted silver; margin: 2px; padding: 2px;}
.row:hover              {border-bottom: 1px solid #353535;}
.row_alternate          {height: 25px; background-color: whitesmoke; color: #353535; border-bottom: 1px dotted silver; margin: 2px; padding: 2px;}
.row_alternate:hover    {border-bottom: 1px solid #353535;}
/* ------------------------------ */

/* Map Style */
/* ------------------------------ */
#map_canvas             {width: 99%; height: 250px}
/* ------------------------------ */

/* Error Style */
/* ------------------------------ */
.error                  {color: #900000;}
/* ------------------------------ */

/* loading - sign in */
/* ------------------------------ */
.ldn_bcgrd              {background: rgba(0,0,0, 0.7); visibility: hidden; display: inline-block; position: fixed; border-top: 3px solid silver; top: 20px; left: 0; z-index: 20000; width: 100%; height: 100%; text-align: left;}
.ldn_bcgrnd_inner       {background: rgba(0,0,0, 0.3); overflow: hidden;}
.ldn_bcgrd .holder_fnc  {margin: 5px 2px 5px 2px !important;}
.ldn_bcgrd h2           {border-bottom: none !important; display: inline; font-size: 16pt; color: White;}
.si_loading             {height: 45px; width: auto; margin: 0; padding: 0; vertical-align: top; visibility: hidden;}
.si_v                   {visibility: visible;}
.a_si                   {font-size: 16pt; color: White; cursor: pointer; margin-right: 30px;}
.a_si:hover             {color: silver; text-decoration: none;}
.dstm                   {background-image: url('../../app_themes/admin/design_time.png'); background-repeat: no-repeat; background-size: 100%; min-height: 100%;}
.dstsi                  {padding-top: 17%;}
.dstsi input            {margin: 5px 2px 5px 10px;}
.sibck                  {border-bottom: 1px dotted silver;}
/* ------------------------------ */


/* loading - page */
/* ------------------------------ */
.load_content_page      {background: rgba(0,0,0, 0.1); padding-top: 9%; display: inline-block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 30000; text-align: center; cursor: progress;}
/* ------------------------------ */

/* loading - error message */
#err_message            {position: fixed; top: 54%; width: 100%; text-align: center; color: dimgray; font-size: 15pt;}
.img_loading            {width: 50%; height: auto;}
/* ------------------------------ */

.email .logo img    {width: auto; height: auto; border: none;}

.d30        {display: inline; padding: 2px; margin: 0 30px 0 0; opacity: 0.7;}
.d30:hover  {display: inline; padding: 2px; margin: 0 30px 0 0; opacity: 1.0; text-decoration: none;}

/* ---------------------------------- */
/* form styles */
/* ---------------------------------- */
.frm_100    {width: 97%; float: left; margin: 10px 0 10px 0.5% !important;}
.frm_50     {width: 47%; float: left; margin: 10px 0 10px 0.5% !important;}
/* ---------------------------------- */

.bw:hover {
  -webkit-filter: grayscale(100%);
}

#top-image          {position: absolute; top:0; width:0; z-index:0; height:0;}

 .button {transition: all .4s ease-in-out;}
 .button:hover {transform: scale(1.1);}
 
 
 /* ---------------------------------- */
 /* image caption settings */
 /* ---------------------------------- */
.cap {padding: 5px; width: 100%; list-style: none;}
.cap li {display: inline-block;width: 23%;margin: 5px;padding: 0;text-align: left;position: relative;}
.cap figure {margin: 0;position: relative;}
.cap figure img {max-width: 100%;display: block;position: relative;}
.cap figcaption {position: absolute;top: 0;left: 0;padding: 5px;background: dimgray;color: white;}
.cap figcaption h3 {margin: 0; padding: 0; color: #fff;}

/*.cap figcaption span:before {
	content: 'by ';
}*/

.cap figcaption a {text-align: center; padding: 5px 10px; border-radius: 2px; display: inline-block; background: silver; color: dimgray;}

.cs-style-3 figure {overflow: hidden;}
.cs-style-3 figure img {transition: transform 0.4s;}
.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {transform: translateY(-50px);}
.cs-style-3 figcaption {height: 100px; width: 100%; top: auto; bottom: 0; opacity: 0; transform: translateY(100%); transition: transform 0.4s, opacity 0.1s 0.3s;}
.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {opacity: 1; transform: translateY(0px); transition: transform 0.4s, opacity 0.1s;}
.cs-style-3 figcaption a {position: absolute; bottom: 20px; right: 20px;
}
/* ---------------------------------- */

/* ---------------------------------- */
/* social media */
/* ---------------------------------- */
#social                     {width: auto; position: fixed; z-index: 5000; overflow: inherit; height: auto;}
#social                     {top: -2px; right: 10px; left: auto; text-align: right;}
#social .sm                 {background: rgba(255,255,255, 0.1); width: 39px; float: right; margin: 2px; padding: 15px 5px 15px 5px; border: 1px solid transparent;}
#social .sm img             {width: 100%; height: auto; opacity: 0.5;}
#social .sm:hover           {background: rgba(255,255,255, 0.4);}
#social .sm:hover img       {opacity: 0.8;}
.social                     {text-align: right; width: auto; overflow: hidden; margin: 13px; float: right;}
.social .sm_b               {float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 2px; padding: 5px; background: rgba(255,255,255, 0.2);}
.social .sm_b:hover         {background: rgba(255,255,255, 0.3);}
.social .sm_b img           {width: 20px; height: 20px; opacity: 0.5; margin: 4px 4px 0 4px;}
.social .sm_b:hover img     {opacity: 0.6;}
/* ---------------------------------- */

.h                          {visibility: hidden; display: none; height: 0px; min-height: 0px;}
.loading_background         {position: fixed; background-color: white; top: 0; left: 0; width: 100%; min-height: 700px; height: 100%; z-index: 10; cursor: progress;}
.loading_background .txt    {padding-top: 300px; height: 100%; width: 50%; margin: 0 25% 0 25%; text-align: center; color: silver; font-size: 10pt; cursor: progress;}

.anchor                     {display: none;}

.devices                    {background: rgba(0,0,0, 0.7); min-height: 700px; width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 25000;}
.devices img                {margin: 10px;}
.devices .options_l         {width: 50px; position: fixed; top: 10px; left: 0; z-index: 26000;}
.devices .options_r         {width: 50px; position: fixed; top: 10px; right: 50px; z-index: 26000;}
.device_frm                 {border: 2px solid black; background: rgba(255,255,255, 1.0);}

.devices2                    {background: rgba(0,0,0, 0.7); min-height: 900px; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 25000;}
.devices2 img                {margin: 10px;}
.devices2 .options_l         {width: 50px; position: fixed; top: 10px; left: 0; z-index: 26000;}
.devices2 .options_r         {width: 50px; position: fixed; top: 10px; right: 50px; z-index: 26000;}

.tab_lan                    {margin: 30px 0 0 0; min-height: 1300px; padding: 102px 0 0 110px; background-image: url('../../app_themes/admin/dev_tab_lan.png'); background-size: 100%; background-repeat: no-repeat; background-position: top left;}
.tab_por                    {margin: 30px 0 0 0; min-height: 1800px; padding: 111px 0 0 103px; background-image: url('../../app_themes/admin/dev_tab_por.png'); background-size: 100%; background-repeat: no-repeat; background-position: top left;}
.pho_lan                    {margin: 90px 0 0 0; min-height: 500px; padding: 18px 0 0 75px; background-image: url('../../app_themes/admin/dev_pho_lan.png'); background-size: 100%; background-repeat: no-repeat; background-position: top left;}
.pho_por                    {margin: 30px 0 0 0; min-height: 900px; padding: 95px 0 0 25px; background-image: url('../../app_themes/admin/dev_pho_por.png'); background-size: 100%; background-repeat: no-repeat; background-position: top left;}

/* access styles */
.acs                        {height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0, 0.3); z-index: 90000;}
.acs_cn                     {background: rgba(0,0,0, 0.6); position: absolute; top:0; bottom: 0; left: 0; right: 0; margin: auto; padding: 20px;}
.acs_cn:hover               {}
.acs_cn h2                  {color: silver;}
.acs_heading                {margin: 0 0 5px 0; padding-left: 2%; font-size: x-large; color: #c6c4c4;}
.acs_un                     {color: #272727; border: 1px solid #c6c4c4; background: rgba(255,255,255, 0.9) url(../../app_themes/admin/ico_usr.png) top left no-repeat; padding: 15px 0 14px 60px; margin: 5px 2% 5px 2%;}
.acs_un:hover               {background: rgba(255,255,255, 1.0) url(../../app_themes/admin/ico_usr.png) top left no-repeat; padding: 15px 0 14px 60px; margin: 5px 2% 5px 2%;}
.acs_ps                     {color: #272727; border: 1px solid #c6c4c4; background: rgba(255,255,255, 0.9) url(../../app_themes/admin/ico_psw.png) top left no-repeat; padding: 15px 0 14px 60px; margin: 5px 2% 5px 2%;}
.acs_ps:hover               {background: rgba(255,255,255, 1.0) url(../../app_themes/admin/ico_psw.png) top left no-repeat; padding: 15px 0 14px 60px; margin: 5px 2% 5px 2%;}
.acs_bt                     {color: #272727; border: 1px solid #c6c4c4; background: rgba(255,255,255, 0.9); padding: 15px; margin: 5px 2% 5px 2%;  float: left; cursor: pointer;}  
.acs_fb                     {cursor: pointer; z-index: 7000; width: 11%; height: 60px; margin: 0 auto; margin-top: 5px;  background-image: url('../../app_themes/admin/ico_facebook_lgn.png'); background-repeat: no-repeat; background-size: 100%; float: left;}
.acs_bt:hover               {background: rgba(255,255,255, 1.0); color: #272727;}
.acs_ald                    {text-align: right; margin: 4px 0 4px 2%;}
.acs_al                     {color: silver; font-size: 10pt; width: auto; text-align: right;}    
.acs_al:hover               {color: white; text-decoration: none;} 
.acs_err                    {color: White; width: 96%; margin: 0px 0 4px 2%;}
.img_ac                     {cursor: pointer; width: 15px; height: 15px; float: right; margin: 10px 0 0 0;}
.img_ac:hover               {opacity: 1.0;}
.blur                       {} /*{filter:blur(4px); -o-filter:blur(4px); -ms-filter:blur(4px); -moz-filter:blur(4px); -webkit-filter:blur(4px);}*/


/* email form styles */
.no                         {margin: 0; padding: 0; display: inline;}
/*ico_src.png | ico_usr.png*/

.required                       {border-left: 1px solid red !important;}
.required_valid                 {border-left: 1px solid darkgreen !important;}         

/* make checkbox show in chrome */
input[type="checkbox"]
{
  -webkit-appearance:checkbox;
}


/* NPROGRESS */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;

  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;

  width: 100%;
  height: 2px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: none;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 0px;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 18px;
  right: 18px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* New Menu */
/* #################################### */
nav                 {text-align:center;	width:100%;	position:relative; height:auto;	overflow:hidden; background:none;}
nav ul              {text-align:center; margin:0; padding:0; text-decoration:none; list-style:none;}
nav ul li           {display:inline-block; padding:0; margin:0;}
nav ul li a         {color:silver; display:inline-block; padding:1em 3em; text-decoration:none; transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}
nav ul li a:hover   {color: #03d3f9;}

/*styling open close button*/
.button_brgr        {display:inline;position:absolute;right:0px;top:6px;z-index:7200;font-size:30px; padding: 0 10px 0 10px;}
.button_brgr a      {text-decoration:none;}
.btn-open:after     {color:#333;content:"\f0c9";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-open:hover:after 
                    {color:#03d3f9;}
.btn-close:after    {color:#fff;content:"\f00d";font-family:"FontAwesome";transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.btn-close:hover:after 
                    {color: #03d3f9;}
                    
/*overlay*/
.overlay            {display:none;position:fixed;top:0;height:100%;width:100%;background: rgba(0,0,0, 0.9); overflow:auto;z-index:99;}
.nav_line           {border-bottom: 1px solid transparent;}
.wrap               {color:#03d3f9;text-align:center;max-width:90%;margin:0 auto;}
.wrap ul.wrap-nav   {border-bottom:1px solid #575757;text-transform:capitalize;padding:150px 0px 100px;}
.wrap ul.wrap-nav li 
                    {font-size:20px;display:inline-block;vertical-align:top;width:24%;position:relative; margin: 5px;}
.wrap ul.wrap-nav li a 
                    {color:silver;display:block;padding:8px 0;text-decoration:none;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.wrap ul.wrap-nav li a:hover 
                    {color:#03d3f9;}
.wrap ul.wrap-nav ul 
                    {padding:20px 0;}
.wrap ul.wrap-nav ul li 
                    {display:block;font-size:13px;width:100%;color:#e9e9e9; border-bottom: 1px dotted #535353;}
.wrap ul.wrap-nav ul li a 
                    {color:silver;}
.wrap ul.wrap-nav ul li a:hover 
                    {color:#03d3f9;}

.submenu            {width: 100%;  position: fixed; z-index: 80000; min-height: 100px; float: left; margin: 0;}
.submenu a          {color: White; display: block; background: rgba(0,0,0, 0.6); float: left; width: 300px; border-bottom: 1px solid transparent; text-align: left; padding: 15px;}
.submenu a:hover    {background: rgba(0,0,0, 0.6); text-decoration: none;}

.submenu ul         {}   
.submenu li         {float: left; width: 100%;}
.submenu li ul      {position: absolute; margin-left: 280px;}
.submenu_3          {width: 300px; padding-left: 40px; min-height: 100px; padding: 0px;}

.social_mnu         {font-size:25px;padding:20px;}
.social_mnu p       {margin:0;padding:20px 0 5px 0;line-height:30px;font-size:13px;}
.social_mnu p a     {color:#34B484;text-decoration:none;margin:0;padding:0;}
.social-icon        {width:80px;height:50px;background:#e9e9e9;color:#333;display:inline-block;margin:0 20px;padding-top:6px;transition-property:all .2s linear 0s;-moz-transition:all .2s linear 0s;-webkit-transition:all .2s linear 0s;-o-transition:all .2s linear 0s;}
.social-icon:hover  {background:#03d3f9;color:#f0f0f0;}
.social-icon i      {margin-top:12px;}
/* #################################### */


/* Product Styles */

.product_views .holder_fnc  {padding: 5px!important; margin: 5px!important;}
.product_views .prod_title  {width: 100%; text-align: center; padding: 5px 0 5px 0; border-top: 1px dotted silver; margin-top: 5px;}
.product_views .prod_title_sub  
                            {padding: 5px 0 5px 0; border-top: 1px dotted silver; margin-top: 5px;}
.product_views .prod_action {cursor: pointer;}
.spacing                    {padding: 0 5px 5px 5px!important; margin: 0 5px 5px 5px!important;}

.product_views .prod_nav_head           
                            {padding: 5px 0 5px 5px; border-bottom: 1px solid silver; background-color: whitesmoke;}
.product_views ul           {list-style-type: none; padding: 0!important; margin: 0!important;}
.product_views li           {list-style-type: none; border-bottom: 1px dotted silver; padding: 5px 0 5px 20px; cursor: pointer; width: 100%; color: Silver;}
.product_views li:hover     {background-color: whitesmoke; color: DimGray;}
.product_views .lr          {padding: 0 0 0 5px; border-right: 1px dotted silver; min-height: 400px;}
.product_views .prod_total  {border-top: 1px dotted silver; font-size: 15pt; font-weight: bold; border-bottom: 1px dotted silver; padding: 5px 0 5px 0; text-align: right; display: inline; float: left; width: 100%;}
.product_views .prod_text   {margin: 0; padding: 0; display: inline;}
.product_views .a_btn       {width: 40%!important; margin: 10px 0 0 55%!important;}
.product_views .prdtxt      {padding-top: 10px!important;}

.viewimg_lrg                {margin-top: 18px!important;}
.viewimg                    {margin-top: 18px;}
.prod_special               { display: block;
    float:left;
    position:absolute;
    height: 38px!important; width: 50px!important;
}

.prod_special2               { display: block;
    float:left;
    position:absolute;
    height: 150px!important; width: 180px!important;
}

.prod_special_enlarge               { display: block;
    height: 10px!important; width: 10px!important;
    background: rgba(0,0,0, 0.0);
    cursor: pointer;
}

.center_large {
    width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; position: fixed; z-index: 50000;background: rgba(0,0,0, 0.5);
}

.enlarge_holder {
    width: 50%; height: 70%; margin: 10% 25% 5% 25%; cursor: pointer;
}
.prod_special_lrg           { display: block;
    float:left;
    position:absolute;
    height: 38px!important; width: 50px!important;
}

.prod_special_lrg2           { display: block;
    float:left;
    position:absolute;
    height: 180px!important; width: 210px!important;
}

.cart                       {position: fixed; top: 39px; right: 100px; color: White; z-index: 5000; white-space: nowrap;}
.cart_scrl                  {position: fixed; top: 12px; right: 100px; color: White; z-index: 5000;}
.cart_img                   {width: 35px; height: auto; cursor: pointer; float: left; padding: 4px 0 4px 0;}
.cart_img_checkout          {width: 35px; height: auto; cursor: pointer; float: left; padding: 4px 0 4px 0;}
.cart_register              {color: #333; white-space: nowrap; padding-left: 5px; margin-left: 5px; float: right;}
.cart_sign_out              {color: #333; white-space: nowrap; padding-left: 5px; margin-left: 5px; float: right;}
.cart_sign_out img          {width: 35px; height: 25px; cursor: pointer; float: left;}
.paypal                     {height: 30px; width: auto; margin-top: 10px; margin-left: 10px;}

.upld_image                 {background: rgba(0,0,0, 0.8); top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; position: fixed; z-index: 30000;}
.upld_image_inner           {background: rgba(255,255,255, 0.9); width: 70%; margin: 5% 15% 15% 15%;padding: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; border: 1px solid transparent; overflow: hidden;}
.viewimg                    {height: 140px; padding: 2px; margin:1%; width: 99%;}
.viewimg_hamper             {height: 330px; padding: 2px; margin:1%; width: 99%;}
.viewimg_sml                {height: 90px; padding: 2px; width: 100%;}
.viewimg_sml_prop           {height: 90px; padding: 2px; width: 95%;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.viewimg_lrg                {height: 250px; padding: 2px; width: 100%;}
.viewimg_lrg_hamper         {height: 350px; padding: 2px; width: 100%;}
.viewimg_lrg_prop           {height: 250px; padding: 2px; width: 95%;-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

.linebottom {
    border-bottom: 1px dotted gray;
}
.spacers {
    padding: 10px; margin: 10px; min-height: 400px;
}
.loading_internal{width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255, 0.3); z-index: 90000; padding-top: 15%; cursor:wait;}

#cart_cnt {
    position: fixed; right: 0px; top: 40%; z-index: 90000; padding: 10px; background-color: #333;
}

/* Eliminate Cart feature if not in use*/
#cart_cnt {display: none;}

#cart_user {
    float: left; text-align: right;
}

.linked {
    color: silver; border: 1px dotted silver!important; padding: 5px; margin: 2px;
}

.linked_detail {
    color: silver; border-bottom: 2px solid black;
}

    .linked_detail .viewimg_sml {opacity: 0.5;}

.linked_detail_removed {
    color: silver; border-bottom: 1px dotted darkred;
}

    .linked_detail_removed .viewimg_sml {opacity: 0.3;}

.links_img {width: 50px; height: auto; opacity: 0.5;
}

/*.linked a{
    display: block; padding: 10px; background-color: #333; color: white; max-width: 20px; float: left;
}*/

.articles {
    width: 100%; border-right: 1px dotted #333; text-align: right; padding-right: 5px; margin-right: 10px; overflow: hidden;
}

.articles a{display: block; border-bottom: 1px dotted #333; padding-bottom: 4px; margin-bottom: 4px;}

.welcome_profile_block {font-size: 20pt; width: 100%; text-align: center; border-right: 1px dotted #333;}
.welcome_profile {margin: 10px}