/* HTML elements. */
a { text-decoration: none; outline:none; }
a:hover { text-decoration: underline }
a img { border: none; text-decoration: none; }
a:hover img { border: none; text-decoration: none; }
p a { color:#F00; }
body { margin: 0px; padding: 0 0 30px 0; font: normal 12px Verdana, sans-serif; text-align: center; clear:both;}
tr { margin: 0px; padding: 0 0 0px 0; font: normal 12px Verdana, sans-serif; text-align: left;}
td { margin: 0px; padding: 0 0 0px 0; font: normal 12px Verdana, sans-serif; text-align: left;}
td div.imgfix {height:17px;}
*html td div.imgfix {height:17px;}
th { margin: 0px; padding: 0 0 0px 0; font: normal 12px Verdana, sans-serif; text-align: left;}
table { margin: 0px; padding: 0 0 0px 0; font: normal 12px Verdana, sans-serif; text-align: left;}
tbody { margin: 0px; padding: 0 0 0px 0; font: normal 12px Verdana, sans-serif; text-align: left;}
thead { margin: 0px; padding: 0 0 0px 0; font: normal 12px Verdana, sans-serif; text-align: left;}
form { margin: 0px; padding: 0px; text-align: left;}
input:focus{ color:red; }
/* General page elements. */
div.clear {
clear: both;
margin: 0;
padding: 0;
height: 0;
line-height: 0;
font-size: 0;
}
#contentwrapper { width: 966px; margin: 10px auto; text-align: left;}
#content { float: left; display: inline; width: 966px; margin-bottom: 10px; }
.hasoffset { padding-bottom: 60px; }
* html .hasoffset { padding-bottom: 0px; }
input.offsetbutton, a.offsetbutton {
float: right; display: inline;
margin: -40px 20px 0 0; padding: 0;
border: none; outline: none;
}
.offsetbutton img { display: block; }
/* IE5 Hack */
* html #contentwrapper {
position: absolute;
left: 50%;
margin-left: -483px;
posi\tion: static;
mar\gin: 10px auto;
float: none;
}
/* End IE5 Hack */
address {
margin: 1em 0;
color: #000;
font: normal .9em Verdana, sans-serif;
font-style: normal;
}
h1 {
margin: 0px; padding: 0px;
font: normal 1.666em/1.666em Arial, sans-serif;
color: red;
}
h2 {
margin: 0px; padding: 0px;
font: bold 1.333em/1 Arial, sans-serif;
color: red;
}
h2 span.action a { color: #999; }
h2 span.action a:hover { text-decoration: underline; }
h3 {
margin: 0px; padding: 0px;
font: bold 1em/1 Arial, sans-serif;
color: #999;
}
#footer {
width: 920px; height: 15px;
padding: 10px 20px 8px;
color: #666;
font: normal .75em Verdana, "lr SVbN", "MS Gothic", "Osaka|", Osaka-mono, monospace, sans-serif;
}
* html #footer {
width: 960px; height: 15px;
padding: 10px 20px 8px;
color: #666;
font: normal .75em Verdana, sans-serif;
}
#leftfooter { float: left; display: inline;}
#rightfooter { float: right; display: inline; text-align: right; }
* html #rightfooter { float: right; display: inline; text-align: right; }
#footer span, #footer a { margin: -10px 4px; }
#footer .first { margin: -10px 4px 0px 0px; }
#footer .last { margin: -10px 0px 0px 4px; }
#footer em { font-style: normal; font-weight: bold; color: #333; }
#footer a { color: #666; }
#footer a:hover { text-decoration: underline; }
#emailRegistration {
width: 400px;
height: 40px;
background: white url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/rightshadow.gif") right top repeat-y;
float: right; display: inline;
color: #666;
margin-bottom: 25px;
}
#emailRegistration form {
color: #666;
margin: 0;
padding: 0;
font-size: .8em;
padding: 9px 0 0 12px;
}
#emailRegistration #emailRegEmail {
font-size: .9em;
width: 130px;
}
#emailRegistration #emailRegSubmit {
font-weight: bold;
color: red;
}
#otherStores {
height: 40px;
background: white url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/rightshadow.gif") right top repeat-y;
float: left;
display: inline;
color: #666;
margin-bottom: 25px;
}
* html #iespacer { margin-top:25px; }
/* Elements in the left hand column only. */
#leftcolumn {
float: left; display: inline;
width: 200px;
}
#logo {
float: left; display: inline;
width: 130px; height: 38px;
margin: 12px 35px 0px;
}
#searchbox {
float: left; display: inline;
width: 163px; height: 46px;
margin: 14px 20px 0px;
}
#searchbox .inside { float: left; display: inline; padding: 15px 0px 15px 15px; }
#searchbox form { float: left; display: inline; margin: 0px; padding: 0px; }
#searchbox #results { overflow: none;
margin-top:20px;
margin-left:-60px;
display: none;
position: absolute;
no-repeat;
scrollbar-DarkShadow-Color:aaaaaa;
scrollbar-Track-Color:ebebeb;
scrollbar-Face-Color:e6e6e6;
scrollbar-Shadow-Color:dcdcdc;
scrollbar-Highlight-Color:f0f0f0;
scrollbar-3dLight-Color:FFFFFFF;
scrollbar-Arrow-Color:white;
z-index:9999;
}
*html #searchbox #results {
margin-top:25px;
margin-left:-190px;
display: none;
position: absolute;
scrollbar-DarkShadow-Color:aaaaaa;
scrollbar-Track-Color:ebebeb;
scrollbar-Face-Color:e6e6e6;
scrollbar-Shadow-Color:dcdcdc;
scrollbar-Highlight-Color:f0f0f0;
scrollbar-3dLight-Color:FFFFFFF;
scrollbar-Arrow-Color:white;
z-index:9999;
}
#inputwrapper { float: left; display: inline;
width: 130px;
border: #CCC 1px solid;
background: #FFF;
}
#inputwrapper input {
float: left; display: inline;
width: 110px; height: 14px;
margin: 0px; padding: 0px;
border: none;
font: normal 12px/14px Verdana, sans-serif;
color: #000;
}
/*#inputwrapper a#searchgo {
float: right; display: inline;
width: 14px; height: 14px;
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/searchgo.gif") left center no-repeat;
text-indent: -999em; letter-spacing: -999em;
margin-top:2px;
}*/
#inputwrapper a#searchgo:hover { /*background-position: right center;*/ }
#searchError { position: absolute; color: #FFF; background: #FF0000; font: normal .9em/.9em Verdana, sans-serif; padding: 3px; }
#navigationbox {
float: left; display: inline;
width: 165px;
margin: -10px 20px 0px;
min-height: 490px;
}
/*
#navigationbox .inside { float: left; display: inline; padding: 15px; }
#bugblock {
float: left; display: inline;
width: 100%; height: 225px;
}
*/
ul.nav a { color: #FFF; text-decoration: none; }
ul.nav a:hover { opacity: .5; color: #FFF; }
ul.nav, ul.nav ul {
list-style: none;
float: left; display: inline;
width: 130px;
margin: 0px; padding: 0px;
background: red;
color: #FFF;
font: bold 2em arial, sans-serif;
text-transform: uppercase;
}
ul.nav ul { text-transform: none; font-size: 80%; }
ul.nav li {
list-style: none;
float: left; display: inline;
width: 130px;
margin: 0px; padding: 0px 0px 0px 0px;
}
ul.nav li li { width: 110px; padding: 0px 0px 0px 10px; }
ul.nav li li li { width: 100px; padding: 0px 0px 0px 20px; }
ul.nav ul { padding-bottom: 5px; }
ul.nav ul ul { margin-left: -10px; }
/* Right Column */
#rightcolumn {
float: left; display: inline;
width: 760px;
margin-right: 0px;
}
#mainnavigation {
float: left; display: inline;
width: 740px; height: 38px;
margin: 12px 20px 0px 0px;
background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/mainnavigation.gif") left top no-repeat;
}
#welcome {
float: left; display: inline;
height: 32px;
margin-left: 6px;
padding-top: 4px;
color: #FFF;
font: normal .9em/32px Verdana, sans-serif;
}
#welcome a { color: #FFF; margin: 0px 5px; }
#welcome a:hover { text-decoration: underline; }
#logout {
float: left; display: inline;
height: 32px;
margin-left: 6px;
padding-top: 4px;
color: #FFF;
font: normal .9em/32px Verdana, sans-serif;
}
#logout a { color: #FFF; margin: 0px 5px; }
#logout a:hover { text-decoration: underline; }
#storelinks {
float: right; display: inline;
height: 32px;
padding-top: 4px;
color: #FFF;
font: normal .9em/32px Verdana, sans-serif;
}
#storelinks a { color: #FFF; margin: 0px 5px; }
#storelinks a:hover { text-decoration: underline; }
#mainbox {
float: left; display: inline;
width: 740px;
margin-top: 14px;
height: auto;
}
* html #mainbox .iefix { height:550px}
* html #mainbox .iefixcategory {height:500px}
#mainbox .inside { float: left; height: auto; display: inline; padding: 15px; }
#mainbox .inside .productDetail { float: left; height: auto; display: inline; padding: 15px; }
* html #mainbox { float: left; display: inline;
width: 740px;
margin-top: 0px;
height: 500px; margin-bottom:10px;}
.clearblock {
clear: both; display: block;
width: 0px; height: 0px; line-height: 0px;
}
/* For rounded corners. */
.corner1, .corner2, .corner3, .corner4,
.corner1clear, .corner2clear, .corner3clear, .corner4clear,
.corner1gray, .corner2gray, .corner3gray, .corner4gray,
.corner1red, .corner2red, .corner3red, .corner4red,
.corner1shadow, .corner1tab, .corner2shadow, .corner3shadow, .corner4shadow,
.topshadow, .rightshadow, .bottomshadow, .leftshadow,
.decorativebottomshadow, .corner1decorative, .corner2decorative, .corner3decorative, .corner4decorative {
float: left; display: inline;
width: 100%;
}
/* .corner1, .corner2, .corner3, .corner4,
.decorativebottomshadow, .corner1decorative, .corner2decorative, .corner3decorative, .corner4decorative, .corner1shadow, .corner1tab, .corner2shadow, .corner3shadow, .corner4shadow {
height:100%;
} */
/* Pagination Elements */
.pagination {
list-style: none;
float: right; display: inline;
margin: .5em 0px 0px 0px; padding: 0px;
font-weight: normal;
font-size: .9em;
}
.pagination li { float: left; display: inline; }
.pagination a { color: #999; display: block; padding: 0px 3px 2px 3px; }
.pagination a:hover { color: #F00; }
.pagination .focused a { color: #F00; }
/* If decorative corners import fails. */
body { background-color: #999; }
#content { background: white url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/rightshadow.gif") right top repeat-y; height:auto; }
.decorativebottomshadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/bottomshadow.gif") left bottom repeat-x; }
.corner1decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/topleftcorner.gif") left top no-repeat; }
.corner2decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/toprightcorner.gif") right top no-repeat; }
.corner3decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/bottomleftcorner.gif") left bottom no-repeat; }
.corner4decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/bottomrightcorner.gif") right bottom no-repeat; }
/* Shadowed corners. */
.topshadow { float: left; display: inline; background: #FFF url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/topshadow.gif") left top repeat-x; }
.topshadowtrans { float: left; display: inline; background: #FFF url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/topshadow.gif") left top repeat-x; }
.topshadow3tabs { float: left; display: inline; background: #FFF url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/tabs_3topshadow.gif") left top repeat-x; }
.topshadow2tabs { float: left; display: inline; background: #FFF url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/tabs_2topshadow.gif") left top repeat-x; }
.topshadow1tabs { float: left; display: inline; background: #FFF url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/tabs_1topshadow.gif") left top repeat-x; }
.rightshadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/rightshadow.gif") right top repeat-y; }
.rightshadowsugg { float: left; display: inline; background: url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/rightshadow.gif") right repeat-y;}
.bottomshadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/bottomshadow.gif") left bottom repeat-x; }
.bottomshadowsugg { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/bottomshadow.gif") bottom repeat-x; }
.leftshadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/leftshadow.gif") left top repeat-y; }
.leftshadowsugg { float: left; display: inline; background: #FFF url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/leftshadow.gif") left top repeat-y; }
.topdarkshadow { float: left; display: inline; background: #333 url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/topshadow.gif") left top repeat-x; }
.corner1tab { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/topleftcorner.gif") left top no-repeat; }
.corner1shadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/topleftcorner.gif") left top no-repeat; }
.corner2shadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/toprightcorner.gif") right top no-repeat; }
.corner3shadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/bottomleftcorner.gif") left bottom no-repeat; }
.corner4shadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/bottomrightcorner.gif") right bottom no-repeat; }
.corner1transparent { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images2/topleftcorner_02.gif") left top no-repeat; }
.corner2transparent { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/shadow_transparent/toprightcorner.gif") right top no-repeat; }
.corner3transparent { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/shadow_transparent/bottomleftcorner.gif") left bottom no-repeat; }
.corner4transparent { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/shadow_transparent/bottomrightcorner.gif") right bottom no-repeat; }
.corner1darkshadow { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/333shadow/topleftcorner.gif") left top no-repeat; }
.corner2darkshadow { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/333shadow/toprightcorner.gif") right top no-repeat; }
.corner3darkshadow { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/333shadow/bottomleftcorner.gif") left bottom no-repeat; }
.corner4darkshadow { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/333shadow/bottomrightcorner.gif") right bottom no-repeat; }
/* Basic corner types. */
.corner1 { float: left; display: inline; background: #FFF url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/FFF/topleftcorner.gif") left top no-repeat; }
.corner2 { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/FFF/toprightcorner.gif") right top no-repeat; }
.corner3 { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/FFF/bottomleftcorner.gif") left bottom no-repeat; }
.corner4 { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/FFF/bottomrightcorner.gif") right bottom no-repeat; }
.corner1clear { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/transparent/topleftcorner.gif") left top no-repeat; }
.corner2clear { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/transparent/toprightcorner.gif") right top no-repeat; }
.corner3clear { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/transparent/bottomleftcorner.gif") left bottom no-repeat; }
.corner4clear { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/transparent/bottomrightcorner.gif") right bottom no-repeat; }
.corner1gray { float: left; display: inline; background: #EEE url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/EEE/topleftcorner.gif") left top no-repeat; }
.corner2gray { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/EEE/toprightcorner.gif") right top no-repeat; }
.corner3gray { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/EEE/bottomleftcorner.gif") left bottom no-repeat; }
.corner4gray { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/EEE/bottomrightcorner.gif") right bottom no-repeat; }
.corner1red { float: left; display: inline; background: #F00 url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/F00/topleftcorner.gif") left top no-repeat; }
.corner2red { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/F00/toprightcorner.gif") right top no-repeat; }
.corner3red { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/F00/bottomleftcorner.gif") left bottom no-repeat; }
.corner4red { float: left; display: inline; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/F00/bottomrightcorner.gif") right bottom no-repeat; }
/* Ajax Specific */
.mainLoading { float: left; display: inline; margin: 0px 0px 0px 15px; padding-top: 20px; color: #999; }
/* Product Detail Screen */
#productDetailBox { float: left; display: inline; width: 669px; margin: 0px 18px 0px 4px; }
#productDetailBox dl.productpromos { float: left; display: inline; width: 628px; height: 43px; margin: 0px; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/tabs/tabs_1.gif") left top no-repeat; }
#productDetailBox dl.productpromos { margin-bottom: -1px; }
.tabs3 { background-image: url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/tabs/tabs_3.gif"); }
.tabs2 { background-image: url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/tabs/tabs_2.gif"); }
.tabs1 { background-image: url("http://imageserverus.puma.com/pisa/shop/red/shop/corners/tabs/tabs_1.gif"); }
#productDetailBox dl.productpromos dt { float: left; display: inline; width: 32px; margin: 0px 0px 0px 15px; padding: 6px 0px 5px; width: 32px; height: 32px; }
#productDetailBox dl.productpromos dd { float: left; display: inline; width: 151px; margin: 0px -13px 0px 0px; color: #FFF; padding: 11px 8px 10px; text-transform: uppercase; font-weight: bold; font-size: .9em; line-height: 1.1em; letter-spacing: -.05em; }
* html #productDetailBox dl.productpromos dd {
width: 167px;
}
#productDetailBox .inside { float: left; display: inline; width: 649px; margin-left: 0px; }
#productDetailBox .left { float: left; width: 314px; margin-left: 14px; }
#productDetailBox .right { float: left; width: 303px; }
#productDetailBox .left h2 { color: #999; padding: 0px; margin: 0px 0px 0px 0px; font: bold 1.5em/1.3em Verdana, sans-serif; text-transform: uppercase; }
#productDetailBox .left h3 { color: #CCC; padding: 0px; margin: 3px 0px 0px 0px; font: .9em/1.1em Verdana, sans-serif; }
#productDetailBox .left .shoeimg { margin: 0px 0px 0px 5px; }
#productDetailBox .left .shoeimg img { display: block; }
#productDetailBox .left .shoeimg .zoom { margin: 15px 0px 0px 0px; }
#productDetailBox .left .shoeimg .zoom a { padding-left: 18px; color: #999; font: bold 1em/1.2em Verdana, sans-serif; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/zoomplus.gif") left center no-repeat; text-transform: uppercase; }
#productDetailBox .left .shoeimg .zoom a:hover { color: #666; }
#productDetailBox .right .addtools {
float: right; display: inline;
margin: 0px; padding: 0px;
font: normal .9em Verdana, sans-serif;
}
#productDetailBox .right .addtools li {
list-style: none;
float: left; display: inline;
}
#productDetailBox .right .addtools li a { color: #767676; }
#productDetailBox .right .addtools li a:hover { color: #333; }
#productDetailBox .right p.desc { color: #999; padding: 0px; margin: 36px 1.5em 0px 0px; font: normal .9em Verdana, sans-serif }
#productDetailBox .right p.price { color: #7D7D7D; padding: 0px; display:right; margin: 1em 15px 0px 0px; font: bold .9em Verdana, sans-serif }
#productDetailBox .right .sizeandcolor { margin: 20px 0px 0px 0px; width: 100%; }
#productDetailBox .right .sizeandcolor .coloroptionswrap { width: 144px; margin-top: 0px; float: left; display: inline; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions { display: inline; width: 144px; margin: 0px; padding: 0px; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li { float: left; display: inline; width: 36px; height: 36px; margin: 0px; padding: 0px; list-style:none; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li img { float: left; display: inline; width: 34px; height: 34px; margin: 0px; padding: 0px; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li a { float: left; display: inline; width: auto; margin: 0px; padding: 1px; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li a:hover { padding: 0px; border: 1px #DBDBDB solid; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.focused a { padding: 0px; border: 1px #DBDBDB solid; }
/*#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.row1 a { display: block; padding-top: 9px; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.row1 a:hover { background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/colorboxarrowdown.gif") center top no-repeat; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.row1 a.focused { background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/colorboxarrowdown.gif") center top no-repeat; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.row2 a { padding-top: 0px; height: 21px; display:block; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.row2 a:hover { background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/colorboxarrowup.gif") center bottom no-repeat; }
#productDetailBox .right .sizeandcolor .coloroptionswrap #coloroptions li.row2 a.focused { background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/colorboxarrowup.gif") center bottom no-repeat; }*/
#productDetailBox .right .sizeandcolor .sizewrap { float: right; margin-top: 6px; }
#productDetailBox .right .sizeandcolor .sizewrap a { color: #F00; display: block; font: normal .8em/1.0em Verdana, Sans-Serif; margin-bottom: 3px; }
#productDetailBox .right .sizeandcolor .sizewrap em { color: #000; font-style:normal; }
#productDetailBox .right .sizeandcolor .sizewrap select {
font: normal 1.0em Verdana, sans-serif;
background-color: #FAFAFA;
min-width: 120px;
border: 1px #CCC solid;
color: #000000;
margin: 0px;
}
* html #productDetailBox .right .sizeandcolor .sizewrap select { width: 120px; } /* IE6 Fix */
#productDetailBox .right .sizeandcolor .sizewrap select option { color: #F00; }
#finishlook { float: left; display: inline; margin: 40px 18px 0px 4px; width: 669px; }
* html #finishlook { float: left; display: inline; margin: -30px 18px 0px 4px; width: 669px; }
#mixitup { float: left; display: inline; margin: 0px 18px 0px 23px; width: 669px; }
#finishlook .relateditem, #mixitup .relateditem {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/frame100.gif") no-repeat;
width: 127px; height: 107px;
margin: -30px 22px 0px 0px;
}
* html #finishlook .relateditem, #mixitup .relateditem {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/frame100.gif") no-repeat;
width: 127px; height: 107px;
margin: 50px 22px 0px 0px;
}
#promotion .relateditem {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/frame60.gif") no-repeat;
width: 87px; height: 67px;
margin: 0px 22px 0px 0px;
}
* html #promotion .relateditem {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/frame60.gif") no-repeat;
width: 87px; height: 67px;
margin: 30px 22px 0px 0px;
}
.relateditem .displayblock { margin: 1px 16px 7px 11px; width: 100px; height: 100px; cursor: pointer; }
.relateditem .displayblock img { display: block; }
#finishlook .endblock, #mixitup .endblock {
height: 107px;
margin: 7px 0 0;
text-align: left;
}
/* Recommendations Start */
#recommendations .reccendblock {
height: 107px;
margin: 30px 0 0 14px;
text-align: left;
}
.endblock img {margin-top: -30px; display: block; }
* html .endblock img {margin-top: 30px; display: block; }
.reccendblock img {margin-top: 35px; margin-left:5px; }
/* Product Recommendations */
#recommendationsproduct #rectxt {
clear:both;
padding-top:20px;
height:30px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
}
*html #recommendationsproduct #rectxt {
clear:both;
padding-top:20px;
padding-bottom:10px;
height:30px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
}
*html #recommendationsproduct .txt {
margin-left:-1px;
width:138px;
}
/* Product Recommendations End */
/* Purchase Recommendations */
#recommendationspurchase {
float: left;
display: inline;
width:740px;
margin-left:0px;
margin-top:0px;
clear:both;
}
*html #recommendationspurchase {
float: left;
display: inline;
width: 700px;
margin-left:0px;
margin-top:10px;
clear:both;
}
#recommendationspurchase #rectxt{
clear:both;
padding-top:10px;
height:30px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
}
*html #recommendationspurchase #rectxt {
clear:both;
padding-top:20px;
padding-bottom:10px;
height:30px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
}
#recommendationspurchase .gridcontainer {
min-height:0px;
height:210px;
width:100%;
margin-left:20px;
}
*html #recommendationspurchase .txt {
margin-left:-1px;
width:138px;
margin-bottom:10px;
}
*html #recommendationspurchase .reccendblock img {margin-top: 60px; margin-left:15px; }
/* Purchase Recommendations End */
/* Checkout Recommendations */
#recommendationscheckout {
float: left;
display: inline;
width: 920px;
margin-left:20px;
margin-top:10px;
clear:both;
}
*html #recommendationscheckout {
float: left;
display: inline;
width: 900px;
margin-left:20px;
margin-top:10px;
clear:both;
}
#recommendationscheckout #rectxt{
clear:both;
height:0px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
padding: 10px 0 20px 0;
}
#recommendationscheckout .gridcontainer{
min-height:0px;
height:210px;
width:100%;
margin-left:20px;
}
*html #recommendationscheckout .txt {
margin-left:-1px;
width:138px;
margin-bottom:10px;
}
*html #recommendationscheckout .reccendblock img {margin-top: 0px; margin-left:0px; }
/* Checkout Recommendations End */
/* Cart Recommendations */
#recommendationscart{
margin-top:15px;
}
#recommendationscart hr{
height:1px;
width:80%;
background:#999999;
color:#999999;
border:0px;
}
*html #recommendationscart #rectxt{
float:left;
clear:both;
padding:10px 0 15px 0;
height:30px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
margin-left:5px;
color:red;
}
#recommendationscart #rectxt{
float:left;
clear:both;
padding:10px 0 5px 0;
height:30px;
color:#7D7D7D;
font: bold 1.1em/1.1em Arial, sans-serif;
margin-left:16px;
color:red;
}
#recommendationscart .gridcontainer{
margin-left:16px;
}
*html #recommendationscart .gridcontainer{
margin-left:18px;
width:630px;
}
*html #recommendationscart .txt {
margin-left:-1px;
width:138px;
margin-bottom:10px;
}
/* Cart Recommendations End */
/******************************/
/*.addtobag {
clear: both; display: block;
position: relative;
top: -38px; left: 535px;
width: 138px; height: 121px;
z-index: 10;
float: left;
text-indent: -999em; letter-spacing: -999em;
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/en/addtobag.gif") left top no-repeat;
}
*html .addtobag {
clear: both; display: block;
position: relative;
top: -38px; left: 535px;
width: 138px; height: 121px;
z-index: 10;
float: left;
text-indent: -999em; letter-spacing: -999em;
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/en/addtobag.gif") left top no-repeat;
}
.outofstock {
clear: both; display: block;
position: relative;
top: -38px; left: 535px;
width: 138px; height: 121px;
z-index: 10;
float: left;
text-indent: -999em; letter-spacing: -999em;
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/en/outofstock.gif") left top no-repeat;
}
*html .outofstock {
clear: both; display: block;
position: relative;
top: -38px; left: 535px;
width: 138px; height: 121px;
z-index: 10;
float: left;
text-indent: -999em; letter-spacing: -999em;
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/en/outofstock.gif") left top no-repeat;
}*/
#ptitle { display: none; }
/* Bag */
table.bagcontents { border: none; padding: 0px; margin: 0px 15px 0px; }
table.bagcontents th.x { text-align: center; }
table.bagcontents td, table.bagcontents th { font: normal 1.0em/1.1em Arial, sans-serif; color: #000; margin: 0; padding: 0px; vertical-align: middle; text-align: left; }
table.bagcontents td.qty, table.bagcontents th.qty { text-align: center; width: auto; padding: 0px; }
table.bagcontents td.qty input { border: 1px #CCC solid; font: normal 1em/1em Arial, sans-serif; width: 18px; color: #999; text-align: center; }
table.bagcontents td.prodimg { width: 65px; padding: 0px 5px; }
table.bagcontents td.prodimg img { display: block; }
* html table.bagcontents td.desc p { font: bold 1.0em/1.1em Arial; text-transform: uppercase; color: #000; margin-top:3px; }
table.bagcontents td.desc p { font: bold 1.0em/1.1em Arial; text-transform: uppercase; color: #000; margin-bottom:3px; }
/* table.bagcontents td.desc p { font: bold .9em/1.1em Verdana, sans-serif; color: #000; text-decoration: none; margin-bottom:3px; } */
table.bagcontents td.desc a { font: bold 1.0em/1.1em Arial; text-transform: uppercase; color: #000; margin-bottom:3px;}
table.bagcontents td.x { text-align: center; }
table.bagcontents td.x a { width: 16px; height: 19px; background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/x.gif") left top no-repeat; margin: auto; display: block; text-indent: -999em; letter-spacing: -999em; }
table.bagcontents td.x a:hover { background-position: left bottom; }
* html table.bagcontents td.x a:hover { background-position: left top; }
table.bagcontents td.x a img { display: block; }
table.bagcontents tr.stretch { visibility: hidden; height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; }
table.bagcontents tr.stretch td { height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; }
#mybagbox table.bagcontents tr.stretch td { width: 680px; }
#mybagwin table.bagcontents { width: 505px; margin: 11px 15px 0 15px; }
#checkoutbox table.bagcontents tr.stretch td { width: 830px; }
#checkoutbox table.bagcontents td, #checkoutbox table.bagcontents th { padding: 0 5px; }
.subtotal, .totals { color: #999; font: normal 1.1em/1.1em Arial, sans-serif; }
tr.totals { font-size: 1em; }
.subtotal em, .totals em { color: #000; font: bold 1.1em/1.1em Arial, sans-serif; }
.mybag div.subtotal { float: right; display: inline; padding: 0px; margin: 1.75em 20px 0px 0px; }
.mybag div.subtotal em { margin-right: .5em; }
.mybag .checkoutupdate { float: left; display: inline; width: 100%; height: 27px; margin: 25px 0px 0px 0px; }
#mybagbox .mybag .checkoutupdate { width: 650px; padding: 0px 15px; }
.mybag .checkoutupdate img { float: left; display: inline; width: 1000px; height: 27px; }
.mybag .checkoutupdate .checkout { float: right; display: inline; width: 94px; height: 27px; }
.mybag .checkoutupdate .update { float: right; display: inline; width: 94px; height: 27px; margin-right: 10px; }
.mybag .terms { clear: both; width: 90%; padding: 0px; margin: 12px 0px 15px 25px; font-size: .8em; color: #CCC; }
* html .mybag .terms { clear: both; width: 90%; padding: 0px; margin: 12px 0px 15px 25px; font-size: .8em; color: #CCC; }
/* #######################################################
##################### IE 7 ############################
####################################################### */
#bagcontents .inside {
padding: 21px 21px 26px 17px; /* adding margin: 20px 15px; to padding because IE is stupid */
margin: 0px; /* fixing inheritance */
}
#loginblock .inside, #checkoutblock .inside { padding: 21px 21px 26px 17px; margin: 0px; }
/* #######################################################
##################### IE 6 ############################
####################################################### */
#navigationbox {
overflow: hidden;
}
/* #######################################################
##################### Index ###########################
####################################################### */
body { background: #EEE url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/background.jpg") center top repeat; }
#content { background: white url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/rightshadow_02.gif") right top repeat-y; }
#mainnavigation { background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/mainnavigation.gif") left top no-repeat; }
.decorativebottomshadow { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/bottomshadow_02.gif") left bottom repeat-x; }
.corner1decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/topleftcorner_02.gif") left top no-repeat; }
.corner2decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/toprightcorner_02.gif") right top no-repeat; }
.corner3decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/bottomleftcorner_02.gif") left bottom no-repeat; }
.corner4decorative { float: left; display: inline; background: transparent url("file:///C|/Documents and Settings/kobayashi/Local Settings/Temporary Internet Files/Content.IE5/GLD5U6ID/images/bottomrightcorner_02.gif") right bottom no-repeat; }
#feature {
/* Set up to contain a flash block that is 620px wide, with drop shadow/border left of 2px and drop shadow right of 6px. */
float: left; display: inline;
width: 683px;
margin: 10px 17px 0px 14px;
}
.indexgridcontainer {
float: left; display: inline;
width: 683px;
margin: 7px 0px 0px 14px;
}
.indexgridcontainer .griditem {
float: left; display: inline;
margin: 0px 2px 0px 16px;
}
.indexgridcontainer .featurecategory {
float: left; display: inline;
margin: 0px;
}
.indexgridcontainer .recentlyviewed {
float: left; display: inline;
width: 394px; height: 121px;
margin-left: 17px;
}
.indexgridcontainer .recentlyviewed .inside2 { float: left; display: inline; padding: 10px 7px 0px; min-height:80%;}
.indexgridcontainer .recentlyviewed img { margin: 5px 15px 5px; float: left; display: inline; }
.indexgridcontainer .recentlyviewed .title { color: #AAA; font: bold 1.05em/38px Arial, sans-serif; margin: 13px 0 0 13px; }
.indexgridcontainer .featureaccent {
float: left; display: inline;
margin: 0px 0px 0px 39px;
}
#checkoutbox {
float: left; display: inline;
width: 920px;
margin: 14px 0 0; padding: 0 20px;
clear:both;
}
#checkoutbox form { color: #000; }
#checkoutbox input { color: #000; }
#checkoutbox table { color: #000; }
#checkoutbox p { color: #000; }
#checkoutbox form label { font-size: .9em; color: #000; }
#checkoutbox label a { color: red; }
#checkoutbox label { color: #000; }
#checkoutbox form p label { font-size: 1em; color: #000; }
#checkoutbox dl.totals { color: #000; }
* html #checkoutbox { width: 960px; wid\th: 960px; margin: 0 0 0; padding: 0 20px; clear:both; float: left; display: inline;}
#checkoutboxplaced { float: left; display: inline;
width: 920px;
margin: 0px -30px 10px 14px; padding: 0 20px;
clear:both;
}
* html #checkoutboxplaced { width: 200px; wid\th: 200px; margin: 0 0 0; clear:both; float: left; display: inline; }
#checkoutbox .inside { float: left; display: inline; padding: 25px 30px; }
#bagcontents {
float: left; display: inline;
width: 868px; /* plus 8px to compensate for the shadow */
margin: -1px -6px -6px -2px;
}
* html #bagcontents { width: 858px; /* applies to downversions of IE */ }
#bagcontents #largebag { float: right; display: inline; margin: -16px 10px -95px 0px; }
* html #bagcontents #largebag { height:auto; display: block; margin: -20px 0px -95px -101px; }
#bagcontents .inside {
float: left; display: inline;
padding: 1px 6px 6px 2px;
margin: 20px 15px;
}
* html #bagcontents .checkoutbag { width:815px; height: auto; overflow:visible; float: left; display: inline; padding: 1px 6px 6px 2px; margin: 20px 15px; }
* html #bagcontents .checkoutbagov { width:840px; height: auto; overflow:visible; float: left; display: inline; padding: 0px 6px 0px 2px; margin: 20px 15px; }
#checkoutbox tr.totals td { padding-top: .2em; padding-bottom: .2em; }
#checkoutbox tr.totals td.label { text-align: right; }
#checkoutbox table.bagcontents { width: 100%; margin: 52px 0 0; }
#checkoutbox div.subtotal { float: right; display: inline; padding: 0px; margin: 1.75em 20px 0px 0px; }
#checkoutbox div.subtotal em { margin-right: .5em; }
#checkoutbox .checkoutupdate { float: left; display: inline; width: 100%; height: 27px; margin: 25px 10px 0px 0px; }
#checkoutbox .checkoutupdate img { float: left; display: inline; width: 94px; height: 27px; }
#checkoutbox .checkoutupdate .update { float: right; display: inline; width: 94px; height: 27px; margin-right: 20px; }
#checkoutbox .terms { clear:both; width: 100%; padding: 0px; margin: 12px 0px 15px 25px; font-size: .8em; color: #000; }
#bagcontents dl.promo { float: left; display: inline; min-height: 42px; margin: 0 0 0 10px; padding: 0; }
#bagcontents dl.promo dt { float: left; display: inline; margin: 0px; padding: 0px; }
#bagcontents dl.promo dt img { display: block; margin: 0px; padding: 5px 0; }
#bagcontents dl.promo dd { float: left; display: inline; margin: 0 0 0 15px; padding: 0px; }
#bagcontents dl.promo dd h2 { padding: 4px 0; }
#bagcontents dl.promo dd p { margin: 0px; }
#bagcontents dl.promo dd p strong { font-weight: normal; color: red; text-transform: uppercase; }
#checkoutblock {
float: left; display: inline; /* intitial: float:left; display:inline */
width: 523px; height: 190px; /* 523 plus 8px to compensate for the shadow */
/* margin: -1px -6px -6px -2px; */
/* + */
/* margin: 30px 0px 0px 0px; */
margin: 29px -6px -6px -2px;
}
#checkoutblock a {color: red;;}
* html #checkoutblock { width: 523px; wid\th: 521px; mar\gin: 29px -6px -6px -2px; }
#checkoutblock .inside {
float: left; display: inline;
padding: 1px 6px 6px 2px;
margin: 20px 15px;
}
#checkoutblock p.double { font: normal .9em/1em Arial, sans-serif; color: #000; margin-top: 2em; }
#recentlyviewedblock {
float: left; display: inline;
width: 743px; /* plus 8px to compensate for the shadow */
/* margin: -1px -6px -6px -2px; */
/* + */
/* margin: 30px 0px 0px 0px; */
margin: 29px -6px -6px -2px;
}
#recentlyviewedblock .inside {
float: left; display: inline;
padding: 1px 6px 6px 2px;
margin: 10px 0px 0px 10px;
}
#recentlyviewedblock .inside a { float: left; display: inline; margin-right: 10px; }
#recentlyviewedblock .inside img { display: inline; }
.righticon { float: right; display: inline; margin-top: 40px; }
p.asterisk { float: left; display: inline; width: 100%; margin: 0; padding: 30px 0 0; }
#billshipconfirm {
float: left; display: inline;
width: 868px; /* plus 8px to compensate for the shadow */
/* margin: -1px -6px -6px -2px; */
/* + */
/* margin: 30px 0px 0px 0px; */
margin: 29px -6px -6px -2px;
}
#billshipconfirm .inside { padding: 16px 21px 16px 17px; }
#billshipconfirm h2 { margin-bottom: 1em; }
#billshipconfirm p { color: #000; }
#billshipconfirm p strong { color: #000; }
#billshipconfirm .leftcolumn {
float: left; display: inline;
width: 389px; /* 404-15 for even padding */
}
#billshipconfirm .rightcolumn {
float: right; display: inline;
width: 389px;
}
p.checkboxes { line-height: 1.75em; }
p.checkboxes input { margin: 0px; padding: 0px; }
#confirmorder { margin-bottom: 0px; }
#confirmorder .submitbutton { float: right; display: inline; margin: 29px -6px -6px -2px; }
#checkoutsteps {
list-style: none;
float: left; display: inline;
margin: 0 0 .75em 60px; padding: 0px;
color: #999;
font: bold 1.2em/1.2em Verdana, sans-serif;
}
#checkoutsteps li { font-size: 12px; float: left; display: inline; margin: 0 20px 0 0; padding: 0px; }
#checkoutsteps a { color: #000 }
#checkoutsteps li.focused { color: red; }
#checkoutsteps li.last { margin-right: 0px; }
#ordercompletebox {
float: left; display: inline;
width: 740px;
margin-top: 15px;
margin-left: -34px;
color: #000;
font: bold 1.2em/1.2em Verdana, sans-serif;
}
* html #ordercompletebox {
float: left; display: inline;
width: 740px;
margin-left:-20px;
margin-top:0px;
margin-right:0px;
/*margin: 0px 0px 0px 0px;*/
color: #999;
font: bold 1.2em/1.2em Verdana, sans-serif;
}
#ordercompletebox .inside { float: left; display: inline; width: 680px; padding: 15px 30px 25px; }
* html #ordercompletebox .inside { float: left; display: inline; width: 680px;}
#ordercompletebox #checkoutsteps { display: inline; float: left; font-size: 10px; width: 740px; }
* html #ordercompletebox #checkoutsteps { display: inline; font-size: x-small; float: left; width: 740px; margin-bottom: 0px; }
#thankyou .inside { float: left; display: inline; width: auto; padding: 25px 30px; }
#thankyou h1, #thankyou h3 { display: inline; width: 100%; }
#thankyou p { display: inline; color: #000; }
#thankyou dl { float: left; display: inline; width: 100%; margin: 0px; padding: 0px; }
#thankyou dt { float: left; display: inline; width: 100px; margin: 0px; padding: 0px; }
#thankyou dd { float: left; display: inline; width: 510px; margin: 0px; padding: 0px; }
/* billing/shipping */
.leftcolumn, .rightcolumn {
float: left; display: inline;
width: 408px;
margin: -1px -6px -6px -2px;
}
.leftcolumn { margin-right: 54px; }
.columnblock {
float: left; display: inline;
width: 408px;
}
.columnblock h2 { margin-bottom: 1em; }
.columnblock .inside { width: 370px; padding: 16px 21px 16px 17px !important; }
/*.columnblock .spacer { margin-bottom: 300px; } */
/*.columnblock .voucher { margin: -25px 0px 5px 0px; } */
/*.columnblock .spacercod { margin: 132px 0px 0px; }*/
* html .columnblock .spacercod { margin-bottom: 0px; }
form { color: #999; }
form label { font-size: .9em; color: #999; }
form label a { color: red; }
form p label { font-size: 1em; color: #999; }
form p input { border: none; margin: 0px; padding: 0px; }
form input.error { background-color: red; }
form input { font: normal .9em Verdana, sans-serif; color: #333; border: 1px #CCC solid; margin: 0px; padding: 2px; }
form select { font: normal .9em Verdana, sans-serif; color: #333; border: 1px #CCC solid; margin: 0px; padding: 2px; }
form .singlefield { display: inline; clear: left; width: 350px; padding: 5px 0;}
form .singlefield span { margin-left: 10px; font-size: .9em; line-height: .9em; padding: 2px 0; }
form .singlefield span a { color: red; }
form .singlefield label { display: block; margin-bottom: 3px; }
form .singlefield input { }
form .singlefield input.update { margin: 0px 0px -10px 5px}
form .doublefield { float: left; display: inline; width: 370px; padding: 5px 0; }
form .doublefield label { float: left; display: inline; margin-bottom: 4px; }
form .doublefield input { float: left; display: inline; }
form .doublefield .first { margin-right: 15px; }
form .doublefield label.first { margin-right: 21px; }
form .size1 { width: 100px; }
form .size2 { width: 160px; }
form .size3 { width: 220px; }
form select { font: normal .9em Verdana, sans-serif; color: #333; border: 1px #CCC solid; background-color: #FAFAFA; }
form input.submitbutton { border: none; float: right; display: inline; margin: 35px -6px -6px -2px; padding: 0px; }
form div.confirmmessage { float: left; display: inline; font-size:11px; margin: 33px -6px -6px -2px; color:red; width:410px; }
* html form div.confirmmessage { float: left; display: inline; font-size:11px; margin: -27px -6px -6px -2px; color:red; width:410px; }
* html form input.submitbutton { border: none; float: right; display: inline; margin: -29px -11px 0px -2px; padding: 0px; }
form input.submitbuttonpayment { border: none; float: right; display: inline; margin: 0px 0px 0px -2px; padding: 0px; }
/* html form input.submitbuttonpayment{ border: none; float: right; display: inline; margin: 0px -5px 0px -2px; padding: 0px; } */
form input.submitbuttonlogin { border: none; float: right; display: inline; margin: 29px 0px -6px -2px; padding: 0px; }
* html form input.submitbuttonlogin { border: none; float: right; display: inline; margin: 29px 0px 0px -2px; padding: 0px; }
form input.update { border: none; }
#sa_savedlocation, #ba_savedlocation { margin-bottom: 1em; }
dl.radiolist { float: left; display: inline; margin: 0em 0 2em; padding: 0px; }
dl.radiolist dt { clear: left; float: left; display: inline; margin: 0 5px 0 0; padding: 2px 0 0; width: 20px; height: 13px; }
/* html dl.radiolist dt { height: 20px; he\ight: 18px; } */
dl.radiolist dt input { border:transparent; float: left; display: inline; margin: -4px 5px -1px 0; padding: 0px; }
dl.radiolist dd { float: left; display: inline; margin: 0 0 5px; padding: 0px; width: 330px; min-height: 15px; }
* html dl.radiolist dd { float: left; display: inline; margin: 0 0 5px; padding: 0px; width: 290px; min-height: 15px; }
* html dl.radiolist dd { height: 15px; }
dl.radiolist dd label { font-size: .9em; }
dl.totals { font-size: 1em; text-align: right;}
dl.totals dt { clear: left; width: 295px; float: left; display: inline; margin: 0 5px 0 0; padding: 0px;}
* html dl.totals dt { clear: left; width: 260px; float: left; display: inline; margin: 0 5px 0 0; padding: 0px;}
dl.totals dd { width: 70px; float: left; display: inline; margin: 0 0 5px; padding: 0px; }
* html dl.totals dd { width: 70px; float: left; display: inline; margin: 0 0 5px; padding: 0px;}
dl.totals .summation { margin-top: 10px; margin-bottom: 10px; color: #000; font-weight: bold; }
.columnblock h2 span { color: #999; font-size: .8em; }
.columnblock + .columnblock { margin-top: 25px; }
* html .columnblock { margin-bottom: 25px; }
* html input.submitbutton { margin-top: 0px; }
.detailimage { margin-bottom: 1em; }
h2 + .singlefield { padding-top: 0px; }
dl.data { clear: left; float: left; display: inline; margin: 24px 0 0; padding: 0; font-size: .9em; }
* html dl.data { clear: left; float: left; display: inline; margin: 50px 0 0; padding: 0; font-size: .9em; }
dl.data dt { float: left; display: inline; margin: 0 10px 0 0; padding: 0; width: 30px; }
dl.data dd { float: left; display: inline; margin: 0; padding: 5px 0; width: 800px; }
dl.error { float: left; display: inline; width: 100%; margin: 0 0 15px; padding: 0; color: red; }
dl.error dt { float: left; display: inline; margin: 0 20px 0 0; padding: 0; width: 105px; }
dl.error dd { float: left; display: inline; margin: 0; padding: 0; width: 630px; }
/* #######################################################
##################### Grid ############################
####################################################### */
#breadcrumbsbar {
float: left; display: inline;
width: 740px;
margin: 15px 0px 0px;
color: #999;
font: normal 1em/1.1em Verdana, sans-serif;
}
* html #breadcrumbsbar {
float: left; display: inline;
width: 740px;
margin:0px 0px 0px 0px;
color: #999;
font: normal 1em/1.1em Verdana, sans-serif;
}
#sortright { float:right; display: inline; margin: -15px 0px 0px 0px;}
#breadcrumbsbar a { color: #999; font: normal 1em/1.1em Verdana, sans-serif; }
#breadcrumbsbar a:hover { color: #333; }
#breadcrumbsbar a.focused { color: #666; }
.graylink a { color: #999; font: normal 1em/1.1em Verdana, sans-serif; }
.graylink a:hover { color: #333; }
.graylink a.focused { color: #666; }
#spacer {
float: left; display: inline;
width: 740px;
margin: 10px 0px 0px;
}
#browsetopbar {
float: left; display: inline;
margin-top: 10px;
margin-bottom: -10px;
width: 740px;
padding-bottom: 2px;
}
#browsetopbar select {
float: left; display: inline;
font: normal .9em/.9em Verdana, sans-serif;
background-color: #FAFAFA;
min-width: 120px;
border: 1px #EEE solid;
color: #999;
margin-right: 20px;
}
/* option { highlight: green; color: #999; } */
#searchtopbar {
float: left; display: inline;
margin-top: 15px;
margin-bottom: -10px;
width: 740px;
padding-bottom: 2px;
}
#searchtopbar p { font-size: .9em; color: #666; margin: .5em 0px 0px 0px; padding: 0px; float: left; display: inline; }
#searchtopbar p em { color: #000; font-weight: bold; font-style: normal; }
#searchtopbar select {
float: right; display: inline;
min-width: 120px;
margin: 0px 5px 0px 20px;
border: 1px #EEE solid;
background-color: #FAFAFA;
font: normal .9em/.9em Verdana, sans-serif;
color: #999;
}
* html #searchtopbar select { width: 120px; }
#searchtopbar select option { color: #999; }
.gridcontainer {
float: left; display: inline;
width: 712px; min-height: 500px;
margin: -13px -1px 0px -1px; /* Margin accounts for the shadow visual effect, content starting rule line is at -13 from 28px (15px). */
clear:both;
}
* html .gridcontainer { min-height: 500px; }
.gridcontainer .feature img { width: 342px; height: 406px; } /* Includes 5px right shadow, 6px bottom shadow. */
.gridcontainer .feature {
width: 342px; height: 465px;
margin: 10px 7px 5px 7px;
}
.gridcontainer .griditem {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/grid.gif") no-repeat;
width: 164px; height: 225px;
margin: 10px 7px 5px 7px;
text-align: center;
}
.gridcontainer .griditemblank {
width: 164px; height: 225px;
margin: 10px 7px 5px 7px;
text-align: center;
}
.gridcontainer .griditem .displayblock { margin: 3px 6px 7px 4px; height: 160px; cursor: pointer; }
.pickcolor { float: right; display: inline; height: 16px; margin: 5px 5px 0px 0px; }
.pickcolor em { float:left; color: #858585; font: normal .9em/1em Verdana, sans-serif; padding-right: 5px; }
.pickcolor img { padding-top: 0px; }
.pickcolor a { color: #999; font: normal 1em/1.1em Verdana, sans-serif; }
.pickcolor a:hover { color: #333; }
.pickcolor a:focused { color: #666; }
/*img { margin-top: 5px; } */
.gridcontainer .griditem .txt { width: 134px; padding: 0px 15px; text-align: center; }
/* IE5 Hack */
* html .gridcontainer .griditem .txt {
width: 164px;
}
.gridcontainer .griditem .txt a { font: bold .9em/1.1em Verdana, sans-serif; color: #000; text-decoration: none; }
.gridcontainer .griditem .txt a:hover { text-decoration: underline; }
.gridcontainer .griditem .txt span { color: #666; }
.gridcontainer .griditemrecc {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/grid_recom.gif") no-repeat;
width: 140px; height: 144px;
margin: 15px 7px 5px 7px;
text-align: center;
}
*html .gridcontainer .griditemrecc {
background: transparent url("http://imageserverus.puma.com/pisa/shop/red/shop/grid_recom.gif") no-repeat;
width: 140px; height: 144px;
margin: 15px 9px 5px 6px;
text-align: center;
}
.gridcontainer .griditemrecc .displayblock { margin: 3px 6px 7px 4px; height: 135px; cursor: pointer; }
.pickcolor { float: right; display: inline; height: 16px; margin: 5px 5px 0px 0px; }
.pickcolor em { float:left; color: #858585; font: normal .9em/1em Verdana, sans-serif; padding-right: 5px; }
.pickcolor img { padding-top: 0px; }
.pickcolor a { color: #999; font: normal 1em/1.1em Verdana, sans-serif; }
.pickcolor a:hover { color: #333; }
.pickcolor a:focused { color: #666; }
/*img { margin-top: 5px; } */
.gridcontainer .griditemrecc .txt { width: 134px; padding: 0px 0px; text-align: center; }
/* IE5 Hack */
* html .gridcontainer .griditemrecc .txt {
width: 164px;
}
.gridcontainer .griditemrecc .txt a { font: bold .8em/1.1em Verdana, sans-serif; color: #000; text-decoration: none; }
.gridcontainer .griditemrecc .txt a:hover { text-decoration: underline; }
.gridcontainer .griditemrecc .txt span { color: #666; }
.gridcontainer .flashgriditem {
width: 164px; height: 225px;
margin: 10px 7px 5px;
text-align: center;
}
.gridcontainer .flashgriditem .displayblock { margin: 0px; height: 160px; cursor: pointer; }
.left { float: left; display: inline; }
.right { float: right; display: inline; }
/* .griditem img { float: left; display: inline; } */
/* Color Select grid. */
h2.itemtocolor { color: red; padding: 0px; margin: 5px 0px 0px 20px; font: bold 1.2em/1.3em Verdana, sans-serif; text-transform: uppercase; }
h2.itemtocolor em { color: red; font-style: normal; }
h2.itemtocolor span { color: red; margin: 0px 5px; }
.colorgrid { float: left; display: inline; padding: 15px 10px 0px; background: #FFF; }
.colorgrid .griditem { text-align: center; height: 110px; width: 125px; background: #FFF; margin: 0px 15px; border-bottom: 5px solid white; }
#recentgrid { margin: 0px; padding: 0px; width: 100%; height: auto; min-height: 0px; }
#recentgrid .griditem { height: 173px; background: none; }
#formBlock { margin-left:25px;margin-right:25px; align: center; height:100px; width:auto;}
.shippingInfoLightbox {
margin-left: -20px;
width: 98%;
font: normal 12px/14px Verdana, sans-serif;
color: #AAA;
}
*html .shippingInfoLightbox {
margin-left: -35px;
width: 92%;
font: normal 12px/14px Verdana, sans-serif;
color: #AAA;
}
.customerServiceTable {
}
.customerServiceTable td {
border-bottom-width:1px;
border-top-width:1px;
border-right-width:1px;
border-left-width:1px;
border-style:solid;
border-color:#AAA;
font: normal 12px/14px Verdana, sans-serif;
color: #AAA;
padding: 3px;
spacing: 0px;
}
.productTabBackground11 {
background-image: url('http://imageserverus.puma.com/pisa/shop/red/shop/productpage/tab_1_1.gif');
}
.productTabBackground21 {
background-image: url('http://imageserverus.puma.com/pisa/shop/red/shop/productpage/tab_2_1.gif');
}
.productTabBackground22 {
background-image: url('http://imageserverus.puma.com/pisa/shop/red/shop/productpage/tab_2_2.gif');
}
.productTabBackground31 {
background-image: url('http://imageserverus.puma.com/pisa/shop/red/shop/productpage/tab_3_1.gif');
}
.productTabBackground32 {
background-image: url('http://imageserverus.puma.com/pisa/shop/red/shop/productpage/tab_3_2.gif');
}
.productTabBackground33 {
background-image: url('http://imageserverus.puma.com/pisa/shop/red/shop/productpage/tab_3_3.gif');
}
.productTabs {
text-align: center;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
.productTabContent {
overflow: auto;
width: 260px;
height: 150px;
margin-top: 5px;
margin-left: 2px;
}
/* PUMA own definitions */
.categoryNewFlag {
margin-top: 2px;
margin-left: 3px;
position:absolute;
}
*html .categoryNewFlag {
margin-top: 2px;
margin-left: -1px;
position:absolute;
}
.categorySaleFlag {
margin-top: 2px;
margin-left: 3px;
position:absolute;
}
*html .categorySaleFlag {
margin-top: 2px;
margin-left: -1px;
position:absolute;
}