@charset "utf-8";
/* CSS Document */

/*
*Project:	ScenMail Multi Usage Email Template
*Version:	1.0
*Creat:		10/01/13 
*Author: 	digith 
*Website: 	http://themeforest.net/user/digith
*/

/* Client-specific Styles */
#outlook a { padding:0; } /* Force Outlook to provide a "view in browser" button. */
body { width:100% !important; margin:0; padding:0; }
.ReadMsgBody { width:100%; }
.ExternalClass { width:100%; } /* Force Hotmail to display emails at full width */
body { -webkit-text-size-adjust:none; } /* Prevent Webkit platforms from changing default text sizes. */
.yshortcuts, .yshortcuts a, .yshortcuts a:link, .yshortcuts a:visited, .yshortcuts a:hover, .yshortcuts a span { text-decoration: none !important; border-bottom: none !important; background: none !important; }
/* Reset Margins and Paddings */
p, ul, h1, h2, h3, h4, h5, h6 { margin-top:0 !important; margin-right:0 !important; margin-bottom:0 !important; margin-left:0 !important; }
table, table td { border-collapse:collapse; }
img { border:0; display: block; }
.img-inline { display:inline; border:0; vertical-align:-2px; }
.BGTable { height:100% !important; margin:0; padding:0; width:100% !important; }

/*Default Email template setting*/

/*color scheme*/
body, .BGtable, .color-devider { background-color: #dedad8; }
.top-bar-devider, .footer-devider,.issue,.shopping-banner-title { background-color:#f26422;}
a, a hover, a span, a hover span { color:#f26422;}/*fix the link style*/
.letter-title, .letter { color:#6f2d0f;}
.quote { background-color:#dedad8;}

/*according to foreground*/

/*light foreground*/
.email-container { background-color:#fbfbfb;}
body, .BGtable, th, td, p { color: #585858;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ color:#222; }
h6, .h6 { color:#999;}
.img-box td, .small-box td, .sidebar-box { border-color:#ccc;}
.img-box td, .small-box td, .sidebar-box  { background-color:#f3f3f3;}
/*****************/
/*dark foreground
.email-container { background-color:#040404;}
body, .BGtable, th, td, p { color: #888;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 , h6 , .h6{ color:#ddd; }
h6, .h6 { color:#555;}
.img-box td, .small-box td, .sidebar-box { border-color:#333;}
.img-box td, .small-box td, .sidebar-box { background-color:#111;}
/*****************/

/*according to background*/

/*light background*/
.footer td, .footer p, .top-bar {color:#444;}
.footer td a, .footer p a, .top-bar a,.footer td a span, .footer p a span, .top-bar a span {color:#6f2d0f !important;}/*resetting the top-bar and footer link style for light BG theme*/
.footer-title{color:#222;}
/*****************/
/*dark background
.footer td, .footer p, .top-bar {color:#888;}
.footer-title{color:#ddd;}
/*****************/

/*font*/
body, .BGtable, th, td, p { font-family: "Trebuchet MS","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 400; -webkit-text-size-adjust: none; /*#disable font adjust sizes */ }
.top-bar, .email-container, .email-container td, .footer, .footer td { line-height:18px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .logo,.footer-title { font-family: "Trebuchet MS","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; line-height:18px; font-weight: 400; -webkit-text-size-adjust: none; /*fix the h1-h6 display style and disable font adjust sizes */ }
h3, .h3 { font-size: 18px; font-weight: bold;  line-height: 20px; }
h4, .h4, .logo { font-size: 14px; font-weight: 500; font-weight:normal !important; }
h5, .h5{ font-size: 12px; font-weight:normal !important; }
.footer-title {font-size:11px; line-height:16px; text-transform:uppercase; font-weight:normal !important; text-transform:uppercase;}
h6, .h6 { font-size:9px; text-transform:uppercase; font-weight:normal !important; }
.date, .footer td, .footer p, .top-bar { font: 10px/16px "Trebuchet MS","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; }
.top-bar{ text-align:right;}
.issue {font-size: 12px; line-height:12px !important; color: #FFF; text-align:center; }
.date {padding-top:17px;font-size:12px; line-height:12px !important;text-align:right; }
.shopping-banner-title { color:#fff; font: bold 14px "Trebuchet MS","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; text-transform:uppercase; text-align: center; }
.shopping-banner-text { font-family: "Trebuchet MS","Lucida Grande","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 400;  -webkit-text-size-adjust: none; /* disable font adjust sizes */ background-color:#f3f3f3; color:#252525; }
.letter-title, .letter { font-size:16px; font-weight:300; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:24px;  }
.letter { font-size:14px; }
.quote { font-size:12px; font-weight:nomal; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:18px; color:#252525; }
.top-bar-devider, .footer-devider, .devider, .color-devider, .small-img {font-size:2px; line-height:2px !important; }
/*link style*/
a, a hover, a span, a hover span{ text-decoration: none;outline: none; }/*fix the link style*/
/*box*/
.img-box td, .small-box td, .sidebar-box { border-width:1px; border-style:solid; }
/*box padding*/
.img-rounded td { padding:5px 20px 5px 0; }
.avator-rounded td { padding:5px 10px 5px 0; }
.img-box td { padding:4px; }
.small-box td { padding:2px; }
.sidebar-box-td { padding:9px; }
/*position*/
.top-bar { padding:10px 10px 0 0;}
.logo { padding-left:20px; }
.date {padding-right:20px;}
.general-td, .icon-td,.devider { padding:10px 10px 0 10px; }.color-devider{padding:0 0 20px;}
.general-img-td, .quote, .quick-icon-text-td,.last-module { padding:10px; }
.col3-mid-td { padding:10px 9px 0 9px; }
.col3-mid-img-td { padding:10px 9px; }
.quote-shap { padding:0 10px; }
.sidebar-maincontent{padding-right:10px;}
.social-table td { padding:6px 0 6px 5px; }
.button td { padding:15px 0 0; }
.footer-td { padding:10px 10px 20px; }
.icon-text-td, .sidebar-right-col-td { padding:10px 10px 0 0; }
.icon2-td { padding:0 10px 10px; }
.icon2-text-td { padding:0 10px 10px 0; }
.quick-link-left-td { padding:10px 0 10px 10px; }
.quic-link-icon-td { padding:10px 0; }
/*Max img */
.img-115 { max-width:115px; }
.img-600 { max-width:600px; }
.img-340 { max-width:340px; }
.img-260 { max-width:260px; }
.img-100 { max-width:100px; }
.img-40 { max-width:40px; }
.img-160 { max-width:160px; }
.img-150 { max-width:150px; }
.img-174 { max-width:174px; }
.img-550{max-width:550px;}