/*******************************************************************************
                                                    Small World Experience
                                                         Main stylesheet
                            Tiago Rodrigues - 2008 - tmcrodrigues at gmail dot com
*******************************************************************************/

* {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
    
    font-family: Arial, helvetica, sans-serif;
    font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
    color: #004282;
    margin: 5px 0px;
}

/*******************************************************************************
                                                    Main structure
*******************************************************************************/
div#main {
    background: url(../images/clouds_bg.jpg) top center no-repeat;
    width: 960px;
    height: 500px;
    margin: 0px auto;
}

div#header { height: 200px;
	position: relative; }

div#leftbar, div#rightbar { width: 160px; }
div#leftbar { float: left; }
div#rightbar { float: right; }

div#center {
    width: 620px;
    margin: -2px 10px;
    float: left;
}

div#mhead {
	position: relative;
	top: 1px;
	right: 50px;
}


div#head {
	position: absolute;
	top: 1px;
	right: 0px;
}

div#center-middle {
    min-height: 600px;
}

div#center-footer {
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 0.7em;
    line-height: 2.0em;
    color: #CCCC00;
}

div#center-footer a {
    color: #003399;
    text-decoration: none;
}

div#center-footer a:hover {
    text-decoration: underline;
}

div#middle {
    position: absolute;
    margin-top: 40px;
    width: 1050px;
}

div#footer {
    width: 960px;
    height: 76px;
    clear: both;
    background: url(../images/footer.png) top center no-repeat;
    font-size: 11px;
    font-family: Arial, helvetica, sans-serif;
    color: #fff;
}

div#footer a { color: #004282; }



*html div#footer .footerLeft { /*IE6 only*/
	margin:35px 50px 0 95px;
}

div#footer .footerLeft {
    float: left;
    margin:35px 50px 0 192px;
}

div#footer .footerRight {
    padding-top: 50px;
}


/*******************************************************************************
                                                                    Header
*******************************************************************************/
#topDiv #header {
	position: absolute;
	top: 50px;
	left: 750px;
}

div#top-offer {
    position: absolute;
    width: 152px;
    height: 124px;
    margin-left: 0px;
    margin-top: 0px;
    background: url(../images/top-offer.jpg) transparent top center no-repeat;
    text-align: center;
    padding-top: 50px;
}

div#logo {
    position: absolute;
    margin-top: 33px;
    margin-left: 308px;
}

div#lang-search {
    float: right;
    width: 300px;
    height: 67px;
    margin-right: 0px;
    margin-top: 0px;
    background: url(../images/search-box.jpg) transparent top center no-repeat;
    padding: 65px 0px 0px;
}

a#lang, div#lang-search a.search-dropdown, .ls-dropdown-menu a {
    display: block;
    color: #fff;
    text-decoration: none;
}

.ls-dropdown-menu {
    display: none;
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    list-style: none;
    text-align: center;
    background: #fff;
}

.ls-dropdown-menu li {
    margin-bottom: 2px;
}

.ls-dropdown-menu a {
    color: #fff;
    text-decoration: none;
}

a#lang {
    margin-top: -65px;
    margin-left: 50px;
    width: 147px;
    height: 31px;
    padding-top: 2px;
}

ul#lang-menu {
    width: 128px;
    padding: 0px 2px;
    margin-left: 56px;
    margin-top: -10px;
}

ul#lang-menu a {
    padding: 2px 4px;
    width: 120px;
    height: 17px;
    background: url(../images/lang-li-bg.png) transparent top center no-repeat;
}

a#lang, li#lang-menu {
    font-size: 0.7em;
    text-align: center;
}

div#lang-search form {
    margin-top: 30px;
}

div#lang-search a.search-dropdown {
    width: 91px;
    height: 18px;
    padding-top: 2px;
    padding-left: 6px;
    font-size: 0.6em;
    background: url(../images/search-dropdown.png) transparent top center no-repeat;
}

ul#cat-menu, ul#price-menu {
    padding: 0px 2px;
}

ul#cat-menu a, ul#price-menu a {
    width: 93px;
    height: 16px;
    font-size: 0.9em;
    background: url(../images/search-li-bg.png) transparent top center no-repeat;
}

div#search-left {
    float: left;
    width: 143px;
    padding-left: 20px;
}

div#search-right {
    float: right;
    width: 110px;
    margin-top: 3px;
    margin-right: 10px;
}

div#menu {
    position: absolute;
    margin-top: 135px;
    margin-left: 200px;
}

div#menu ul li {
    float: left;
    margin-right: 15px;
    list-style: none;
}

div#menu ul li a {
    width: 54px;
    height: 79px;
    display: block;
    background-position: 0 0;
    background-repeat: no-repeat;
}

/*div#menu a:hover {
    background-position: -54px 0px;
}*/

/*******************************************************************************
                                                    Sidebar widgets
*******************************************************************************/

div.widget-top {
    width: 160px;
    height: 12px;
    background: transparent url(../images/widget-top.png) no-repeat;
}

div.widget-bottom {
    width: 160px;
    height: 12px;
    background: transparent url(../images/widget-bottom.png) no-repeat;
}

div.sidebar-widget-title ul li, div.sidebar-widget ul li,
div.sidebar-widget-title-small ul li { list-style: none; }

/* sidebar widget with top title */
div.sidebar-widget-title, div.sidebar-widget-title-small {
    width: 160px;
    height: 194px;
    background: transparent url(../images/widget-middle.png) repeat-y;
}

div.sidebar-widget-title ul {
    width: 160px;
    height: 130px;
    padding-top: 5px;
}

div.sidebar-widget-title-small { height: 167px; }
div.sidebar-widget-title-small ul { height: 107px; }

div.sidebar-widget-title ul li a, div.sidebar-widget-title-small ul li a {
    display: block;
    width: 136px;
    height: 23px;
    margin-left: 8px;
    padding-top: 7px;
    padding-left: 7px;
    background: transparent url(../images/large-sidebt.png) 0 0 no-repeat;
    font-size: 12px;
    color: #666633;
    text-decoration: none;
}

div.sidebar-widget-title ul li a:hover, div.sidebar-widget-title-small ul li a:hover {
    color: #fff;
    cursor: pointer;
    background-position: -143px 0;
}

/* sidebar widget with no titles */
div.sidebar-widget {
    width: 161px;
    height: 185px;
    background: transparent url(../images/widget-middle.png) repeat-y;
    font-size: 14px;
}

div.sidebar-widget ul {
    width: 158px;
    height: 155px;
    padding-top: 10px;
    padding-left: 13px;
}

div.sidebar-widget ul li {
    margin-bottom: 5px;
}

div.sidebar-widget ul li a {
    width: 131px;
    height: 21px;
    padding-top: 3px;
    padding-left: 3px;
    background: transparent url(../images/medium-sidebt.png) 0 0 no-repeat;
    display: block;
    color: #004282;
    text-decoration: none;
}

div.sidebar-widget ul li a:hover {
    background-position: -134px 0;
    color: #fff;
}

div.sidebar-widget-small {
    width: 161px;
    background: transparent url(../images/widget-middle.png) repeat-y;
}
div.sidebar-widget-small form {
    display: block;
    width: 151px;
    height: 80px;
    padding-left: 10px;
}

div.blueyellow-title {
    float: left;
    margin-right: 20px;
}

div.login-widget {
    width: 148px;
    height: 140px;
    padding-left: 13px;
    padding-top: 20px;
    background: transparent url(../images/sidemenu-bg.jpg) repeat-y;
    font-size: 14px;
}

/* sidebar widget with bottom yellow title */
div.sidebar-widget-generic {
    width: 100px;
}

div.sidebar-widget-generic ul {
    list-style: none;
}

/* smaller items */
label.sidebarlabel {
    display: block;
    float: left;
    width: 100%;
    height: 10px;
    padding: 4px 0px;
    margin-top: 5px;
    color: #004282;
    font-size: 11px;
}

label.sidebarlabel input {
    display: block;
    float: right;
    margin-top: -17px;
}

p#shopcart {
    clear: both;
}

p#shopcart img {
    margin-left: 20px;
    margin-top: 2px;
}

p#usertools {
    font-size: 10px;
    margin-top: -2px;
}

a.sidebarlink {
    text-decoration: underline;
    color: #004282;
}

a.sidebarlink:hover {
    text-decoration: none;
}

div#sidemenu ul li {
    font-size: 12px;
}

div.sidemenu-sub {
    display: none;
    position: absolute;
    z-index: 3;
    width: 180px;
    margin-left: 160px;
	
}

div.sidemenu-sub ul {
    width: 180px;
    background: none !important;
    height: 30px !important;
    padding-top: 0px !important;
}

div.sidemenu-sub ul li { margin: 0px ; line-height: 30px; }

div.sidemenu-sub ul li a {
    display: block;
    width: 165px;
    height: 20px !important;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 3px;
    padding-bottom: 5px;
    padding-left: 15px;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    vertical-align: middle;
    background: #004282 url(../images/sub-submenu.png) 0 0 no-repeat;
}

div.sidemenu-sub ul li a:hover {
    color: #004282;
    background-position: -180px 0;
}

div.sidemenu-sub-top {
    width: 180px;
    height: 1px;
    background: url(../images/sub-submenu-top-trans.png) top center no-repeat;
}

div.sidemenu-sub-bottom {
    width: 180px;
    height: 8px;
    background: url(../images/sub-submenu-bottom-trans.png) top center no-repeat;
}

div#corporate-submenu { margin-top: -135px; }
div#occasion-submenu { margin-top: -140px; }
div#recpient-submenu { margin-top: -110px; }
div#location-submenu { margin-top: -80px; }
div#price-submenu { margin-top: -50px; }
div#reasons-submenu { margin-top: -110px; }
div#reasons-submenu ul { margin-left: -13px; }
div#corporate-submenu { margin-top: -130px; }
div#corporate-submenu div.sidemenu-sub-top, div#reasons-submenu div.sidemenu-sub-top {
    margin-bottom: 0px;
}

/*******************************************************************************
                                                Generic styles and widgets
*******************************************************************************/

.blue-title {
    color: #003399;
}

.yellow-title {
    color: #CCCC00;
}

p.action-success {
    border: 1px solid #004282;
    background: #FFFEA9;
    padding: 10px 0px;
    margin: 0px 60px 10px;
    text-align: center;
}

input.smallbox {
    display: block;
    float: left;
    width: 71px;
    height: 15px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 4px 5px 0px;
    font-size: 10px;
    background: transparent url(../images/input-smallbox.png) no-repeat;
    color: #003399;
}

input.mediumbox {
    display: block;
    float: left;
    width: 83px;
    height: 16px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 6px 0px;
    font-size: 10px;
    background: transparent url(../images/input-mediumbox.png) no-repeat;
    color: #003399;
}

input.smallyellowbutton {
    display: block;
    float: left;
}

div#center-header, div#center-texts, div#center-top {
    width: 620px;
    height: 86px;
}

div#center-top {
    background: transparent url(../images/main-title-trans.png) no-repeat;
}

div#center-texts {
    color: #fff;
    background: transparent url(../images/content-title.png) no-repeat;
}

div#center-texts h3 {
    position: absolute;
    font-weight: normal;
    margin-top: 12px;
    margin-left: 15px;
}

div#center-texts h2 {
    position: absolute;
    margin-top: 50px;
    margin-left: 15px;
    font-size: 1.2em;
}


div#center-top h2, div#center-top img {
    float: left;
    margin-top: 30px;
    margin-left: 15px;
    font-weight: normal;
}

div#center-top a { text-decoration: none; }
div#center-top a:hover { text-decoration: underline; }

div#center-top img { margin-top: 32px; }
#section-title, #section-desc { color: #FFF; }
div#center-top a, h2#page-title { color: #CCC717; }

div#center-middle-content {
    width: 600px;
    padding: 5px 10px;
    overflow: hidden;
    background: transparent url(../images/main-middle.png) repeat-y;
}

div#center-middle-texts {
    width: 580px;
    padding: 15px 20px;
    overflow: none;
    background: transparent url(../images/main-middle.png) repeat-y;
}

div#center-middle-texts a {
    color: #004282;
    text-decoration: underline;
}

div#center-middle-texts a:hover {
    text-decoration: none;
}

div#center-middle-content p {
    font-size: 0.9em;
}

div#center-middle-texts p {
    line-height: 1.3;
    font-size: 0.7em;
    margin-bottom: 10px;
    text-align: justify;
    color: #333333;
}

div#center-middle-footer {
    width: 620px;
    height: 12px;
    background: transparent url(../images/main-bottom.png) no-repeat;
}

/* content forms */
div#center-middle form dl {
    margin: 0px;
}

div#center-middle form dt {
    float: left;
    clear: both;
    width: 250px;
    margin-right: 20px;
    margin-bottom: 20px;
    padding-top: 4px;
    text-align: right;
    font-size: 0.9em;
}

div#center-middle form dd {
    float: left;
    width: 300px;
    margin-bottom: 20px;
}

div#center-middle form p.help-text {
    font-size: 0.7em;
    padding-top: 5px;
    padding-bottom: 15px;
}

div#center-middle form span.form-error { color: #BA0000; }

div#center-middle form p.form-error {
    font-size: 0.7em;
    padding-top: 5px;
    padding-bottom: 15px;
    color: #BA0000;
}

div#center-middle form input {
    border: 1px solid #004282;
    padding: 3px;
    font-size: 0.8em;
}

div#center-middle form input.submit {
    display: block;
    clear: both;
    margin-left: 320px;
}

div#pagination {
    width: 100%;
    clear: both;
    text-align: center;
}

div.vertical-separator {
    float: left;
    width: 2px;
    height: 265px;
    z-index: 1;
    background: transparent url(../images/2col-vertical-separator.png) no-repeat;
}

div.horizontal-separator {
    width: 610px;
    height: 32px;
    z-index: 1;
    margin-left: -15px;
    clear: both;
    background: transparent url(../images/horizontal-separator.png) no-repeat;
}

/*******************************************************************************
                                                 Section specific styles
*******************************************************************************/
div.grid-block {
    float: left;
    width: 200px;
    height: 130px;
    margin-bottom: 10px;
    cursor: pointer;
}

div.grid-item {
    position: absolute;
    width: 200px;
    height: 122px;
    padding-top: 8px;
    text-align: center;
    background: transparent url(../images/grid-item.png) no-repeat;
    color: #fff;
}

div.grid-item p.label { font-size: 0.6em !important; }

div.grid-item a {
    display: block;
    margin-top: 10px;
}

div.grid-info {
    position: absolute;
    display: none;
    z-index: 1;
    width: 160px;
    height: 114px;
    padding: 10px 20px 5px;
    margin: 0;
    margin-left: 3px;
    text-align: center;
    background: transparent url(../images/grid-info-over.png) no-repeat;
    color: #fff;
}

div.grid-info h4 { 
font-size: 0.8em; }

div.grid-info h4 a {
    font-weight: normal;
}

div.grid-info p.details {
    margin: 10px 0px;
    text-align: center;
}

div.grid-info a {
    text-decoration: none;
    color: #fff;
}

div.grid-info .yellow {
    color: #CCC717;
}

div.grid-info p { font-size: 0.7em !important; }

div#slideshow-container {
    float: left;
    width: 230px;
    height: 193px;
    padding-top: 20px;
    padding-left: 20px;
    margin-right: 20px;
    background: transparent url(../images/experience-bg.png) no-repeat;
}

/**
    slideviewer css 
**/
/*preload classes*/ 
.svw {width: 20px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {    
position: relative; 
overflow: hidden;    
border: none;
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {    
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
margin-top: 15px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #004282; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #004282; 
}
/* end of slideshow styles */

/* impromptu styles */
.jqiwarning .jqi{
            background-color: #000;
}
.jqifade{
            background-color: #ffffff;
}
div.jqi{
            position: absolute;
            background-color: #004282;
            padding: 3px;
            width: 400px;
}
div.jqi .jqiclose{
            float: right;
            margin: -35px -10px 0 0;
            cursor: pointer;
}
div.jqi .jqicontainer{
            background-color: #fff;
            padding: 5px;
            color: #004282;
            font-weight: bold;
}
div.jqi p {
    margin-bottom: 20px;
}
div.jqi label {
    display: block;
}
div.jqi input {
    position: absolute;
    background-color: #fff;
    border: 1px solid #004282;
    padding: 3px;
    font-size: 12px;
    color: #004282;
    right: 10px;
    
}
div.jqi .jqimessage{
            background-color: #fff;
            padding: 10px;
}
div.jqi .jqibuttons{
            text-align: center;
            padding: 5px 0 0 0;
}
div.jqi button{
            padding: 3px 10px 3px 10px;
            margin: 0 10px;
            background: #87B3E0;
}
/* end of impromptu styles */

div#experience {
    width: 600px;
    overflow: auto;
}

div#experience-left {
    width: 300px;
    float: left;
}

div#experience-right {
    width: 250px;
    float: right;
}

div#experience dl {
    display: block;
    float: left;
}

div#experience dl.smaller-details {
    margin-top: 60px;
    margin-left: 20px;
}

div#experience dt {
    float: left;
    clear: both;
    width: 200px;
    margin-bottom: 5px;
    font-size: 0.9em;
    color: #004282;
}

div#experience dd {
    float: left;
    margin-left: 40px;
    margin-bottom: 20px;
    padding-right: 15px;
    text-align: justify;
    font-size: 0.8em;
}

div#experience dl.smaller-details dt {
    width: 100px;
}

div#experience dl.smaller-details dd {
    width: 100px;
    text-align: left;
}

div#experience input {
    border: 1px solid #004282;
    width: 30px;
    padding: 3px;
}

div#experience h2 {
    color: #004282;
}

div#experience p {
    margin: 10px 0px;
    font-size: 0.8em;
}

div#experience-actions, div#experience-info {
    width: 100%;
    clear: both;
    font-size: 0.6em;
	
}

div#experience-actions img {
    display: block;
    float: left;
}

div#experience-actions a {
    display: block;
    float: left;
    margin-top: 5px;
    margin-left: 4px;
    margin-right: 10px;
    color: #004282;
    text-decoration: none;
}

div#experience-actions a:hover { text-decoration: underline; }

div.added {
    float: left;
    width: 200px;
    height: 50px;
    padding-top: 5px;
}

.added, .removed {
    display: none;
}

p#experience-add { float: left; }
p#wishlist-add { float: left; }
p.more-actions {
    height: 30px;
}

p.more-actions a {
    color: #004282;
    margin-right: 10px;
}
p.more-actions a:hover { text-decoration: none; }

p#more-info a {
    display: block;
    float: right;
    width: 85px;
    margin-left: 20px;
    height: 22px;
    padding-top: 3px;
    padding-left: 20px;
    color: #fff;
    text-decoration: none;
	/* a[href^="../../../contact/index.html"], /* link to contact */


  background: transparent url("../images/more-info.png") no-repeat;	
}



			}

/*IE*/
p#more-info2 a {
    display: block;
    float: right;
    width: 85px;
    margin-left: 20px;
    height: 22px;
    padding-top: 3px;
    padding-left: 20px;
    color: #FFFFFF;
    text-decoration: none;
	background: url("../images/more-info.png") no-repeat;	
}


/*firefox*/
p#more-info2 a:visited, p#more-info2 a:hover {
    display: block;
    float: right;
    width: 85px;
    margin-left: 20px;
    height: 22px;
    padding-top: 3px;
    padding-left: 20px;
    color: #FFFFFF;
    text-decoration: none;
	background: url("../images/more-info.png") no-repeat;	
}



div#recommendations {
    width: 560px;
    height: 135px;
    padding-top: 40px;
    padding-left: 60px;
    margin-left: -10px;
    background: transparent url(../images/experience-bottom-bg.png) top center no-repeat;
}

div#recommendations div {
    float: left;
    width: 116px;
    height: 82px;
    background: transparent url(../images/recommendation.png) no-repeat;
}

div#recommendations div img {
    position: absolute;
    margin-top: 4px;
    margin-left: 13px;
}

div#recommendations div .label {
    position: absolute;
    margin-top: 65px;
    margin-left: 15px;
    font-size: 0.6em;
    color: #004282;
}

div#recommendations h3 {
   /* position: absolute;
 margin-top: 95px; */
     font-weight: normal;
    color: #004282;

	  
    float: left;

    margin-left: 80px;
    


}

.yellow { color: #CCC717; }

div#cart {
    padding-left: 15px;
    padding-top: 10px;
    font-size: 0.9em !important;
}

div#cart a {
    color: #004282;
}

div#cart a:hover {
    text-decoration: none;
}

div#cart input {
    width: 30px;
    padding: 3px 1px;
    border: 1px solid #004282;
    background: #fff;
}

div#cart ul {
    padding-left: 10px;
    margin-bottom: 10px;
}

div#cart p.proceed {
    margin: 20px 0px;
    font-size: 1.1em;
}

div#cart p.voucher {
    margin: 20px 0px;
}

div#cart span.label {
    color: #CCC717;
    font-weight: bold;
}

div.cart-row {
    margin-bottom: 20px;
}

div.cart-row span.content, div.cart-row span.quantity {
    margin-right: 20px;
}

div.cart-row div {
    margin-bottom: 4px;
}

div#recovery-notice, div.where-to, div.mail-type, div.submit-delivery, 
div#instant, .send-to, div.delivery-charge {
    display: none;
}

div.delivery-charge table {
    margin: 10px 0px;
    font-size: 0.8em;
}

div.delivery-charge td {
    background: #CBD2DA;
    padding: 5px 10px;
}

div.delivery-charge td.location {
    width: 400px;
    padding: 3px 20px;
    background: #ccc;
}

div#front-page-blocks {
    width: 650px;
    height: 208px;
}

div.front-page-block {
    float: left;
    margin-left: 5px;
    width: 284px;
    height: 188px;
    padding-top: 20px;
    padding-left: 20px;
    background: transparent url(../images/front-page-block.png) no-repeat;
}

div.front-page-block p {
    position: absolute;
    font-size: 0.7em;
    color: #fff;
    width: 284px;
    text-align: center;
    margin-top: 125px;
}

div.front-page-block h3 {
    position: left;
    color: #004282;
    font-weight: normal;
    margin-top: 120px;
    margin-left: 100px;
}

div.front-page-block a {
    display: block;
    float: left;
    width: 116px;
    height: 95px;
    padding: 6px;
    background: transparent url(../images/front-block-item.png) no-repeat;
}

div#experience-voucher {
 float: left;
 width: 295px;
 height: 265px;
 margin-left: -10px;
 background: transparent url(../images/experience-voucher.png) no-repeat;
}

div#open-voucher {
 float: right;
 width: 295px;
 height:265px;
 margin-right: -10px ;
 background: transparent url(../images/open-voucher.png) no-repeat;
}

div#experience-voucher h3, div#open-voucher h3 {
    position: absolute;
    margin-top: 165px;
    color: #004282;
    margin-left: 50px;
}
div#experience-voucher h3 { margin-left: 50px; }
div#open-voucher h3 { margin-left: 70px; }

div#voucher-texts {
    height: 100px;
}

p.voucher-text {
    display: none;
}

div#promo {
    padding-left: 10px;
    font-size: 0.7em;
}

div#promo ul {
    list-style-type: circle;
    list-style-position: inside;
}

div#activation {
    width: 95%;
    margin: 0px auto;
    clear: both;
}

div#media {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}
/*******************************************************************************
                                                 Static Pages styles
*******************************************************************************/

/* How to buy*/
div.text-left {
float: left;
left:5px;
top:5px;
width:180px;
	}

div.text-center {
float:inherit;
margin-left: 200px;
margin-right:200px;
	}

div.text-right {
float:right;
right:5px;
width:180px;
margin-top: -105px;
	}
	
/* How to redeem*/
div.text-left1 {
float: left;
left:5px;
top:5px;
width:260px;
	}

div.text-right1 {
float:right;
right:5px;
top:5px;
width:250px;
	}

/* About Us*/
div.text-left3 {
float: left;
left:5px;
width:280px;
	}

div.text-right3 {
float:right;
right:5px;
width:280px;
	}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Corporate Services x 4 */
div.text-left4 {
float: left;
left:5px;
width:280px;
	}
	
div.text-right4 {
float:right;
right:5px;
width:280px;
	}

div.text-bottom4 {
margin-top: 300px;
}

div.text-bottom4a {
margin-top: 410px;
}

div.text-bottom4b {
margin-top: 430px;
}

div.text-bottom4c {
margin-top: 420px;
}

.blue {
color: #003399;
}

div#page-padding {
    padding: 15px 10px;
}
div.promotion {
    margin: 0 auto;
    width: 295px;
}