html { min-height: 100%; }

body{
    line-height: 1;
    font-family: 'Oxygen', sans-serif;
    font-weight: 400;
    font-size: 16px;
    background-image:url("http://cdn.woto.com/dsfile/57e8e85a-4a9d-485c-a2fc-9146a2c79cf8");
}

h1 { margin-top: 0.20em; margin-bottom: 0.5em; font-size: 4em; font-weight: 900; }
h2 { margin-top: 1.5em; margin-bottom: 0.75em; font-size: 2em; font-weight: 700; }
h3 { margin-top: 1.5em; margin-bottom: 0.83em; font-size: 1.5em; font-weight: 700; }
h4 { margin-top: 1.5em; margin-bottom: 1.12em; font-size: 1.5em; font-weight: 400; }
h5 { margin-top: 2em; margin-bottom: 1.5em; font-size: 1em; font-weight: 700; }
h6 { margin-top: 2em; margin-bottom: 1.67em; font-size: 1em; font-weight: 400; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, p span {display: inline-block;}

p { margin-top: 1em; line-height: 1.75em; }
p + p { margin-top: 1.4em; }
h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: -1em; }

td { vertical-align:top; }
td p{ margin-top:0; }

/*
ol, ul{ font-size: 16px; line-height: 1.75em; }
li{ margin-left: 24px; }
*/

ol, ul { margin-left: 20px; margin-right: 50px; line-height: 1.75em; list-style-position: outside; }
li { padding-left: 10px; margin-bottom:0.5em; }
li:first-child { margin-top: 0.5em; } 
li:last-child { margin-bottom: 1.5em; }

#widgets{ visibility:hidden; }

#maincontent{
  text-align: left;
  width:902px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

 /* :before to uncollapse the top margin */
.user-content:before,
.user-content:after{
    display: block;
    clear: both;
    content: "\a0";
    visibility: hidden;
    height: 0;
}

.user-content{
    min-height: 650px;
    padding: 20px 50px 50px 50px;
    background-color: #fff;
}

/* Styles for Share Widget start */
    #socialpageshare .sbutton { display: inline-block; text-align: center; margin:0px 5px 5px 5px; vertical-align: bottom; }

    #gplusone>div, #linkedin>span, #pinterest>a  { vertical-align: bottom !important; }
    #linkedin>span { margin-bottom: -2px !important; }
    
    #rt iframe{display:block;}
	
    #tumblr a {
        display:block; 
        text-indent:-9999px; 
        overflow:hidden; 
        width:62px; 
        height:20px; 
        background:url('http://platform.tumblr.com/v1/share_2.png') top left no-repeat transparent; }
        
    #kindle .kindleWidget { 
        display: inline-block; 
        padding: 3px; 
        cursor: pointer; 
        font-size: 11px; 
        font-family: Arial; 
        white-space: nowrap; 
        line-height: 1; 
        border-radius: 3px; 
        border: #ccc thin solid; 
        color: black; 
        background: transparent url('https://d1xnn692s7u6t6.cloudfront.net/button-gradient.png') repeat-x; background-size: contain; }
        
    #kindle span{ 
        vertical-align: middle; 
        background: url('https://d1xnn692s7u6t6.cloudfront.net/white-15.png') no-repeat 0px 50%; 
        padding: 0px 0px 0px 18px; 
        display: inline-block; 
        height: 15px; 
        line-height: 15px; }
    
    #socialsharewrapper { font-size: initial; font-weight: initial; }
    #socialsharewrapper.floating { width: 100px; }
    #socialsharewrapper.floating #rt iframe, #socialsharewrapper.floating #tumblr a { display:inline-block;}
	
	#socialsharewrapper.floating #socialpageshare { 
        float:left;
        border: solid 1px #aaaaaa; 
        border-radius:3px; 
            -moz-border-radius:3px; 
            -webkit-border-radius:3px; 
            -moz-box-shadow: 2px 2px 5px rgba(100,100,100,0.3); 
            -webkit-box-shadow: 2px 2px 5px rgba(100,100,100,0.3); 
        box-shadow: 2px 2px 5px rgba(100,100,100,0.3); 
        background-color:#fff; 
        margin-bottom:5px; 
        z-index:10; 
        width:94px; }
    
    #socialsharewrapper.floating .sbutton { display:block; clear:both; margin:10px 5px 10px 5px; }
    #socialsharewrapper.floating #kindle.sbutton { position: absolute; margin: 10px 0px 0px 0px; }
/* Styles for Share Widget end */

/* Responsive Share Widget */
@media screen and (max-width: 1160px) { /* max-width should be adjusted according to the template */
    #socialsharewrapper { position: inherit !important; top: 0 !important; right: 0 !important; margin-top: 30px; }
    #pinterest, #tumblr  { padding-top: 40px !important; }
    #socialsharewrapper.floating #pinterest, #socialsharewrapper.floating #tumblr { padding-top: 0px !important; }
}

/* Responsive */
/* The 900px used in this CSS is the outer width of the editable Cloudpage area */
/* You can add further elemens for 320 (iPhone PR), 384, 480 (iPhone 3+4 LS), 568 (iPhone 5 LS), 600 (iPad PR), 768, 980, 1024px (iPad LS) */

@media screen and (min-width: 900px) {
    #maincontent { margin-top: 30px; margin-bottom: 60px;}
    .user-content{border: solid 1px #aaaaaa; border-radius:10px; -moz-border-radius:10px;-moz-box-shadow: 5px 5px 10px rgba(100,100,100,0.3); -webkit-box-shadow: 5px 5px 10px rgba(100,100,100,0.3); box-shadow: 5px 5px 10px rgba(100,100,100,0.3); }
}

@media screen and (max-width: 899px) {
  body { background-image: none !important; }
  
  #maincontent { width: 100% !important; }
  .user-content{padding: 20px;}
    
  img:not([type]) { max-width: 100% !important; height: auto !important; } /* to fix #608 */
  iframe { max-width: 100% !important; }
  iframe:not(.fb_ltr, .fb_rtl) { height: auto !important; } /* Quick Fix for FB comments #607 */
    #rt>iframe { height: 62px !important; } 
    #stumbleupon>iframe { height: 60px !important; } 
    
  table { max-width: 100% !important;  height:100% !important; display: inline-block !important;}	
  .fb-comments, .fb-comments>span,.fb-comments iframe { max-width: 100% !important; }
  .carouselWidget{ max-width:100% !important;}	    
}

@media screen and (max-width: 768px) {
  body { font-size: 14px; font-size: 0.875rem; } 
  table span { font-size: 14px; font-size: 0.875rem; }  
}

@media screen and (max-width: 600px) {
  body { font-size: 12px; font-size: 0.75rem !important; } 
  table span { font-size: 12px; font-size: 0.75rem !important; }  
}

@media screen and (max-width: 480px) {
  body { font-size: 10px; font-size: 0.625rem !important; } 
  table span { font-size: 10px; font-size: 0.625rem !important; }  
  h1 { font-size: 2.5em; }
  h2 { font-size: 1.5em; }
  h3 { font-size: 1.25em; font-weight: 700; }
  h4 { font-size: 1.125em; font-weight: 700; }
  h5 { font-size: 1em; font-weight: 700; }
  h6 { font-size: 1em; font-weight: 700; } 
}

@media screen and (max-width: 320px) {
  body { font-size: 8px; font-size: 0.5rem !important; } 
  table span { font-size: 8px; font-size: 0.5rem !important; }  
}

@media screen and (max-width: 220px) {
  img{ display: none; }
  iframe{ display: none; }
  table { display: none;}
  .fb_iframe_widget, .fb_iframe_widget>span,.fb_iframe_widget iframe { display: none; }
  .carouselWidget{ display: none;}
}

/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
  body { font-size: 18px; font-size: 1.125rem !important; } 
  table span { font-size: 18px; font-size: 1.125rem !important; }  
  .user-content{padding-left: 64px !important; padding-right: 64px !important;}
}

/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
  body { font-size: 12px; font-size: 0.75rem !important; } 
  table span { font-size: 12px; font-size: 0.75rem !important; }  
  .user-content{padding-left: 64px !important; padding-right: 64px !important;}
}

/* iPhone Portrait */
@media only screen and (max-device-width: 480px) and (orientation:portrait) {
  body { font-size: 16px; font-size: 1rem !important; } 
  table span { font-size: 16px; font-size: 1rem !important; } 
  table, thead, tbody, tfoot, th, td, tr { display:block !important; }
}

/* iPhone Landscape */
@media only screen and (max-device-width: 480px) and (orientation:landscape) {
  body { font-size: 12px; font-size: 0.75rem !important; } 
  table span { font-size: 12px; font-size: 0.75rem !important; } 
}