a { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #6a6a6a; text-decoration: none; cursor: pointer; }


.SizeNPriceContainer { width: 600px; }


.SizePanel { width: 310px; float: left; }
.SizePreviewPanel { width: 272px; height: 250px; float: right; }
.SizePreviewPanelTitle { display: block; width: 270px; height: 20px; text-align: center; color: #188d3e; display: block; margin: 0; font-size: 13px; font-weight: normal; font-family:Tahoma; }
.SizePreviewPanelContent { width: 270px; height: 220px; border: solid 1px #E5E5E5; background: #f8f8f8 url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/SizePreviewSilhuettes.png') no-repeat center 45px; }

.SizeSelectContainer { width: 310px; float: left; min-height:300px; }
.SizeSelectOnePiece { width: 310px; display: block; }
.SizeSelectMultiPiece { width: 310px; display: block; }
.SizeSelecTitleOnePiece { width: 310px; height: 20px; display: block; color: #188d3e; font-family:tahoma;}
.SizeSelecTitleMultiPiece { width: 310px; height: 20px; display: block; color: #188d3e; font-family:tahoma; margin-top: 15px; }
.SizeSelectSizeTitle { display: block; height: 20px; float: left; margin: 0 10px; text-align: left; font-size: 13px; font-weight: normal; font-family:Tahoma; }
.SizeSelectPriceTitle { display: block; height: 20px; float: right; margin: 0 20px 0 0; text-align: right; font-size: 13px; font-weight: normal; font-style:normal;  }

.SizeSelectLink { width: 310px; height: 19px; padding-top: 2px; border: solid 1px #ccc; border-top-color:#f0f0f0; border-left-color:#f0f0f0; display: block; font-size: 11px; color: #8C8C8C; font-weight: normal; background: #eee; }
.SizeSelectLink:hover { background:#ddd;  }
.SizeSelectTitle { display: block; height: 20px; float: left; margin: 0 10px; text-align: left; font-size: 13px; }
.SizeSelectPrice { display: block; height: 20px; float: right; margin: 0; text-align: right; font-size: 13px; }
.SizeSelectLink .SizeSelectArrow { width: 20px; height: 17px; display: block; float: right; }
.SizeSelectLinkAlternate { background: #eeeeee; }
.SizeSelectLinkAlternate:hover { background:#ddd; }
.SizeSelectLinkActive { width: 310px; height: 19px; padding-top: 2px;border: solid 1px #0295b9; border-top-color:#c9efff;  border-left-color:#c9efff; display: block; font-size: 11px; color: #fff; background: #4cd4fe url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/SizeSelectActiveBackground.jpg') repeat-x center center;}
.SizeSelectLinkActive .SizeSelectArrow { width: 20px; height: 17px; display: block; float: right; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/RightWhiteArrow2.png') no-repeat 8px center; }
.SizeSelectSizePanel { display: none; }

.SizeNPriceSizeGroups { width: 600px; }
.SizeGroupIcons { width: 600px; height: 45px; border: solid 1px #E5E5E5; background: #f8f8f8; }

.SizeGroupTitles { width: 600px; height: 15px; padding: 2px 0; }
.PanoramicTitle { display: block; float: left; width: 95px; text-align: center; color: #60c3d5; font-size: 13px; }
.PanoramicTitleHover { display: block; float: left; width: 95px; text-align: center; color: #AFCB1F; font-size: 13px; }
.HorizontalTitle { display: block; float: left; width: 95px; text-align: center; color: #60c3d5; font-size: 13px; }
.TotemTitle { display: block; float: left; width: 95px; text-align: center; color: #60c3d5; font-size: 13px; }
.VerticalTitle { display: block; float: left; width: 95px; text-align: center; color: #60c3d5; font-size: 13px; }
.SquareTitle { display: block; float: left; width: 95px; text-align: center; color: #60c3d5; font-size: 13px; }
.MultiTitle { display: block; float: left; width: 122px; text-align: center; color: #60c3d5; font-size: 13px; }

.PanoramicIcon { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.PanoramicIcon .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Panoramic.png') no-repeat center top; }
.PanoramicIcon .Arrow { display: none; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }
.PanoramicIcon:hover .Icon { background-position: center bottom; }
.PanoramicIcon:hover .Arrow { display: block; }
.PanoramicIconActive { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.PanoramicIconActive .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Panoramic.png') no-repeat center bottom; }
.PanoramicIconActive .Arrow { display: block; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }

.HorizontalIcon { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.HorizontalIcon .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Horizontal.png') no-repeat center top; }
.HorizontalIcon .Arrow { display: none; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }
.HorizontalIcon:hover .Icon { background-position: center bottom; }
.HorizontalIcon:hover .Arrow { display: block; }
.HorizontalIconActive { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.HorizontalIconActive .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Horizontal.png') no-repeat center bottom; }
.HorizontalIconActive .Arrow { display: block; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }

.TotemIcon { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.TotemIcon .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Totem.png') no-repeat center top; }
.TotemIcon .Arrow { display: none; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }
.TotemIcon:hover .Icon { background-position: center bottom; }
.TotemIcon:hover .Arrow { display: block; }
.TotemIconActive { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.TotemIconActive .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Totem.png') no-repeat center bottom; }
.TotemIconActive .Arrow { display: block; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }

.VerticalIcon { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.VerticalIcon .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Vertical.png') no-repeat center top; }
.VerticalIcon .Arrow { display: none; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }
.VerticalIcon:hover .Icon { background-position: center bottom; }
.VerticalIcon:hover .Arrow { display: block; }
.VerticalIconActive { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.VerticalIconActive .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Vertical.png') no-repeat center bottom; }
.VerticalIconActive .Arrow { display: block; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }

.SquareIcon { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.SquareIcon .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Square.png') no-repeat center top; }
.SquareIcon .Arrow { display: none; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }
.SquareIcon:hover .Icon { background-position: center bottom; }
.SquareIcon:hover .Arrow { display: block; }
.SquareIconActive { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.SquareIconActive .Icon { display: block; width: 35px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Square.png') no-repeat center bottom; }
.SquareIconActive .Arrow { display: block; float: left; width: 35px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }

.MultiIcon { display: block; width: 62px; height: 55px; margin: 4px 30px; float: left; }
.MultiIcon .Icon { display: block; width: 62px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Multi.png') no-repeat center top; }
.MultiIcon .Arrow { display: none; float: left; width: 62px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }
.MultiIcon:hover .Icon { background-position: center bottom; }
.MultiIcon:hover .Arrow { display: block; }
.MultiIconActive { display: block; width: 35px; height: 55px; margin: 4px 30px; float: left; }
.MultiIconActive .Icon { display: block; width: 62px; height: 35px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/Multi.png') no-repeat center bottom; }
.MultiIconActive .Arrow { display: block; float: left; width: 62px; height: 7px; margin-top: 9px; background: url('http://www.tabloonline.com.tr/js/tabloolcu/SizeNPrice/images/DownArrow.png') no-repeat center top; }

.PriceChangeNote{float: left; text-align:left; height: 10px; margin-left: 20px; width: 260px; color:#000; font-family:Georgia, 'Times New Roman'; font-size:12px; font-style:italic; }