/*Slide Menu Styles*/
img { behavior: url(/includes/iepngfix.htc); }
/*Slider Wrapper positions the slider on the page*/
.slideOuterWrapper{ height:607px; width:auto; position:absolute; top:200px; left:-814px; z-index:1; float:left;}
.expandableDiv{ float: left; width:320px; height:496px; background-color:#FF0000;}

/*The slider wrapper is the div that will slide*/
.sliderWrapper{ overflow:hidden; float:left; /*margin-top:108px;*/ z-index:200001; position:relative; width:auto; }

/*These are the Slider Header, slider body, slider footer and right column within the slider wrapper*/
.sliderHeader{ width:252px; height:17px; float:left; overflow:hidden;}
.sliderBody{ width:251px; height:572px; float:left; background-repeat:no-repeat;}
.sliderFooter{ height:20px; float:left;}
.leftCol{ float:left; height:700px; width:830px; overflow:hidden;  background-image:url(../images/tray/trayall_with_text.png); background-repeat:no-repeat; background-position:right;}
.leftCol{behavior: url(/includes/iepngfix.htc);}

/*Contains the graphic and  button to trigger the slide*/
.rightCol{ float:right; width:39px; height:496px; }
.rightCol{ }
.rhtColnew{behavior: url(/includes/iepngfix.htc);background-repeat:no-repeat}
*html #rhtColnew{background-image:url(../images/tray/tray_edge_rht_with_text.png); position:relative; bottom:2px;}

/*Column Holders*/
.sliderColumnsbody{float:right; width:100%; height:400px;}

/*Green Arrows on Slider*/
.greenArrowColumnWrapper{float:right; width:33px; height:496px; margin-top:120px; margin-right:0px; }

/*Column Wrapper For Each Individual Options*/
#sliderColWrapper{float:right; width:120px; height:auto; top:0px;left:0px; overflow:hidden;margin-top:120px; text-align:left; font-size:11px; font-weight:bold;}

/*Divs for each dynamic row within the slider generated by Ajax*/
.optionRow {float:left; text-align:left; margin:0 0 10px 10px; width:auto;}
/*.OptionRow a {float:left; text-align:left; margin:0 0 0px 0px; width:auto;}*/

/*Slider button holder*/
.sliderButtonHolder{float:right; width:133px; height:496px; margin-top:120px;}

/*Top categories Div Btton Holder */
.topCategoriesButtonHolder{float:right; width:133px; height:496px; margin-top:20px; margin-right:30px}

.topCategoriesButtonHolder a{cursor: pointer; float: right}

/* Order summary */
.your-choice {width:160px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF; line-height:14px; font-weight:bold;}
.your-choice a img {border:0;}
.your-choice .summary {background:#575556;}
.your-choice .summary .padding {margin:0 8px;padding:13px 0;}
.your-choice .price {text-align:right; background:#414041;}
.your-choice .price .padding {margin:0 8px;padding:4px 0;}