body, td {
	font-family: "Trebuchet MS", Arial, Helvetica;
	font-size: 10px;
	color: #6A6A6A;
}

body {
	margin:0;
	background-color: #FFFFFF;
}

* {
margin:0;
padding:0;
}

/********************************/
/* DEFAULT LINK */
/********************************/
a, a:active, a:link, a:visited { 
	color:#005490;
	text-decoration:none;
}
a:hover {
	color:#001C4F;
}


/*DEFAULT TAGS*/
hr {
	color:#C4C4B6;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom:.5em;
	color: #000000;
	line-height:1em;
	font-weight: bold;
}
h1 {
	font-size: 2em;
	line-height:1em;
	margin-bottom:1em;
}
h2 {
	font-size:1.6em;
}
h3 {
	font-size:1.4em;
}
h4 {
	font-size:1.3em;
	margin-bottom:0.2em;
}
h5 {
	font-size:1.2em;
	margin-bottom:0.2em;
}
h6 {
	font-size:1.1em;
	margin-bottom:0.2em;
}
p, li {
font-size:1.3em;
	margin-top: 0px;
}
p {
	margin-bottom:.5em;
	line-height: 1.6em;
}
ul, ol, blockquote, .indent {
margin-bottom:1em;
margin-left:45px;
padding: 0;
}
ul ul, ol ol, ol ul {
margin-top:.3em;
margin-bottom:0;
}
li {
line-height:1.2em;
margin-bottom:.3em;
margin-left:0;
padding-left:15px;
list-style-position: outside;
list-style:none;
background-image:url(images/ui_misc/icon_bullet.png);
background-repeat:no-repeat;
background-position:left 2px;
}
li li {
font-size:1em;
}
ol li {
background-image:none;
list-style:decimal;
padding-left:0;
margin-left:15px;
}
img {
border:0;
}
table {
border-collapse:collapse;
}
small {
font-size:90%;
}

/********************************/
/* ACCESSIBLE WEB SITE */
/********************************/

.accessibility {
display:none;
}


/********************************/
/* BROWSER FIXES */
/********************************/
.clear { /* to fix firefox/IE bug: allows parent of floating divs to expand the full height of its children */
clear: both;
height:0;
line-height:0;
}



/********************************/
/* PAGE WRAPPER */
/********************************/
#pageWrapper {
width:1000px;
min-height:600px;  /* IE6 does not understand this. Conditional comment is added in page's head. */
margin:0 auto;
padding-bottom:17px;
background-image:url(images/ui_misc/bg_page.jpg); /* paper background */
background-position:center top;
background-repeat:no-repeat;
}

/********************************/
/* PAGE LAYOUT COMMON VALUES */
/********************************/
#bannerContainer, #sectionTabsContainer, #contentContainer, #baseContainer {
padding:0 0 0 51px; /* No right padding value (51px). This to debug IE6 that will add blank spaces between floating elements or when nested comments are used */
}

/********************************/
/* BANNER */
/********************************/
#bannerContainer {
height:83px;
position:relative; /* For absolute position of nested DIVs */
}

/* Logo */
#bannerLogo {
position:absolute;
top:0px;
left:51px;
width:250px;
height:83px;
}

/* Search */
#bannerSearch {
position:absolute;
top:23px;
left:750px;
}

#bannerSearch input {
height:21px;
width:200px;
border:0;
outline:none;
background-image:url(images/ui_misc/bg_search_input.gif);
background-repeat:no-repeat;
background-color:transparent;
background-position:top left;
margin:0;
padding:4px 2px 0px 25px !important;
font-size:1.2em;
}

/* Menu: positioning */
#bannerMenuLeft, #bannerMenuRight {
position:absolute;
top:56px;
height:27px;
margin:0;
}
#bannerMenuLeft {
left:302px;
width:448px;
border-left:1px solid #CCCCCC;
height:27px;
margin:0;
}
#bannerMenuRight {
left:725px;
width:225px;
}

/* Menu: rendering */
#bannerMenuLeft li, #bannerMenuRight li {
font-size:1.2em;
font-weight:bold;
text-transform:uppercase;
margin:0;
padding:0;
list-style-type: none;
list-style-image:none;
background-image:none;
display: inline;
}
#bannerMenuLeft li a, #bannerMenuRight li a {
line-height:27px;
padding:7px 7px;
margin:0;
border-right:1px solid #CCCCCC;
}
#bannerMenuRight li#menuMyName {
font-size:1.1em;
text-transform:none;
float:left;
}
#bannerMenuRight li#menuMyName a {
padding-left:0;
border-right:0;
}
#bannerMenuRight li#menuMyBasket {
float:right;
}
#bannerMenuRight li#menuMyBasket a {
border-left:1px solid #CCCCCC;
}
#bannerMenuLeft a, #menuMyBasket a {
color: #6A6A6A;
}
#bannerMenuLeft a:hover, #menuMyBasket a:hover  {
color:#000000;
}

/* Menu: active section */
#bannerMenuLeft .active a, #bannerMenuRight .active a {
background-image:url(images/ui_misc/bg_marker_top.gif);
background-position:center 22px;
background-repeat:no-repeat;
color:#000000;
}

#bannerMenuLeft .active a:hover, #menuMyBasket .active a:hover {
color:#6A6A6A;
}





/********************************/
/* SECTION TABS */
/********************************/
#sectionTabsContainer {
clear:left;
margin-top:57px;
height:44px;
background-image:url(images/ui_misc/bg_content_top.png);/* Curved top border, white bgd, left+right shadows) */
background-position:center bottom;
background-repeat:no-repeat;
}

/* Section title */
#sectionTabsContainer h3 {
float:left;
font-size:1.6em;
margin:0;
padding:8px 0;
padding-right:5px;
}

/* Tab Positioning */
#sectionTabsContainer ul {
padding:0;
margin:0;
}
#sectionTabsContainer li {
font-size:1.2em;
line-height:32px;
font-weight:bold;
text-transform:uppercase;
margin:0 0 0 -2px;
padding:0;
list-style-type: none;
list-style-image:none;
background-image:none;
display: inline;
}
#sectionTabsContainer li.noTab {
padding:0 8px 0 16px;
margin-left:8px;
background-image:url(images/ui_misc/bg_marker_right.gif);
background-position:left;
background-repeat:no-repeat;
}

/* Tab Hypertext */
#sectionTabsContainer a {
color:#6A6A6A;
}
#sectionTabsContainer a:hover {
color:#000000;
}
#sectionTabsContainer .active a, #sectionTabsContainer .active {
color:#000000;
}
#sectionTabsContainer .active a:hover {
color:#6A6A6A;
}
#sectionTabsContainer li a:hover { /* to force IE6 to display the hand cursor */
cursor: hand;
}

/* Default Tab Rendering/Rollover */
.sTabsLeft, .sTabsMiddle, .sTabsRight, #sectionTabsContainer li.noTab {
height:31px;
float:left;
}
.sTabsLeft {
background-image:url(images/ui_tabs/left_default.gif);
background-position:top left;
background-repeat:no-repeat;
width:13px;
}
li a:hover .sTabsLeft {
background-image:url(images/ui_tabs/left_default-roll.gif);
}
.sTabsMiddle {
background-image:url(images/ui_tabs/middle_default.gif);
background-position:top;
background-repeat:repeat-x;
}
li a:hover .sTabsMiddle  {
background-image:url(images/ui_tabs/middle_default-roll.gif);
}
.sTabsRight {
background-image:url(images/ui_tabs/right_default.gif);
background-position:top right;
background-repeat:no-repeat;
width:13px;
}
li a:hover .sTabsRight {
background-image:url(images/ui_tabs/right_default-roll.gif);
}

/* Active Tab Rendering/Rollover */
#sectionTabsContainer .active .sTabsLeft, 
#sectionTabsContainer .active .sTabsMiddle, 
#sectionTabsContainer .active .sTabsRight {
height:32px; /* 1px deeper to overlap background border */
}
#sectionTabsContainer .active .sTabsLeft {
background-image:url(images/ui_tabs/left_active.gif);
}
#sectionTabsContainer .active a:hover .sTabsLeft {
background-image:url(images/ui_tabs/left_active-roll.gif);
}
#sectionTabsContainer .active .sTabsMiddle {
background-image:url(images/ui_tabs/middle_active.gif);
}
#sectionTabsContainer .active a:hover .sTabsMiddle {
background-image:url(images/ui_tabs/middle_active-roll.gif);
}
#sectionTabsContainer .active .sTabsRight {
background-image:url(images/ui_tabs/right_active.gif);
}
#sectionTabsContainer .active a:hover .sTabsRight {
background-image:url(images/ui_tabs/right_active-roll.gif);
}


/********************************/
/* CONTENT AREA */
/********************************/
#contentContainer {
background-image:url(images/ui_misc/bg_content.png); /* Left+right borders, white bgd, left+right shadows) */
background-position:center;
background-repeat:repeat-y;
padding-top:1px; /* For background to fill-up the full container height when a nested tag has a margin */
padding-bottom:1px; /* For background to fill-up the full container height when a nested tag has a margin */
}
#oneColContainer {
width:898px;
}
#oneColContainerForm {
width:698px;
margin:0 100px;
}
#colLeftContainer {
width:677px;
margin-right:21px;
float:left;
}
#colRightContainer {
margin-left:698px;
width:200px;
}
#baseContainer {
background-image:url(images/ui_misc/bg_content_bott.png); /* left+right+bottom borders, white bgd, left+right+bottom shadows) */
background-position:top center;
background-repeat:no-repeat;
height:34px;
}
.baseContainerOverlap { /* To place after the last content container that has a bottom margin. (Product index template) */
margin-bottom:-13px;
}


/********************************/
/* CONTENT AREA (HOME PAGE) */
/********************************/
#contentContainerHome {
padding-left:37px;
margin-top:57px;
}
#contentContainerHome #colLeftContainer {
width:603px;
float:left;
}
#contentContainerHome #colRightContainer {
margin-left:649px;
width:244px;
}


/********************************/
/* BADGES */
/********************************/
#badgesContainer {
text-align:center;
margin-bottom:13px;
}
#badgesContainer img {
padding:0 4px;
}

/********************************/
/* FOOTER */
/********************************/
#footerContainer {
}
#footerContainer p {
text-align:center;
font-size:1.1em;
}





/********************************/
/* STANDARD BUTTONS (NO GRAPHICS) */
/********************************/
.button, .buttIconPop, .buttIconNext, .buttLabel {
/*height:21px;*/
background-repeat:no-repeat;
}
.button {
padding:0;
margin:0;
}
.buttIconPop, .buttIconNext {
background-image:url(images/ui_buttons/std_icon_pop.png);
background-position:left;
padding:5px 21px 5px 0px;
}
.buttIconPop {
background-image:url(images/ui_buttons/std_icon_pop.png);
}
.buttIconNext {
background-image:url(images/ui_buttons/std_icon_next.png);
}

/* HOLIDAY BUNDLES */
.buttIconXmas {
background-image:url(images/ui_buttons/std_xmas_icon_next.png);
background-position:left;
padding:5px 21px 5px 0px;
}

.buttLabel {
background-image:url(images/ui_buttons/std_label.png);
background-position:right;
width:auto;
padding:5px 8px 5px 0px;
}
.buttIconPop, .buttIconNext, .buttLabel {
font-family:"Trebuchet MS", Arial, Helvetica;
font-size:11px;
line-height:21px;
text-transform:uppercase;
letter-spacing:0.05em;
}

.button a, .button a:active, .button a:link, .button a:visited { 
color: #000000;
text-decoration: none;
}
.button a:hover {
color: #333333;
text-decoration: none;
}
a:hover .buttIconPop {
background-image:url(images/ui_buttons/std_icon_pop-roll.png);
}
a:hover .buttIconNext {
background-image:url(images/ui_buttons/std_icon_next-roll.png);
}
/* HOLIDAY BUNDLES */
a:hover .buttIconXmas {
background-image:url(images/ui_buttons/std_xmas_icon_next-roll.png);
}
a:hover .buttLabel {
background-image:url(images/ui_buttons/std_label-roll.png);
}

/* When displayed together, standard buttons are included in a DIV container. */
.buttonsContainer div { 
float:left; 
margin-right:5px;
}




/********************************/
/* FORM BUTTONS */
/********************************/
.formButtSubmit80, .formButtSubmit100, .formButtSubmit120,
.formButton60, .formButton80, .formButton100, .formButton120 {
background-color: transparent;
background-repeat: no-repeat;
background-position:left top;
font-size: 10px;
text-transform:uppercase !important;
line-height: 10px;
height: 21px;
border-width: 0px;
text-align:left;
/*padding-left:22px;*/
text-indent:24px;
}
.formButton60, .formButton80, .formButton100, .formButton120 {
text-align:center;
/*padding-left:0;*/
text-indent:0;
}

/* button graphics: default action*/
.formButtSubmit80 {
background-image: url(images/ui_buttons/form_submit80.png);
width: 82px;
}
.formButtSubmit100 {
background-image: url(images/ui_buttons/form_submit100.png);
width: 102px;
}
.formButtSubmit120 {
background-image: url(images/ui_buttons/form_submit120.png);
width: 122px;
}
.formButton60 {
background-image: url(images/ui_buttons/form_button60.png);
width: 62px;
}
.formButton80 {
background-image: url(images/ui_buttons/form_button80.png);
width: 82px;
}
.formButton100 {
background-image: url(images/ui_buttons/form_button100.png);
width: 102px;
}
.formButton120 {
background-image: url(images/ui_buttons/form_button120.png);
width: 122px;
}


/* button graphics: rollover action*/
.formButtSubmit80:hover {
background-image: url(images/ui_buttons/form_submit80-roll.png);
}
.formButtSubmit100:hover {
background-image: url(images/ui_buttons/form_submit100-roll.png);
}
.formButtSubmit120:hover {
background-image: url(images/ui_buttons/form_submit120-roll.png);
}
.formButton60:hover {
background-image: url(images/ui_buttons/form_button60-roll.png);
}
.formButton80:hover {
background-image: url(images/ui_buttons/form_button80-roll.png);
}
.formButton100:hover {
background-image: url(images/ui_buttons/form_button100-roll.png);
}
.formButton120:hover {
background-image: url(images/ui_buttons/form_button120-roll.png);
}



/********************************/
/* LEFT SUB-NAVIGATION */
/********************************/
#subNav {
float:left;
width:174px;
padding-right:14px;
}
#subNav ul {
margin-left:0px;
}
.subNavMenu {
margin-left:0;
padding-top:3px;
border-top:1px solid #DBDBDB;
}
.subNavMenu li {
font-size:1.2em;
line-height:1em;
font-weight:bold;
text-transform:uppercase;
list-style-type: none;
list-style-image:none;
background-image:none;
padding:9px 0;
border-bottom:1px solid #DBDBDB;
margin:0;
}

/* Subnav: active section */
.subNavMenu .active {
background-image:url(images/ui_misc/bg_marker_left.gif);
background-position:center right;
background-repeat:no-repeat;
color:#000000;
}

/* Subnav: hypertext */
.subNavMenu a {
color: #6A6A6A;
}
.subNavMenu a:hover {
color:#000000;
}
.subNavMenu .active a {
color:#000000;
}
.subNavMenu .active a:hover {
color:#6A6A6A;
}


#subNav img {
padding:8px;
}

#subNav p {
font-size:1.2em;
line-height:1.1em;
}





/********************************/
/* CONTENT AT RIGHT OF SUB-NAVIGATION */
/********************************/

/* When used in .colLeftContainer */
#subContent {
float:left;
width:489px;
}

/* When used in full-page width */
#subContentExpanded {
float:left;
width:703px;
padding-left:7px;
}


/********************************/
/* HOLIDAY BUNDLES */
/********************************/

#contentContainerBundle {
/* Containers for picture */
width:678px;
height:351px;
padding-bottom:7px;
position:relative; /* to allow for absolute placements of buttons on top of picture */
}
#contentContainerBundle .bundleStage {
float:left;
}
#contentContainerBundle .bundleButton1 {
z-index:10;
left:66px;
top:312px;
position:absolute;
}
#contentContainerBundle .bundleButton2 {
z-index:10;
left:290px;
top:312px;
position:absolute;
}
#contentContainerBundle .bundleButton3 {
z-index:10;
left:518px;
top:312px;
position:absolute;
}

#bundleCol1 {
float:left;
width:200px;
padding-left:15px;
padding-right:30px;
}

#bundleCol2 {
float:left;
width:200px;
padding-right:30px;
}

#bundleCol3 {
float:left;
width:200px;
}


/********************************/
/* GRAY BOX CONSTRUCTION */
/********************************/
/* CSS3 round corners will only work in Firefox and Safari as of April 2008 */
/* IE6+7 will default to square corners */
.grayBox, .grayBoxAndPadding8, .grayBoxAndPadding13, .alertPanel, fieldset, .teamBox  {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color:#F1F1F1;
border:1px solid #DBDBDB;
zoom: 1;
}
.grayBoxAndPadding8 {
padding:8px;
}
.grayBoxAndPadding13 {
padding:13px;
}
.grayBoxRight {
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color:#F1F1F1;
border:1px solid #DBDBDB;
zoom: 1;
}
.grayBoxBottom {
-moz-border-radius-bottomleft: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
background-color:#F1F1F1;
border:1px solid #DBDBDB;
zoom: 1;
}

.whiteBox, .whiteBoxAndPadding8, .whiteBoxAndPadding13, .commentContainer {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color:#FFFFFF;
border:1px solid #DBDBDB;
zoom: 1;
}
.whiteBoxAndPadding8 {
padding:8px;
}
.whiteBoxAndPadding13 {
padding:13px;
}

.whiteBoxLeft {
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
background-color:#FFFFFF;
border:1px solid #DBDBDB;
zoom: 1;
}

.whiteBoxTop {
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
background-color:#FFFFFF;
border:1px solid #DBDBDB;
zoom: 1;
}





/* SMALL PRICE BOX ON HOME PAGE */
/* (04/05/08: decision made to delete it. Let's keep this just in case.) */
.boxListPrice {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #BEBEBE;
background-color:#F1F1F1;
padding:6px;
}
.boxListPrice p {
font-size:1.5em !important;
line-height:1em;
margin:0;
}


/********************************/
/* HOME PAGE FEATURED PRODUCTS */
/********************************/

/* ILLUSTRATION AREA */
#featuredProductsContainer {
width:575px;
height:315px;
background-image:url(images/ui_misc/bg_home_feature.png);
background-position:center top;
background-repeat:no-repeat;
padding:0 14px;
margin-top:17px;
}




/* Default minimal values for the 4 featured products */
/* Construction styles have been placed into the home page template for possible customization */
#featuredProduct-1, #featuredProduct-2, #featuredProduct-3, #featuredProduct-4  {
position:relative; /* To allow absolute position of its components */
}

#featuredProduct-1 p, #featuredProduct-2 p, #featuredProduct-3 p, #featuredProduct-4 p  {
font-size:1.3em;
}

/* NAVIGATION */
/* Active tab style is set into the home page template for possible customization */

#featuredProductsNav {
height:52px;
background-image:url(images/ui_misc/bg_home_feature_tabs.png);
background-position:center top;
background-repeat:no-repeat;
}
#featuredProductsNav ul {
height:34px;
border-left:1px solid #777777;
margin-left:34px;
}

#featuredProductsNav li {
list-style-type: none;
display: inline;
font-size:1.2em;
margin-left:0;
padding-left:0;
background-image:none;
}

#featuredProductsNav li a {
line-height:34px;
font-weight:bold;
padding:11px 11px;
margin:0;
border-right:1px solid #777777;
}

/* Hypertext */
#featuredProductsNav a {
color: #FFFFFF;
}
#featuredProductsNav a:hover  {
color:#CCCCCC;
}



/********************************/
/* HOME PAGE LISTINGS */
/********************************/

#homeBoxesContainer { 
margin-top:10px;
position:relative; /* To allow absolute position of Games box */
}
#boxHomeUtilities, #boxHomeGames {
width:296px;
}
#boxHomeUtilities {
}
#boxHomeGames {
position:absolute;
top:0;
left:307px;
}
#boxHomeNews {
margin-top:10px;
}
#boxHomeNews .newsList p {
font-size:1.2em;
line-height:1.2em;
margin:0;
padding:4px 0;
border-bottom:1px solid #DBDBDB;
}
#boxHomeNews .newsList {
border-top:1px solid #DBDBDB;
padding-top:3px;
}

.boxHomeListTop {
padding:8px 22px 1px 22px;
background-image:url(images/ui_misc/box_home_list_top.png);
background-position:center top;
background-repeat:no-repeat;
}
.boxHomeListBott  {
padding:0 22px 8px 22px;
height:37px;
background-image:url(images/ui_misc/box_home_list_bott.png);
background-position:center bottom;
background-repeat:no-repeat;
}

#boxHomeNews .boxHomeListTop {
padding:8px 8px 0 8px;
background-image:none;
}
#boxHomeNews .boxHomeListBott {
padding:0px 8px 8px 8px;
height:37px;
background-image:none;
}

.boxHomeListTop {
min-height:160px; /* IE6 does not understand this. Conditional comment is added in page's head. */
}


#homeLogo {}


/********************************/
/* LANDING PAGE */
/********************************/
/* Shares Home Page construction */

#contentContainerHome #landingPromos {
padding-left:47px;
}

#contentContainerHome .landingLeft, #contentContainerHome .landingRight {
/* Containers for picture */
width:415px;
height:255px;
padding-bottom:7px;
position:relative; /* to allow for absolute placements of buttons on top of picture */
}
#contentContainerHome .landingLeft {
float:left;
}
#contentContainerHome .landingRight {
margin-left:417px;
}
#contentContainerHome .landingButtons {
z-index:10;
left:211px;
top:213px;
position:absolute;
}
#contentContainerHome .landingButtons img {
margin-right:3px;
}
h1.landing, h2.landing {
margin-left:14px;
margin-bottom:1em;
}
h2.landing {
color:#6A6A6A;;
margin-top:-.7em;
}


/********************************/
/* BUNDLE PAGE */
/********************************/
/* Shares Home Page construction */

#contentContainerHome #bundlePromos {
padding-left:35px;
}

#contentContainerHome .bundleLeft, #contentContainerHome .bundleRight {
/* Containers for picture */
width:415px;
height:524px;
padding-bottom:60px;
position:relative; /* to allow for absolute placements of buttons on top of picture */
}
#contentContainerHome .bundleLeft {
float:left;
}
#contentContainerHome .bundleRight {
margin-left:445px;
}
#contentContainerHome .bundleButtons {
z-index:10;
left:150px;
top:540px;
position:absolute;
}
#contentContainerHome .bundleButtons img {
margin-right:3px;
}
h1.bundle, h2.bundle {
margin-left:14px;
margin-bottom:1em;
}
h2.bundle {
color:#6A6A6A;;
margin-top:-.7em;
}

/********************************/
/* IPAD LAUNCH PAGE */
/********************************/
/* Shares Home Page construction */

#contentContainerHome .padlaunchLeft, #contentContainerHome .padlaunchRight {
/* Containers for text */
width:385px;
height:100px;
}
#contentContainerHome .padlaunchText {
padding-top:40px;
padding-bottom:40px;
}
#contentContainerHome .padlaunchLeft {
float:left;
padding-left:45px;
vertical-align:middle;
}
#contentContainerHome .padlaunchRight {
margin-left:465px;
}
#contentContainerHome .promoBadges {
width:750px;
margin-left:auto;
margin-right:auto;
}
#contentContainerHome .padlaunchTwitter {
width:898px;
height:300px;
}




/********************************/
/* PRODUCT INDEX PAGE: SUMMARY LISTING */
/********************************/

.boxProductSummary {
position:relative;
margin-bottom:13px;
}
/* Setting a fixed height */
.prodSummaryLeft, .prodSummaryRight {
height:11em; /* em measurement value allows for the box depth to expand in proportion of the default font size (when resized by user) */
}

.prodSummaryLeft {
width:584px;
border-right:0;
padding:12px;
}
.prodSummaryRight {
position:absolute;
top:0;
left:609px;
width:262px;
padding:12px;
}

.prodSummaryLeft img {
float:left;
}
.prodSummaryLeft .description {
margin-left:122px;
padding-bottom:1px;
}
.prodSummaryLeft h2, .tutorialList h2 {
margin-bottom:.3em;
}
.prodSummaryLeft p, .tutorialList p {
font-size:1.2em;
line-height:1.4em;
}
.prodSummaryLeft p {
margin:0;
}

.prodSummaryRight h3 {
margin:0;
}
.prodSummaryRight .info {
border-top:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
margin:12px -12px;
padding:8px 12px;
height:32px;
}

/*.mobileInfo {
border-top:1px solid #DBDBDB;
border-bottom:1px solid #DBDBDB;
margin:8px -12px;
padding:8px 12px;
height:46px;
}*/

/* 04/07/08: decision was made to delete price info. If back, the two following styles need to be activated. */
.prodSummaryRight .price {
float:left;
border-right:1px solid #DBDBDB;
padding-right:12px;
font-size:2.2em;
line-height:32px;
margin:0;
}
.prodSummaryRight .sysIcons {
margin:-8px 0;
padding:0px 32px;
float:right;
}
.prodSummaryRight p.sysIcons {
margin:0;
}
.sysIcons img {
margin-right:4px;
}
.prodSummaryRight .buttonsContainer {padding-bottom:1px;}



/********************************/
/* TUTORIAL PAGE: SUMMARY LISTING */
/********************************/
.tutorialList {
margin-bottom:13px;
padding-bottom:13px;
border-bottom:1px solid #DBDBDB;
}
.tutorialList img {
float:left;
margin-right:15px;
}
.tutorialList .description {
margin-left:138px;
}
.tutorialList h2 { /* Shared with product summary listing above */
}
.tutorialList p { /* Shared with product summary listing above */
}

.tutorialList .button {}



/********************************/
/* RIGHT COLUMN EXCEPTIONS */
/********************************/
#boxPrice, #boxTestimonial, #affiliates, #colRightContainer .productList {
/*margin-left:-8px;
margin-right:-8px;*/
}



/********************************/
/* PRODUCT PAGE ELEMENTS */
/********************************/

/* PRODUCT MAIN GRAPHIC AREA */
#productGraphic {
margin-bottom:14px;
}

/* PRODUCT DESCRIPTION AREA (FIXED HEIGHT) */
#productDescription {
height:35em;
}

#productDescription h1 {
margin-bottom:.5em;
}
#productDescription p {
line-height:1.8em;
}

/* BOX: TUTORIAL */
#boxTutorial {
float:right;
padding:8px;
margin-left:13px;
}
#boxTutorial .button {
padding-top:8px;
}

/* BOX: SCREEN THUMBNAILS */
#boxScreenThumbs {
padding:8px;
}
#boxScreenThumbs p {
float:left;
background-image:url(images/ui_misc/bg_thumb_gallery_shadow.gif);
background-position:bottom center;
background-repeat:no-repeat;
height:48px;
margin-left:0;
margin-right:6px;
margin-bottom:0;
}
#boxScreenThumbs img {
border:1px solid #B1B1B1;
}
#boxScreenThumbs a:hover img {
border:1px solid #666666;
}
#boxScreenThumbs .button {
clear:left;
padding-top:8px;
}

/* BOX: PRESS KIT SCREEN THUMBNAILS */
#boxPressScreenThumbs {
padding:8px;
}
#boxPressScreenThumbs p {
float:left;
background-image:url(images/ui_misc/bg_thumb_gallery_shadow.gif);
background-position:bottom center;
background-repeat:no-repeat;
height:48px;
margin-left:0;
margin-right:6px;
margin-bottom:0;
}
#boxPressScreenThumbs img {
border:1px solid #B1B1B1;
}
#boxPressScreenThumbs a:hover img {
border:1px solid #666666;
}
#boxPressScreenThumbs .button {
padding-top:8px;
}

/* BOX: PRICING */
/* Firefox has problems displaying a background graphic into a CSS3 rounded box. Graphic construction is used here instead. */
#boxPrice {
margin-bottom:13px;
padding-top:8px;
background-image: url(images/ui_misc/box_price_top.png);
background-position:top center;
background-repeat:no-repeat;
}
#boxPriceContent {
padding:0 8px 8px 8px;
background-image: url(images/ui_misc/box_price_bottom.png);
background-color:#333333;
background-position:bottom center;
background-repeat:no-repeat;
}
#boxPriceContent p.buttGraphic {
margin:0;
padding-bottom:8px;
}
#boxPriceContent .info {
height:32px;
margin-bottom:8px;
padding-top:8px;
border-top:1px solid #666666;
}
#boxPriceContent h2 {
float:right;
color:#FFFFFF;
font-size:2em;
line-height:32px;
margin:0;
}
#boxPriceContent .sysIcons {
float:left;
}
#boxPriceContent .sysIcons img {
margin-right:4px;
}
#boxPriceContent .note {
font-size:1.2em;
font-weight:bold;
line-height:1.3em;
color:#FFFFFF;
margin:0;
padding-top:.5em;
border-top:1px solid #555555;
}



/* BOX: TESTIMONIAL */
#boxTestimonial {
margin-bottom:13px;
padding:8px;
}
#boxTestimonial .testimonial, .slideboxTestimonial .testimonial {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
line-height:1.3em;
color:#666666;
margin-bottom:.5em;
}
#boxTestimonial .author, .slideboxTestimonial .author {
font-size:1.1em;
line-height:1.4em;
font-weight:bold;
color:#4D4D4D;
margin-bottom:8px;
padding-top:.5em;
border-top:1px solid #BEBEBE;
}
#quoteMarkPict {
margin-top:3px;
}

/* AFFILIATE BUTTONS AREA */
#affiliates {
margin-top:1em;
padding-left:8px;
padding-bottom:8px;
/*border-top:1px solid #DBDBDB;*/
/*border-bottom:1px solid #DBDBDB;*/
/*margin-bottom:13px;*/
}

#affiliates p.buttGraphic {
margin:0;
padding-top:8px;
}

/********************************/
/* GRAPHIC BUTTONS */
/********************************/
/* Graphics are wrapped within P tags */
p.buttGraphic {

}

/********************************/
/* PRODUCT LIST WITH ICONS */
/********************************/
/* (Table construction) */
.productList {
border-top:1px solid #D0D0D0;
}
.productList td, .productList th {
padding:3px;
border-bottom:1px solid #D0D0D0;
font-size:1.1em;
}
.productList td {
}
.productList th {
font-weight:bold;
text-align:left;
color:#000000;
background-color:#F0F0F0;
}
.productList th.version, .productList th.release, .productList td.version, .productList td.release  {
text-align: center;
padding-left:8px;
padding-right:8px;
}
.productList tr:hover {
background-color:#F5F5F5;
}
.productList p {
font-size:1.3em;
line-height:1.1em;
font-weight:bold;
margin:0;
}
.productList a {
display: block;
}

.productList .productIcon {
padding-left:8px;
}


/* Press kit list exception */
.pressKitList .productList {
border:1px solid #D0D0D0;
background-color:#F5F5F5; /* Needs to be a table bgd color to allow for a tr:hover color change */
}
.pressKitList .productList tr:hover {
background-color:#FFFFFF;
}



/* Home page exception */
.boxHomeListTop .productList .productIcon {
padding-left:0px;
}



/********************************/
/* NEWS BLOG */
/********************************/

.boxPost {
margin-bottom:13px;
}
.boxPostTop {
padding:8px 12px;
border-bottom:0;
}
.boxPostBott {
padding:0px 4px 0px 45px;
margin-top:-1px;
}
.boxPost h2 {
padding-top:4px;
margin-bottom:.2em;
}
.boxPost h4 {
margin-bottom:.7em;
font-weight:normal;
}
.boxPost p {
margin-left:45px;
}
.boxPostBott p {
font-size:1.1em;
margin:0;
padding:3px 0;
}
.boxPostBott img {
padding:0 3px 0 12px;
vertical-align:middle;
}

#blogComments {}
#blogComments h1 {
margin-bottom:.5em;
}

.commentContainer {
padding: 8px 12px 8px 57px;
margin-bottom:8px;
}
.commentAvatar {
float:left;
}
.commentContainer p {
font-size:1.2em;
line-height:1.4em;
}
.commentContainer h4, .commentContainer p, .commentContainer .commentFooter {
margin-left:74px;
}
.commentContainer .commentFooter {
padding:6px 0 0 0;
font-size:1.1em;
font-style:italic;
line-height:1.1em;
border-top:1px dotted #CCCCCC;
}

#blogAddComment {}
#blogAddComment .formTable {}


.formTable td {
padding:4px;
font-size:110%;
}
.formTable td h4, .formTable td p {
font-size:110%;
}




/********************************/
/* SEARCH RESULTS */
/********************************/
#searchSummary, #searchSummaryTabs {
padding:8px 12px 8px 12px;
margin-bottom:13px;
}

#searchSummary p, #searchSummaryTabs p {
font-size:1.2em;
line-height:1.4em;
margin:0;
margin-left:35px;
padding-top:.1em;
}

#searchSummaryTabs {
padding-bottom:0;
}

#searchSummaryTabs .tabs {
margin:8px 0 0 27px;
height:24px;
}

#searchSummaryTabs .tabs a {
float:left;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #DBDBDB;
background-color:#F1F1F1;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
padding:6px 6px;
margin-right:4px;
margin-bottom:-1px;
color: #6A6A6A;
line-height:11px;
}
#searchSummaryTabs a:hover {
color: #000000;
background-color:#F8F8F8;
}

#searchSummaryTabs a.active {
background-color:#FFFFFF;
background-image:url(images/ui_misc/bg_marker_top.gif);
background-position:center 20px;
background-repeat:no-repeat;
color:#000000;
border-bottom:1px solid #FFF;
}

#searchSummaryTabs a.active:hover {
color:#6A6A6A;
}

.searchResult {
padding-left:47px;
margin-top:1.5em;
padding-bottom:.5em;
border-bottom:1px solid #DBDBDB;
}

.searchResult p {
line-height:1.4em;
}

.searchResult .whiteBox {
padding:3px 6px;
font-size:11px;
}

.searchResultAutosuggest {
padding-left:15px;
padding-right:15px;
margin-top:1.5em;
padding-bottom:.5em;
border-bottom:1px solid #DBDBDB;
}

.searchResultAutosuggest p {
line-height:1.4em;
}

.searchResultAutosuggest .whiteBox {
padding:3px 6px;
font-size:11px;
}

.searchMore {
margin:13px 0 0 57px;
}
.searchMore span {
padding:4px 8px;
font-size:1.1em;
font-weight:bold;
margin-right:4px;
}

.searchMore span:hover {
background-color:#FFFFFF;
}

.highlight {
border-bottom:2px solid #CCCCCC;
}



/********************************/
/* NEWS SEARCH */
/********************************/

#boxSearch {
padding:8px;
margin-bottom:13px;
}
#boxSearch .buttSubmit {
margin-top:4px;
}
/* Fix unstyled buttons in mobile Safari, 2/16/10 jnc */
.buttSubmit {
font-family:"Trebuchet MS", Arial, Helvetica;
font-size:11px;
line-height:21px;
text-transform:uppercase;
letter-spacing:0.05em;
}



/********************************/
/* PRESS KIT */
/********************************/
#pictureDownloads table {
border-collapse: separate;
}
#pictureDownloads td {
text-align:center;
padding:2px;
}

#pictureDownloads p {
font-size:1.2em;
line-height:1.2em;
margin:0;
}

#pictureDownloads td.frame {
border:1px solid #DBDBDB;
background-color:#FFFFFF;
height:120px;
width:203px;
}



/********************************/
/* SLIDEBOXES */
/* Download, Buy/Upgrade, Testimonials */
/********************************/
/* slideboxTestimonial has shared common rules that have been set above with boxTestimonial */

.slideboxDownload, .slideboxBuy, .slideboxTestimonial {
width:677px;
margin:20px auto;
}
.slideboxBanner {
margin-bottom:0;
}
.slideboxDownload h1, .slideboxBuy h1, .slideboxTestimonial h1 {
font-size:2em;
font-weight:bold;
color: #6A6A6A;
line-height:1em;
font-weight: normal;
margin:0 0 1em 0;
}
.slideboxDownload h1, .slideboxDownload .edgeRight {
padding:6px 12px 6px 0;
}
.slideboxBuy h1, .slideboxTestimonial h1 {
margin:.5em 0;
padding:0;
}
.slideboxDownload .edgeRight {
margin-right:12px;
border-right:1px solid #DBDBDB;
}
.slideboxDownload .colLeft {
width:48%;
float:left;
margin-right:2%;
}
.slideboxDownload .colRight {
width:48%;
float:left;
margin-left:2%;
}


.slideboxTestimonial .grayBoxAndPadding13 {
padding-left:50px;
padding-right:50px;
height:325px;
}
.slideboxTestimonial .testimonial { /* Style is used here on a DIV element. Font size is proportional to the value set in .boxTestimonial .testimonial above (A paragraph element) */
font-size:1.2em;
line-height:1.1em;
text-align:justify;
margin-top:25px;
}
.slideboxTestimonial .author {
border-top:1px solid #DBDBDB;
padding-top:1em;
margin-top:1em;
}
.slideboxTestimonial #quoteMarkPict {
margin-top:-17px;
}


/********************************/
/* AMBROSIA TEAM LISTING/PICTURES (V1) */
/********************************/
/* Round corners are shared with gray box above */

.teamBox {
padding:13px;
margin-left:7px;
position:relative;
min-height:193px; /* Pict height of 180px plus bottom padding. IE does not understand this. A conditional comment has been added in file's head. */
}
.teamBox img {
position:absolute; /* Absolute positioning so that the img tag can be placed on top of each name group for correct layout degradation */
top:13px;
left: 260px;
border:6px solid #333333;
}
.teamBox h4, .teamBox p {
width:215px; /* Maximum width of text at left of image */
}
.teamBox h4 {
margin-top:1em;
}
.teamBox h4:first-child {
margin-top:0;
}
.teamBox p {
font-size:1.2em;
line-height:1.3em;
}
.teamBox .active a {
color:#000000;
}

/********************************/
/* AMBROSIA TEAM LISTING/PICTURES (V2) */
/********************************/
.teamTable {
border-top:1px solid #DBDBDB;
}
.teamTable td {
padding:8px 8px 8px 0px;
border-bottom:1px solid #DBDBDB;
}
.teamTable h4 {
margin:0;
line-height:1.3em;
}
.teamTable p {
font-size:1.2em;
line-height:1.3em;
margin-bottom:0;
}
/*.teamTable img {
border:1px solid #333;
}*/



/********************************/
/* IMAGES: DEFAULT STYLES */
/********************************/
.pictBorderBlack {
border:1px solid #000000;
}
a:hover .pictBorderBlack {
border:1px solid #666666;
}
.pictMarginLeft {
margin-left:8px;
}
.pictMarginRight {
margin-right:8px;
}


/********************************/
/* MISC CONTENT STYLES */
/********************************/


/* RIGHT COLUMN */
#colRightContainer ul, 
#colRightContainer ol, 
#colRightContainer blockquote, 
#colRightContainer .indent  {
margin-left:0px;
}
#colRightContainer p, #colRightContainer li {
font-size:1.2em;
	margin-top: 0px;
}
#colRightContainer p {
	line-height: 1.5em;
}



/* FOR LAYOUT STRUCTURED IN TABLE ROWS */
.tableRows {
border-top:1px solid #DBDBDB;
}
.tableRows td, .tableRows th {
padding:12px 12px 4px 0px;
border-bottom:1px solid #DBDBDB;
}
.tableRows th {
font-weight:bold;
text-align:left;
}

.tableRows td td, .tableRows th th {
border-bottom:0;
}


/* DATA TABLE */
.tableData td, .tableData th {
padding:4px;
border-bottom:1px solid #DBDBDB;
border-top:1px solid #DBDBDB;
font-size:1.2em;
vertical-align:top;
}
.tableRows th {
font-weight:bold;
text-align:left;
vertical-align:bottom;
}


/* INDENTS */
.noIndentList {
margin-left:0px;
}
.indent8px {
padding-left:8px;
}
.indent12px {
padding-left:12px;
}
/* BORDERS */
.borderTop {
border-top:1px solid #CCCCCC;
margin-top:1em;
padding-top:1em;
}
.borderTop2 {
border-top:1px solid #CCCCCC;
margin-top:.5em;
padding-top:.5em;
}
.borderBottom {
border-bottom:1px solid #CCCCCC;
margin-bottom:1em;
padding-bottom:1em;
}
/* MARGINS */
.marginTop {
margin-top:1.5em !important;
}
.marginTop2 {
margin-top:1em !important;
}
.marginBottom {
margin-bottom:1em !important;
}
.noMargin {
margin:0 !important;
}
/* FONT SIZES */
.smallFont {
font-size:11px !important; /* If % value, font size will be based on the parent tag. We do not want that. */
line-height:1.3em;
}
.mediumFont {
font-size:1.2em;
line-height:1.3em;
}
/* ACCENT TYPE */
/* For text that should be accented */
.accent {
color:#444444;
font-weight:bold;
}

/* BREADCRUMB */
.breadcrumb {
font-size:1.2em;
margin-top:-1.3em;
margin-bottom:1.5em;
}
.breadcrumb .crumbNext {
font-size:1.6em;
}

/* COLLAPSING PANELS */
.sidebarCollapse .CollapsiblePanelContent  {
margin-bottom:13px;
padding-left:24px;
}
.sidebarCollapse .CollapsiblePanelContent h3, .sidebarCollapse .CollapsiblePanelContent p, .sidebarCollapse .CollapsiblePanelContent td  {
font-size:1.2em !important;
line-height:1.1em !important;
}
li.collapse {
background-image:url(images/ui_misc/icon_collapse.png);
}


/********************************/
/* MY ACCOUNT SECTION */
/********************************/
.tableAccount, .tableLicenses, .tablePurchases {
width:100%;
}
.tableAccount td, .tableAccount th, .tableLicenses td, .tableLicenses th, .tablePurchases td, .tablePurchases th {
padding:8px 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
vertical-align:top;
}

.tableAccount td, .tableAccount th {
padding:4px 6px;
width:70%;
}
.tableAccount th {
text-align:right;
width:30%;
}

.tableLicenses, .tablePurchases {
margin:1.5em 0 1em 0;
}
.tableLicenses th, .tablePurchases th {
text-align:left;
vertical-align:bottom;
}
.tableLicenses .tdLabel {
font-weight:bold;
}
.tableLicenses th, .tableLicenses td, .tablePurchases th, .tablePurchases td {
border:1px solid #DBDBDB;
}

.tablePurchases {
clear:left;
}
.tablePurchases td ul {
margin-bottom:0;
}
.tablePurchases td li {
font-size:1em;
}
.tablePurchases td li:last-child {
margin-bottom:0;
}

tr.rowBgd {
background-color:#F1F1F1;
}

#resultsOptions {
zoom:1;
}
#resultsOptions .searchMore {
margin:0;
float:left;
}
#resultsOptions .button {
float:right;
}



/********************************/
/* PRINT PAGE */
/********************************/
#printWrapper {
width:898px;
margin:0px auto 15px auto;
}
#printHead {
margin-bottom:20px;
zoom:1;
}
#printHead p {
float:left;
padding-right:30px;
font-size:1.1em;
}
#printWrapper h1 {
clear:left
}
#printWrapper .billingAddress table {
float:right;
}
#printWrapper .billingAddress p {
margin-bottom:0;
line-height:1.3em;
}
#printWrapper .billingAddress td {
font-size:1.2em;
padding:0 0 6px 0;
vertical-align:top;
text-align:right;
}
#printWrapper .tablePurchases {
margin:0;
}



/*********************************************/
/* PRINT EXCEPTIONS */
/*********************************************/

@media print {
#printWrapper {
width:auto;
}

}


/********************************/
/* DITTO PAGINATION STYLES */
/********************************/


#ditto_pages .ditto_currentpage {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color:#F1F1F1;
	border:1px solid #DBDBDB;
	zoom: 1;
} 


/********************************/
/* AJAXSEARCH HIGHLIGHTING */
/********************************/


.ajaxSearch_highlight1 {
border-bottom:2px solid #CCCCCC;
}
.ajaxSearch_highlight2 {
border-bottom:2px solid #CCCCCC;
}
.ajaxSearch_highlight3 {
border-bottom:2px solid #CCCCCC;
}



/*********************************************/
/* ADDONS */
/*********************************************/
#addonsBanner {
position:relative;
}
#addonsBanner #boxPrice {
position:absolute;
top:0;
left:698px;
width:200px;
height:130px;
}
#addonsBanner #boxPriceContent {
height:114px; /*130px-16px of padding*/
}
#addonsBanner #boxPriceContent .note {
border-top:1px solid #BBB;
}
#addonsContainer table {
width:100%;
margin-bottom:5px;
margin-top:15px;
background-color:#F1F1F1;
}
#addonsContainer td, #addonsContainer th {
padding:3px 6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.0em;
line-height:1.2em;
vertical-align:top;
border:1px solid #DBDBDB;
white-space:nowrap;
}
#addonsContainer td.title {
white-space: normal;
width:50%;
}
#addonsContainer .searchMore {
margin:20px 0 0 0;
}
#addonsContainer p, #addonsContainer ul {
margin-right:45px;
}
.addonListing p {
font-size:1.2em;
line-height:1.5em;
margin-right:45px;
}


/*********************************************/
/* STAR RATING */
/* FROM MODx CSS Star Rating 1.1 SNIPPET */
/*********************************************/

.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background: url(images/ui_misc/rating_stars.gif) top left repeat-x;
float:left;
}

.star-rating li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating li a {
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
overflow: hidden;
outline: none;
border:0;
} 

.star-rating li {
text-indent:-9000px;
}

.star-rating li a:hover{
background: url(images/ui_misc/rating_stars.gif) left bottom;
z-index: 2;
left: 0px;
}
.star-rating a.one-star, .star-rating li.one-star {
left: 0px;
}
.star-rating a.one-star:hover{
width:20px;
}
.star-rating a.two-stars, .star-rating li.two-stars {
left:20px;
}
.star-rating a.two-stars:hover{
width: 40px;
}
.star-rating a.three-stars, .star-rating li.three-stars {
left: 40px;
}
.star-rating a.three-stars:hover{
width: 60px;
}
.star-rating a.four-stars, .star-rating li.four-stars {
left: 60px;
}	
.star-rating a.four-stars:hover{
width: 80px;
}
.star-rating a.five-stars, .star-rating li.five-stars {
left: 80px;
}
.star-rating a.five-stars:hover{
width: 100px;
}
.star-rating li.current-rating{
background: url(images/ui_misc/rating_stars.gif) left center;
position: absolute;
height: 20px;
display: block;
text-indent: -9000px;
z-index: 1;
}

.star-rating-warning {
font-size:smaller;
color: maroon;
}		

/* disabled star ratings, should try to not duplicate here */

.star-rating-disabled{
list-style:none;
margin: 0px;
padding:0px;
width: 100px;
height: 20px;
position: relative;
background: url(images/ui_misc/rating_stars.gif) top left repeat-x;
float:left;
}

.star-rating-disabled li{
padding:0px;
margin:0px;
/*\*/
float: left;
/* */
}
.star-rating-disabled li a {
display:block;
width:20px;
height: 20px;
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
overflow: hidden;
outline: none;
border:0;
} 

.star-rating-disabled li {
text-indent:-9000px;
}

.star-rating-disabled li a:hover{
background: url(images/ui_misc/rating_stars.gif) left bottom;
z-index: 2;
left: 0px;
}
.star-rating-disabled a.one-star, .star-rating li.one-star {
left: 0px;
}
.star-rating-disabled a.one-star:hover{
width:20px;
}
.star-rating-disabled a.two-stars, .star-rating li.two-stars {
left:20px;
}
.star-rating-disabled a.two-stars:hover{
width: 40px;
}
.star-rating-disabled a.three-stars, .star-rating li.three-stars {
left: 40px;
}
.star-rating-disabled a.three-stars:hover{
width: 60px;
}
.star-rating-disabled a.four-stars, .star-rating li.four-stars {
left: 60px;
}	
.star-rating-disabled a.four-stars:hover{
width: 80px;
}
.star-rating-disabled a.five-stars, .star-rating li.five-stars {
left: 80px;
}
.star-rating-disabled a.five-stars:hover{
width: 100px;
}
.star-rating-disabled li.current-rating{
background: url(images/ui_misc/rating_stars.gif) left center;
position: absolute;
height: 20px;
display: block;
text-indent: -9000px;
z-index: 1;
}

.star-rating-warning {
font-size:smaller;
color: maroon;
}