body { margin: 0px; font-family: Verdana, "Arial", sans-serif; font-size: 0.8em; color:#494949; background-color:#f0f0f0; }
                   
a { color:#027ac6; text-decoration:none; }
a:hover { color:#0062a0; text-decoration:none; } 
a:active { outline-style:none; outline-width:0; outline:0}
h1, h2, h3, h4, h5 { font-weight:normal; margin:0; }
img { border: 0 }
input { font-size:12px }
.watermark { color:#999999; }
.aLink { color:#027ac6; text-decoration:none; }
.aLink:hover { color:#0062a0; text-decoration:none; cursor:pointer; }
.pointer { cursor:pointer; }
.note { font-size:8pt; }
.required { color: red; }

.TopSQLogo { background:url('../../images/TopRowSquareletLogo.png') no-repeat; height:50px; width:165px; display:inline-block; }
.frame { width: 980px; margin: 0 auto; padding: 5px 0; font-size: 1.1em;}

#header { background:#1d4a30 url('../../images/TopRowBackground.png') repeat-x; height:60px; }
a.menu { background:url('../../images/TopRowButton.png') no-repeat 0 0; width:105px; height:44px; display:inline-block; position:relative; color:#ffffff; font-weight:bold; font-size:13px; font-family:Arial; }
a.menu:hover { background:url('../../images/TopRowButton.png') no-repeat 0 -44px; width:105px; height:44px; text-decoration:none; cursor:pointer; }
a.menu span { position: absolute; width: 105px; text-align:center; line-height:40px; top:0; right:0}

a.menuYourShop { background:url('../../images/YourShop.png') no-repeat 0 0; width:105px; height:44px; display:inline-block; position:relative; color:#ffffff; font-weight:bold; font-size:13px; font-family:Arial; }
a.menuYourShop:hover { background:url('../../images/YourShop.png') no-repeat 0 -44px; width:105px; height:44px; text-decoration:none; cursor:pointer; }
a.menuYourShop span { position: absolute; width: 105px; text-align:center; line-height:40px; top:0; right:0}

.middle { background:#dceee5 url('../../images/MidRowBackground.png') repeat-x; height:400px; }
.middle .bg-Buy { background: url('../../images/MidRowImage.png'); height:306px; width:564px; top:47px; left:0; position:absolute}

#mid-title { font-family:Arial; position: absolute; top: 37px; right: 0px; width: 350px; display: inline-block; }
#mid-title h1 { font-weight:bold; color: #FFD412; font-size: 2.7em; display: inline-block; padding-bottom: 5px; text-shadow: #000 0px 2px 4px; }
#mid-title h2 { color: #abd406; font-size: 1.8em; display: block; padding-bottom: 30px; text-shadow: #000 0px 1px 2px; }
#mid-title h3 { color: #ffffff; font-size: 1.2em; line-height: 20px; text-shadow: #000 0px 1px 2px; }

.open { background: url('../../images/OpenYourOnlineShopNow.png') no-repeat 0 0; height:54px; width:277px; display:inline-block; position:absolute; left:-3px; }
.open:hover { cursor:pointer; background: url('../../images/OpenYourOnlineShopNow.png') no-repeat 0 -54px; height:54px; width:277px; display:inline-block }
.open-bottom { background: url('../../images/OpenYourOnlineShopNow.png') no-repeat 0 0; height:54px; width:277px; display:inline-block; }
.open-bottom:hover { cursor:pointer; background: url('../../images/OpenYourOnlineShopNow.png') no-repeat 0 -54px; height:54px; width:277px; display:inline-block }


.findmore { background: url('../../images/FindOutMoreButton.png') no-repeat 0 0; height:30px; width:123px; display:inline-block; position:absolute; left:-2px; }

h3.tagline { text-align:center; font-size:28px;  text-shadow: 0px 1px #ffffff; padding-bottom:30px; font-family:Arial; font-weight:bold; letter-spacing:1px }

.shadow {  -moz-box-shadow: 0px 0px 5px #444;
           -webkit-box-shadow: 0px 0px 5px #444;
           box-shadow: 0px 0px 5px #444; 
}

.shadow10 {  -moz-box-shadow: 0px 0px 10px #444;
           -webkit-box-shadow: 0px 0px 10px #444;
           box-shadow: 0px 0px 10px #444; 
}

.shadow-yellow {  -moz-box-shadow: 0px 0px 8px #444;
           -webkit-box-shadow: 0px 0px 8px #444;
           box-shadow: 0px 0px 8px #444; 
}

.shadow-green {  -moz-box-shadow: 0px 0px 4px #259959;
           -webkit-box-shadow: 0px 0px 4px #259959;
           box-shadow: 0px 0px 4px #259959; 
}

.rounded-corners3 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

.rounded-corners5 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.rounded-corners10 {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.f-container { padding: 10px; text-align: center; width:380px; height:530px; background-color:#000000; overflow:hidden; }
.f-container .f-title { font-size:26pt; display:inline-block; text-align:center;  }
.f-container .inner { background:#ffffff url('../../Images/popPanel-Bg.png') no-repeat; position:relative; }
a.closePanel { z-index:999; position:absolute; top:-10px; right:-10px; background:url('../../Images/close.png') no-repeat; width:30px; height:30px; display:inline-block; }


/* default middle product design */
.prod-mid { width: 300px; height: 381px; margin-right: 40px; background-color: #ffffff; float: left; outline:0;}
.prod-mid .p-inner { background: #f0f0f0; margin: 3px; } 
.prod-mid .p-inner:hover { background: #ffffff; } 
.prod-mid .p-inner .boxtitle { text-align: center; font-weight: bold; font-family: Arial; font-size: 18px; padding:8px 0; color:#494949; outline:0; } 
.prod-mid .p-inner .boxcontent { text-align:center; text-shadow: #ffffff 0px 1px 0px ; color:#666666; outline:0; position:relative; height:337px }

/* default three products at bottom */
.prod { width: 300px; height: 260px; margin: 25px 40px 25px 0; background-color: #ffffff; float: left; outline:0;}
.prod .p-inner { background: #f0f0f0; margin: 3px; } 
.prod .p-inner:hover { background: #ffffff; } 
.prod .p-inner .boxtitle  { text-align: center; font-weight: bold; font-family: Arial; font-size: 18px; padding:8px 0; text-shadow: 1px 1px #ffffff;  color:#494949; outline:0; } 
.prod .p-inner .boxcontent { text-align:center; text-shadow: #ffffff 0px 1px 0px ; color:#666666; height:155px; outline:0; position:relative; height:216px; }

/* SQBuy : Default.aspx */ 
.bg-StepTitle { background: url('../../images/SQBuy-Just-Three-Steps.png') no-repeat; height:53px; width:402px; display:inline-block; }
.step-content { width: 300px; float: left; text-align: center; }
.step-content h3 { padding: 10px 0; font-weight: bold; font-size: 12px; }
.step-content .step-details { font-size: 12px; padding:0 50px; }
.sqBuy-separator { background: url('../../images/SQBuy-SeparatorLine.png') no-repeat; height:41px; width:907px; display:inline-block; }
.sqTakeCare { background: url('../../images/SQBuy-We-Take-Care-Of-the-Rest.png') no-repeat; height:44px; width:642px; display:inline-block; }
.sqFeatures { background: url('../../images/SeeFeatures.png') no-repeat; height:37px; width:135px; display:inline-block; }

.sqFeatureTitle { background: url('../../images/SQBuy-MadewithYouinmind.png') no-repeat; height:43px; width:604px; display:inline-block; }
.sqFeatureLeft { float: left; width: 179px; text-align: left; padding: 20px 0; }
.sqFeatureLeft ul { list-style-type:none; margin:0; padding:0; padding-left:20px;}
.sqFeatureLeft ul li { padding-bottom:15px; font-size:12px; }

.sqFeatureTopic { background-color:#f2f2f2; font-size: 40px; font-family: Arial; color:#259959; padding: 15px 40px; line-height:50px; margin-bottom:20px;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    -khtml-border-radius: 0 10px 0 0;
    border-radius: 0 10px 0 0; }
.sqFeatureContent { float: left; width: 800px; text-align: left; border-left: solid 1px #e7e7e7; background-color:#ffffff;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 0 10px 10px 0;
    -khtml-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0; }
.sqFeatureContent p { padding: 0 40px 10px 40px; font-size:13px; line-height:20px; font-family:Arial; margin:0; }
.sqFeatureContent .detail-hdr { text-align:center; padding:10px; font-size:20px; }
.sqFeatureContent .detail { float:left; width:350px; margin-right:20px; margin-bottom:40px; }
.sqFeatureContent .detail img { float:left; height:70px; width:70px; margin: 0 25px 20px 0; }
.sqFeatureContent .detail h3 { color:#259959; font-size:16px; margin:0; padding:0; margin-bottom:5px; }
.sqFeatureContent .detail p { font-size:13px; margin:0; padding:0; font-family:Arial; }

/* Footer style */
#footer-frame { background-color:#f0f0f0 }
#footer-frame .footer {	width: 980px; margin: 0 auto; padding:5px 0; color:#666666; font-size:11px; font-family:Arial }

#footer-frame .footer div { color: #666666;	font-weight: bold; }
#footer-frame .footer  div a {	color: #666666;	font-weight: bold; }
#footer-frame .footer div span {	font-family: Georgia, Times, serif;	font-style: italic;	font-weight: normal; }
#footer-frame .footer a, .marketing-footer a:visited{ 	color:#404e04;	text-decoration:none; }
#footer-frame .footer a:hover{ 	text-decoration:underline; } 
#footer-frame .footer .icon-title { font-family:Arial; color:#aeaeae; font-size:12pt; padding-bottom:10px }
#footer-frame .footer .icon-space { display:inline-block;  width:15px;}

/* Open Shop */
.mid-open { background:#dceee5 url('../../images/MidTitleBackground.png') repeat-x; height:100px; }
.mid-open h1 { color: #FFD412; font-size:2.4em; display: block; text-shadow: #000 0px 1px 2px; line-height:90px; font-weight:bold; font-family:Arial }

.open-box { border:solid 1px #8392a4; border-top:solid 1px #66707c; width:560px; background-color:#e4f2e3; }
.open-boxheader { height:48px; background-color:#e4f2e3; padding:10px 20px; position:relative;
                  border-top-left-radius: 5px; border-top-right-radius: 5px; }
.open-icon { position:absolute; top:-10px; left:15px;  }
.open-boxheader h2 { font-size:14pt; font-family:Arial; font-weight:bold; margin-left:70px; }
.open-boxheader h5 { font-size:10pt; font-family:Arial; margin-left:70px; }
.partition { border-top:solid 1px #c1cad5; height:1px; background-color:#f3f6f9; }
.open-fill { height:50px; background-color:#ccdfce; position:relative; } 
.open-fill span { display:inline-block; width:200px; text-align:right; font-weight:bold; font-family:Arial; text-shadow: #fff 0px 1px 1px; margin:10px; }
.open-fill input { font-size:11pt; margin-top:9px; height:26px; display:inline-block; }
.open-fill .open-validate { padding:3px 5px; background-color:#ffd1d1; border:solid 1px #c1cad5; font-size:8pt; position:absolute; 
                            right:-140px; top:0; width:150px; height:24px; line-height:24px; margin-top:9px; text-align:left; }
.open-fill .open-validate2 {  padding:3px 5px; background-color:#ffd1d1; border:solid 1px #c1cad5; font-size:8pt; position:absolute; 
                            right:-190px; top:0; width:200px; height:24px; line-height:24px; margin-top:9px; text-align:left; }
.open-finish { background: url('../../images/FinishButton.png') no-repeat 0 0; height:54px; width:115px; display:inline-block; }
.open-finish:hover { cursor:pointer; background: url('../../images/FinishButton.png') no-repeat 0 -54px; height:54px; width:115px; display:inline-block }


/* Open Shop : Notification */
.n-modalBackground { 	background-color:Black;	filter:alpha(opacity=60); opacity:0.6; }
.n-shadow {  -moz-box-shadow: 0px 0px 12px #000;
            -webkit-box-shadow: 0px 0px 12px #000;
            box-shadow: 0px 0px 12px #000; 
}
.n-container { padding: 40px; width:400px; height:200px; background-color:#ffffff; }
.n-container .n-title { font-size:20pt; display:inline-block; text-shadow: #999 0px 1px 1px; }

/* Contact Us */
.mid-contact { background:#dceee5 url('../../images/MidTitleBackground.png') repeat-x; height:100px; }
.mid-contact h1 { color: #abd406; font-size:2.4em; display: block; text-shadow: #000 0px 1px 2px; line-height:90px; font-weight:bold; font-family:Arial }
.sqContact { float: left; }
.sqContact a, .sqContact span { display:inline-block; padding-left:3px; font-size:0.8em;}
.sqContact hr { border:0; margin:2px; }
.contact-title { color: #20663F; font-family: Arial; font-size: 1.4em; font-weight: bold;
                    letter-spacing: 0.8px; }

.under { font-family:Arial; width: 980px; display: inline-block; text-align:center}
.under h1 {font-weight:bold; color: #FFD412; font-size: 3.6em; display: inline-block; padding-bottom: 5px; text-shadow: #000 0px 2px 4px; line-height:400px;}


.loginFrame { border: solid 1px #259959; background-color: #e4f2e3; width: 280px; padding: 20px; height: 230px; }
#divLoginEmail:hover { background-color: #eff6ee; }
#divLoginFB:hover { background-color: #eff6ee; }

.validate { padding:3px 5px; background-color:#ffd1d1; border:solid 1px #c1cad5; font-size:8pt; position:absolute; 
            left:255px; top:8px; width:80px; height:24px; line-height:24px; margin-top:9px; text-align:left;
            font-weight:bold; font-family:Arial; text-shadow: #fff 0px 1px 1px; }

.common-btn { background:url('../../Images/MasterImage(SBuy).png') no-repeat scroll right -51px; display:block; float:left; 
                           height:26px; margin-right:6px; padding-right:15px; color:#333333; text-decoration:none; outline:none; }
.common-btn span { background:url('../../Images/MasterImage(SBuy).png') no-repeat left -51px; display:block;
                                   line-height:16px; padding:5px 0px 5px 15px; outline:none; font-weight:bold; }

.common-btn:hover, .amouseup { background:url('../../Images/MasterImage(SBuy).png') no-repeat scroll right -78px; display:block; float:left; 
                           height:26px; margin-right:6px; padding-right:15px; text-decoration:none; }
.common-btn:hover span, .spmouseup { background:url('../../Images/MasterImage(SBuy).png') no-repeat left -78px;  display:block;
                                   line-height:16px; padding:5px 0px 5px 15px; }
.common-btn span:hover { background:url('../../Images/MasterImage(SBuy).png') no-repeat left -78px;  display:block;
                                   line-height:16px; padding:5px 0px 5px 15px; }

.common-btn:active, .amousedown { background:url('../../Images/MasterImage(SBuy).png') no-repeat scroll right -105px; outline:none; border:0; 
                                       -ms-background-position-x: right; -ms-background-position-y: -105px; display:block; float:left;  font-weight:bold;
                                       height :26px; margin-right:6px; padding-right:15px; text-decoration:none; }
.common-btn:active span, .spmousedown { background:url('../../Images/MasterImage(SBuy).png') no-repeat left -105px; outline:none; border:0; padding:6px 0px 4px 15px;
                                               -ms-background-position-x: left; -ms-background-position-y: -105px; display:block; line-height:16px; font-weight:bold; }
.common-btn span:active { background:url('../../Images/MasterImage(SBuy).png') no-repeat left -105px; outline:none; border:0; padding:6px 0px 4px 15px;
                                               -ms-background-position-x: left; -ms-background-position-y: -105px; display:block; line-height:16px; font-weight:bold; }
.common-btn span:visited { color:#333333; outline:none; }

/* Motorola */
.title-topline { background-color: #e4e5e6; height: 6px }
.title-bg { background:#fff url('../../images/title_gradient4.png') repeat-x; }
.title-bg h1 { font-size:2.0em; padding:4px 15px 4px 15px; text-shadow: #ffffff 0px 1px 0px ; color:#444444; }
.title-bg h2 {  font-size:1.3em; padding:0 0 10px 15px; font-style:italic; font-family:Georgia; }