/* -------------------------------------
GLOBAL
------------------------------------- */
* {
margin:0;
padding:0;
}
* { font-family: Arial, Helvetica, sans-serif }
img {
max-width: 100%;
}
collapse {
margin:0;
padding:0;
}
body {
-webkit-font-smoothing:antialiased;
-webkit-text-size-adjust:none;
width: 100%!important;
height: 100%;
font-family: Arial, Helvetica, sans-serif
}
a { color: #2BA6CB;}
btn {
text-decoration:none;
color: #FFF;
background-color: #00247d;
font-weight:bold;
text-align:center;
cursor:pointer;
padding-top:15px;
width: 250px;
height: 40px;
}
p.callout {
padding:15px;
background-color:#ECF8FF;
margin-bottom: 15px;
}
callout a {
font-weight:bold;
color: #2BA6CB;
}
table.social {
/* padding:15px; */
background-color: #ebebeb;
}
sidebar .soc-btn {
display:block;
width:100%;
}
/* -------------------------------------
HEADER
------------------------------------- */
table.head-wrap { width: 100%;}
header.container table td.logo { padding: 15px; }
header.container table td.label { padding: 15px; padding-left:0px;}
header container { width:600px; text-align:center }
/* -------------------------------------
BODY
------------------------------------- */
table.body-wrap { width: 600px;}
/* -------------------------------------
FOOTER
------------------------------------- */
table.footer-wrap { width: 100%; clear:both!important;
}
footer-wrap .container td.content p { border-top: 1px solid rgb(215,215,215); padding-top:15px;}
footer-wrap .container td.content p {
font-size:10px;
font-weight: bold;
}
/* -------------------------------------
TYPOGRAPHY
------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; line-height: 1.1; margin-bottom:15px; color:#000;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; text-transform: none; }
h1 { font-weight:200; font-size: 44px;}
h2 { font-weight:200; font-size: 37px;}
h3 { font-weight:500; font-size: 27px;}
h4 { font-weight:500; font-size: 23px;}
h5 { font-weight:900; font-size: 17px;}
h6 { font-weight:900; font-size: 14px; text-transform: uppercase; color:#444;}
collapse { margin:0!important;}
p, ul {
margin-bottom: 10px;
font-weight: normal;
font-size:14px;
line-height:1.6;
}
p.lead { font-size:17px; }
p.last { margin-bottom:0px;}
ul li {
margin-left:5px;
list-style-position: inside;
}
/* -------------------------------------
SIDEBAR
------------------------------------- */
ul.sidebar {
background:#ebebeb;
display:block;
list-style-type: none;
}
ul.sidebar li { display: block; margin:0;}
ul.sidebar li a {
text-decoration:none;
color: #666;
padding:10px 16px;
/* font-weight:bold; */
margin-right:10px;
/* text-align:center; */
cursor:pointer;
border-bottom: 1px solid #777777;
border-top: 1px solid #FFFFFF;
display:block;
margin:0;
}
ul.sidebar li a.last { border-bottom-width:0px;}
ul.sidebar li a h1,ul.sidebar li a h2,ul.sidebar li a h3,ul.sidebar li a h4,ul.sidebar li a h5,ul.sidebar li a h6,ul.sidebar li a p { margin-bottom:0!important;}
/* ---------------------------------------------------
RESPONSIVENESS
Nuke it from orbit. It's the only way to be sure.
------------------------------------------------------ */
/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */
container {
display:block!important;
max-width:600px!important;
margin:0 auto!important; /* makes it centered */
clear:both!important;
}
/* This should also be a block element, so that it will fill 100% of the .container */
content {
padding:15px;
max-width:600px;
margin:0 auto;
display:block;
}
/* Let's make sure tables in the content area are 100% wide */
content table { width: 100%; }
/* Odds and ends */
column {
width: 300px;
float:left;
}
column tr td { padding: 15px; }
column-wrap {
padding:0!important;
margin:0 auto;
max-width:600px!important;
}
column table { width:100%;}
social .column {
width: 280px;
min-width: 279px;
float:left;
}
/* Be sure to place a .clear element after each set of columns, just to be safe */
clear { display: block; clear: both; }
/* -------------------------------------------
PHONE
For clients that support media queries.
Nothing fancy.
-------------------------------------------- */
@media only screen and (max-width: 600px) {
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
div[class="column"] { width: auto!important; float:none!important;}
table.social div[class="column"] {
width:auto!important;
}
}
@media only screen and (min-width: 601px) {
a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
div[class="column"] { width: 600px!important; float:none!important;}
table.social div[class="column"] {
width:auto!important;
}
}
Having trouble viewing this email? Click here to view online version
Unlock 5000+ Satellite TV Channels & HD Movies
On Your PC Instantly
Your PC is ready to be turned into a Super TV in 2 minutes!
View Demo »
Mini Gold Bar USB Flash Drive
Fancy a fun, innovative Gold Bar USB to add luxury to your PC. Convince your co-workers that you have your very own gold bar directly from the mint. While stocks last!
View Demo &
Claim Father Day Gift »
Wish you can view your iphone on your large TV? Tired of your phone screen size and wonder if you can enlarge it to your TV size? How about play games, view photos and surf web on your TV?
View Demo »
007 Secret Agent Spy Pen
Do you want to record a a video or conversation discreetly? Watch this demo and you will be surprised.
View Demo »
HotDealGadgets
711 S.Carson City, Suite 4, Carson City, Nevada 89701, United States Of America This message was sent to the following email address: cm-cagliari@???
We hope you found this message to be useful. However, if you'd rather not receive future e-mails of this sort from us, you may unsubscribe from our mailing list.
