/* (Wherigo) Screen.css - Last Updated 07 Oct 2009 by TWT */
body{
margin:0;
padding:0;
background:#e0e0e0 url(../images/bg_pg.gif) repeat-x;
}
/* @group Hidden Elements */
hr{
display:none;
}
/* @end */
/* @group Layout */
/* @group Page */
#page{
margin:0 auto;
padding:0;
min-width:770px;
max-width:980px;
width:expression(document.body.clientWidth < 772? "770px" : document.body.clientWidth > 982? "980px" : "auto");
background-color:#fff;
}
div#page.homepage{
width:770px;
}
/* @end */
/* @group Header */
#header{
margin:0 10px;
padding:0;
width:auto;
height:60px;
background:url(../images/bg_hdr3.jpg) no-repeat;
}
#headerBorderLeft{
background:url(../images/fade_hdr_l.gif) repeat-y left;
}
#headerBorderRight{
background:url(../images/fade_hdr_r.gif) repeat-y right;
}
/* @end */
/* @group Navigation */
#navigation{
margin:0 10px !important;
padding:0 0 0 25em !important;
height:20px;
background:url(../images/bg_nav3.jpg) no-repeat;
}
/* @end */
/* @group Content */
#content{
margin:0;
padding:15px 20px;
width:auto;
}
.clear{
margin:0;
padding:0;
width:auto;
clear:both;
}
#contentLeft,#contentRight,.contentFull,.contentHalfLeft,.contentHalfRight{
margin:0;
padding:0;
}
#contentLeft{
margin-right:15px;
width:64%;
float:left;
}
#contentRight{
width:33%;
float:right;
}
.contentFull{
width:auto;
clear:both;
}
.contentHalfLeft{
margin-right:4%;
width:47%;
float:left;
}
.contentHalfRight{
width:47%;
float:left;
}
.widget{
margin-bottom:30px;
}
.left{
float:left;
}
.right{
float:right;
}
#contentBorderLeft{
background:url(../images/fade_content_l.gif) repeat-y left;
}
#contentBorderRight{
background:url(../images/fade_content_r.gif) repeat-y right;
}
/* @end */
/* @group Footer */
#footer{
margin:0;
padding:5px 20px 10px 20px;
width:auto;
clear:both;
}
#footerLeft,#footerRight{
margin:0;
padding:0;
width:45%;
}
#footerLeft{
float:left;
text-align:left;
}
#footerRight{
float:right;
text-align:right;
}
#footerFull{
margin:0;
padding:0;
width:auto;
clear:both;
text-align:center;
}
.footerLine{
padding-top:10px;
display:block;
border-top:1px solid #006fa3;
}
/* @end */
/* @end */
/* @group Fonts */
h1,h2,h3,h4,#navigation{
margin:0;
padding:0;
font-family:"Trebuchet","Trebuchet MS",Verdana,sans-serif;
color: #006fa3;
}
#header h1 a{
width:230px;
height:60px;
display:block;
text-indent:-999999px;
background:transparent;
}
h2{
font-size:24px;
}
h3{
font-size:18px;
border-bottom:1px dotted #006fa3;
}
h4{
font-size:14px;
font-weight:bold;
}
#content .bodyContent h4{
margin-top:15px;
}
#navigation p{
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
color:#fff;
}
#content p,#content li,#content small,#content dt,#content dd,blockquote,#content th,#content td{
margin:0;
padding:0;
font:12px/20px Verdana,sans-serif;
color:#333;
}
blockquote{
margin:10px 25px;
padding:10px;
}
blockquote.alt{
margin:10px 25px;
padding:10px;
background-color:#effaff;
}
#content blockquote img{
margin:0;
padding:0;
}
#content .bodyContent blockquote p{
margin:0;
padding:0;
}
#content small,#content span.caption{
font-size:10px;
}
#content dl.glossary dt{
font-weight:bold;
display:block;
float:left;
}
#content dl.glossary dd{
padding-left:100px;
padding-bottom:25px;
}
#content dl.faq dt,#content label{
font-weight:bold;
}
#content dl.faq dd{
padding-bottom:25px;
}
#content dl.faq dd p{
margin:0;
padding:0;
}
#content dl.faq dd p.block{
margin:0;
padding:5px 0;
}
#content p.return{
margin:0 0 50px 0 !important;
padding:10px 0 !important;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#content p.return.last{
margin:0 !important;
padding:10px 0!important;
border-top:1px solid #ccc;
border-bottom:none;
}
#footer p{
font:10px Verdana,sans-serif;
color:#333;
}
#content input,#content select,#content textarea{
margin:0;
padding:0;
font:12px Verdana,sans-serif;
color:#333;
}
.alignLeft {
text-align:left;
}
.alignCenter {
text-align:center;
}
.alignRight{
text-align:right;
}
.borderBottom{
border-bottom:1px dotted #006fa3;
}
.warningInactive,.warningArchived,.warningNotOpenSource{
color:red;
}
.warningActive,.warningUnarchived,.warningOpenSource{
color:green;
}
/* @end */
/* @group Links */
a,a:link,a:active{
color:#006fa3;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
a:visited{
color:#2d07a3;
text-decoration:underline;
}
a.noUnderline,a.noUnderline img,a img{
text-decoration:none;
border:none;
}
#footerLeft a.gspLogo{
width:154px;
height:28px;
display:block;
text-indent:-999999px;
background:url(../images/logo_gsp_ftr.gif) no-repeat;
}
#navigation a,#navigation a:link,#navigation a:active,#navigation a:visited{
color:#fff;
text-decoration:none;
}
#navigation a:hover, #navigation a.on{
color:#bfeaff;
}
span.inactiveLink{
text-decoration:line-through;
color:red;
}
/* @end */
/* @group Modules */
/* @group Search Results and Details */
#content .bodyContent ul.searchList,#content .bodyContent ul.searchResultsList,#content .bodyContent ul.detailsList{
margin:15px 0;
padding:0;
list-style:none;
list-style-type:none;
}
.srLeft,.detailsLeft{
margin:10px;
padding:15px;
display:block;
float:left;
}
.detailsLeft{
margin-top:0;
width:120px;
}
.srRight,.detailsRight{
margin:10px 10px 10px 160px;
padding:15px;
display:block;
}
#content .srRight p.block{
margin-bottom:10px !important;
}
.srType{
margin:0 10px 0 0;
padding:0;
width:24px;
height:24px;
vertical-align:middle;
}
.srDirection{
margin:0 10px 0 0;
padding:0;
width:32px;
height:34px;
float:left;
vertical-align:top;
}
.log,.myHomeWidget{
margin:20px 0;
padding:0 0 20px 0;
}
/* @end */
/* @group Body Content */
#content .bodyContent h3{
margin-bottom:15px;
border:none;
}
#content .bodyContent p{
margin:0;
padding:0 0 15px 0;
}
img.tutorialImg{
margin:0 10px 0 0;
padding:0 10px 0 0 !important;
}
img.attributeIcon{
height:30px;
width:30px;
border-width:0;
}
/* @end */
/* @group Warning Messages */
.warning{
margin:0 0 15px 0;
padding:5px;
background-color:#ff9;
border:1px dotted #000;
}
.warning h3{
padding-bottom:5px;
font-size:14px;
color:#000;
border-bottom:none;
}
.warning .typeSuccess,.warning .typeWarning,.warning .typeError,.success .typeSuccess,.success .typeWarning, .success .typeError{
padding-left:45px;
}
.warning .typeSuccess,.success .typeSuccess{
background:url(../images/icon_success.gif) no-repeat 5px 5px;
}
.warning .typeWarning,.success .typeWarning{
background:url(../images/icon_warning.gif) no-repeat 5px 5px;
}
.warning .typeError,.success .typeError{
background:url(../images/icon_error.gif) no-repeat 5px 5px;
}
/* @end */
/* @group Featured Cartridge */
.featured h3{
border-bottom:none;
}
.featured h4{
margin:0;
padding:10px 0;
}
#content .featured ul{
margin:0;
padding:0;
list-style:none;
list-style-type:none;
}
#content .featured p.left{
margin:0 10px 10px 0;
padding:0;
}
#content p.arrows{
margin:10px 0 0 248px;
padding:0;
}
.lessthan{
padding-left:15px;
padding-bottom:15px;
background:url(../images/icon_lessthan.gif) no-repeat 0 0;
}
.greaterthan{
width:50px;
padding-right:32px;
padding-bottom:15px;
background:url(../images/icon_greaterthan.gif) no-repeat 32px 0;
}
/* @end */
/* @group Profile */
.profile{
padding:0;
border:1px dotted #006fa3;
background-color:#bfeaff;
}
.profileText{
padding:5px;
border:1px solid #fff;
}
#content .profileText p{
line-height:14px;
}
/* @end */
/* @group Widgets with Text Boxes */
.widgetTextBox{
margin:0;
padding:5px;
border:1px dotted #006fa3;
}
.pocketPC h3,.colorado h3,.upsell h3,.player h3,.builder h3,.searchInside h3,.emailList h3,.cartLoc h3{
border-bottom:none;
}
#content .upsell .widgetTextBox p.left{
margin:0;
padding:0 5px 0 0;
}
#content .searchInside .widgetTextBox p{
margin:0;
padding:0 0 5px 0;
}
#content p.gpsPhoto{
padding:0 10px 5px 0;
float:left;
}
/* @end */
/* @group Corner */
#content .corner h4{
margin:0;
padding:5px 0;
}
#content .corner p.left{
margin:0;
padding:0 10px;
width:29%;
}
/* @end */
/* @group gpsTable */
.greyBorder{
margin:0 5px 0 0;
padding:0;
border:#ebebeb 1px solid;
}
/* @end */
/* @group Attribute Table */
.attributeTable{
margin:20px 0;
padding:0;
width:100%;
border-collapse:collapse;
}
.attributeTable tr,.attributeTable th,.attributeTable td{
margin:0;
padding:0;
border-collapse:collapse;
}
.attributeTable th{
padding:3px;
font-weight:bold;
}
.attributeTable td{
padding:3px;
}
img.attributeImage{
vertical-align:middle;
}
/* @end */
/* @group My Cartridge Table */
.myCartridgeTable{
margin:20px 0;
padding:0;
width:100%;
border-collapse:collapse;
}
.myCartridgeTable tr,.myCartridgeTable th,.myCartridgeTable td{
margin:0;
padding:0;
border-collapse:collapse;
}
.myCartridgeTable th{
padding:3px;
font-weight:bold;
}
.myCartridgeTable td{
padding:3px;
}
img.cartridgeTableImage{
vertical-align:middle;
}
.myCartridgeTable tr.alt{
background-color:#effaff;
}
/* @end */
/* @end */
/* @group Forms */
form{
margin:0;
padding:0;
}
/* @group Search Inside Form */
.searchInsideForm{
margin:0;
padding:5px 5px 0 5px;
}
.searchInsideForm input.text{
width:176px;
}
.searchInsideForm select{
width:180px;
}
/* @end */
/* @group Sign In Form */
.signinForm table tr td{
text-align:left !important;
}
#content .signinForm input{
margin-bottom:15px !important;
}
#content .signinForm input[type="checkbox"]{
margin-right:3px !important;
}
html>body #content .signinForm .checkbox label{
*position:relative;
*top:-1.1em;
}
* html #content .signinForm .checkbox label{
position:relative;
top:-1.3em;
}
#content .signinForm td .validationText,#content .signinForm td .failureText p{
color:#8c0b0b !important;
}
/* @end */
/* @group Validate Form */
.validateForm label{
display:block;
float:left;
clear:both;
width:130px;
}
.validateForm input.text{
width:200px;
}
.validateForm input.submitButton{
margin:0 0 0 130px !important;
padding:0;
}
/* @end */
/* @group Need Help Signing In Form */
.needHelpForm label{
display:block;
float:left;
clear:both;
width:150px;
}
.needHelpForm input.text{
width:200px;
}
.needHelpForm input.button{
position:relative;
left:150px;
}
/* @end */
/* @group Edit Upload */
.editUploadForm{
margin:0;
padding:0;
width:90%;
float:left;
}
.editUploadForm label{
margin:0;
padding:0;
float:left;
width:150px;
display:block;
}
#content .editUploadForm p{
clear:both;
}
.editUploadForm input.text{
margin:0;
padding:0;
width:150px;
}
.editUploadForm input.textSm{
margin:0;
padding:0;
width:30px;
}
.editUploadForm input.textMd{
margin:0;
padding:0;
width:50px;
}
.editUploadForm .textarea{
margin:0;
padding:0;
width:95%;
height:100px;
}
.editUploadForm .moveFields{
margin:0 0 0 150px;
padding:0;
display:block;
}
/* @end */
/* @group Account Detail */
.accountDetailForm label{
margin:0;
padding:0;
float:left;
width:200px;
display:block;
}
.accountDetailForm input.text{
margin:0;
padding:0;
width:200px;
}
.accountDetailForm input.textSm{
margin:0;
padding:0;
width:30px;
}
.accountDetailForm input.textMd{
margin:0;
padding:0;
width:50px;
}
.accountDetailForm textarea{
margin:0;
padding:0;
width:200px;
height:100px;
}
.accountDetailForm .moveFields{
margin:0 0 0 200px;
padding:0;
display:block;
}
#content .accountDetailForm h4{
margin-top:25px;
margin-bottom:5px;
}
/* @end */
/* @group Edit Cartridge */
.editCartridgeForm label{
margin:0;
padding:0;
float:left;
width:225px;
display:block;
}
.editCartridgeForm label small{
width:175px;
display:block;
}
.editCartridgeForm input.text{
margin:0;
padding:0;
width:200px;
}
.editCartridgeForm input.textSm{
margin:0;
padding:0;
width:30px;
}
.editCartridgeForm select.selectSm{
margin:0;
padding:0;
width:50px;
}
.editCartridgeForm input.textMd{
margin:0;
padding:0;
width:50px;
}
.editCartridgeForm textarea{
margin:0;
padding:0;
width:200px;
height:100px;
}
.editCartridgeForm .moveFields{
margin:0 0 0 225px !important;
padding:0;
display:block;
}
.editCartridgeForm input.radio{
margin:0 5px 0 0 !important;
padding:0;
}
.editCartridgeForm label.radioLabel{
margin:0 10px 0 0;
padding:0;
float:none;
display:inline;
}
.editCartridgeForm label.checkboxLabel{
margin:0 10px 0 5px;
padding:0;
float:none;
display:inline;
}
/* @end */
/* @group Set Location */
.setLocationForm input.radio{
margin:0 5px 0 0 !important;
padding:0;
}
.setLocationForm label.radioLabel{
margin:0 10px 0 0;
padding:0;
float:none;
display:inline;
}
.setLocationForm label.checkboxLabel{
margin:0 10px 0 5px;
padding:0;
float:none;
display:inline;
}
.setLocationForm input.text{
margin:0;
padding:0;
width:200px;
}
.setLocationForm input.textSm{
margin:0;
padding:0;
width:30px;
}
.setLocationForm select.selectSm{
margin:0;
padding:0;
width:50px;
}
.setLocationForm input.textMd{
margin:0;
padding:0;
width:50px;
}
/* @end */
/* @group Change Password */
.changePasswordForm label{
margin:0;
padding:0;
float:left;
width:200px;
display:block;
}
.changePasswordForm input.text{
margin:0;
padding:0;
width:150px;
}
.changePasswordForm input.submitButton{
margin:0 0 0 200px !important;
padding:0;
}
/* @end */
/* @end */
/* @group Pagination Control */
#content table.PagerContainerTable{
margin:0;
padding:0;
}
#content table.PagerContainerTable td{
padding-right:10px;
}
.Login-FailurePanel{
margin:0 0 20px 0;
padding:5px;
display:block;
background-color:#ecd1bc;
border:1px dotted #8c0b0b;
}
#content .Login-FailurePanel p{
margin:0;
padding:0;
display:block;
}
/* @end */
/* @group Membership and Gift Flows */
.MembershipWidget .WidgetBody{
font:12px/20px Verdana,sans-serif;
}
.MembershipComparisonTable{
margin-bottom:1.5em !important;
}
.MembershipComparisonTable th{
font-weight:bold !important;
}
.MembershipComparisonTable th,.MembershipComparisonTable td{
padding:1em !important;
}
.Common h3{
border-bottom:none !important;
}
.Branding h3,.Branding h4{
margin-top:1.5em !important;
}
.Branding dl.RegistrationForm dt{
width:16em !important;
padding-bottom:1.5em !important;
clear:both !important;
}
.Branding dl.RegistrationForm dd{
margin-left:16em !important;
padding-bottom:1.5em !important;
}
.MembershipWidget dl.PaymentForm dt,.MembershipWidget dl.AddressForm dt,.MembershipWidget dl.CreditCardForm dt,.MembershipWidget dl.SubscriptionForm dt,.MembershipWidget dl.GiftCardForm dt{
width:17em !important;
clear:both !important;
font-weight:bold !important;
}
.MembershipWidget dl.PaymentForm dd,.MembershipWidget dl.AddressForm dd,.MembershipWidget dl.CreditCardForm dd,.MembershipWidget dl.SubscriptionForm dd,.MembershipWidget dl.GiftCardForm dd{
margin-left:17em !important;
padding-bottom:1.5em !important;
}
dl.CartList dt{
width:15em !important;
padding-bottom:1em !important;
font-weight:bold !important;
}
dl.CartList dd{
margin-left:15em !important;
padding-bottom:1em !important;
}
.WHSpacing{
margin:1.5em 0 !important;
}
h3.WHBorder{
border-bottom:none !important;
}
/*.textarea{
width:65% !important;
}*/
/* @end */