#prdimg { float: left; } .imgpre { width: 33px; height: 33px; border: 1px solid #cccccc; margin: 5px 0 0 0; padding: 0; } #imgpre1 { margin-right: 3px; } #imgpre5 { margin-left: 3px; } #imgpre2, #imgpre3, #imgpre4 { margin: 5px 3px 0 3px; } #imgpreviews { clear: left; padding-top: 3px; text-align: center; font-size: 10px; } #imgpreviewstext {clear: left; font-size: 10px; text-align: center; width: 200px; } #tabs { float:left; width:100%; background:#ffffff; font-size: 11px; line-height:normal; font-weight: bold; margin-bottom: 5px; } #tabs ul { margin:0; padding:5px 10px 0 0; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url("../images2/tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("/images2/tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#ffffff; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span, #tabs #tabsselected a span { color:#ffffff; } #tabs a:hover, #tabs #tabsselected a { background-position:0% -42px; } #tabs a:hover span, #tabs #tabsselected a span { background-position:100% -42px; } #subtabbar { height: 20px; padding: 0; float: left; background: url('../images/tabbar_prd_filler.gif') 0 0 repeat-x; width: 100%; margin-bottom: 10px; } #subtabbar ul { margin: 0; padding: 0; float: left; } #subtabbar li { display: inline; float: left; padding: 0 12px 0 12px; height: 20px; border-right: 1px solid #cfcfcf; } #subtabbar li a, .selected { float: left; padding-top: 2px; } #subtabbar li.tabsel { background: #cbcbcb; } #content { float: left; clear: both; } #productoverview { margin: 0px; padding: 15px 0px 0px; clear: left; width: 970px; border-top: 1px solid #CCC; } #productmodels { margin: 30px 0px 0px; padding: 0px; clear: left; } #productspecs { margin: 30px 0px 0px; padding: 0px; clear: left; } #partnumbers, .modelpartnumbers, #featuredpartnumbers, #partnumberstwo { border: none; width: 790px; } #partnumbers td, #featuredpartnumbers td, #partnumberstwo td { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 5px 5px 5px 3px; } #wheretobuy { margin-top: 20px; } .modelpartnumbers { width: 610px; } .modelpartnumbers td { border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; padding: 5px 0 5px 3px; } #modelwitb { width: 630px; font-size: 12px; } #modelwitb dl, dt, dd { margin: 0; padding: 0; } #modelwitb h3 { font-size: 12px; margin: 0 0 5px 0; } #modelwitb dl { margin: 0 0 20px 0; } #modelwitb dt { padding-right: 10px; text-align: right; width: 200px; float: left; } #modelwitb dd { margin-left: 210px; margin-bottom: 2px; } #whatsinthebox { float: left; clear: both; margin: 20px 0 20px 0; } #contentdoc, #productdocs, #productmore { float: left; } #contentdoc h4, #productdocs h4, #productmore h4 { color: #ffffff; width: 790px; font-size: 12px; background: #078148; height: 20px; line-height: 20px; text-align: center; margin: 20px 0 0 0; margin-bottom: 5px;} #contentdoc ul, #productdocs ul, #productmore ul { margin-top: 0; } #contentdoc li, #productdocs li, #productmore li { margin-bottom: 8px; } #specs { clear: left; } .headernav { background-color: transparent !important; background: url('../images2/background-specs-temp.gif') 0 0 no-repeat !important; font-weight: bold !important; } #specs h4 { font-size: 12px; color: #ffffff; background: #078148; font-weight: bold; padding: 5px 0px 0px !important; height: 20px !important; text-align: center; line-height: 100% !important; margin: 0px 0px 10px !important; } #specs li { list-style-image: url('../images/bullet_green.gif'); margin: 0 0 2px 0; } #specs ul { margin-top: 0; margin-bottom: 20px; clear: both; } #specs ul li ul { margin-bottom: 0; } #specs ul li ul li { list-style-image: none; list-style-type: disc; } #supportdoc { width: 790px; float: left; font-size: 12px; background-image: url('../images2/background_subheader.gif'); background-repeat: repeat-x; height: 23px; padding: 2px 0 0 0; margin: 20px 0 0 0; } #specstable { font-size: 11px; float: left; margin-bottom: 20px; } #specstable table { width: 100%; border-bottom: 1px solid #858585; border-right: 1px solid #858585; } #specstable table td { border-top: 1px solid #858585; border-left: 1px solid #858585; padding: 3px 2px 3px 2px; margin: 0; text-align: center; } #specstable .specshead { padding: 5px 2px 5px 2px; font-weight: bold; color: #ffffff; background: #009e56; font-size: 12px; text-align: center; } #specstable .specssubhead { font-weight: bold; background: #a3d49d; text-align: left; } #specstable .specsside { font-weight: bold; background: #e6f3e9; text-align: left; } .icons { margin: 15px 0 15px 30px; } .icons img { margin: 0 5px 0 5px; float: left; } h1 { margin: 15px 0 !important; padding: 0 !important; border-bottom: 0px dashed #c6c6c6 !important; } h2 { margin: 0 0 10px 0 !important; padding: 0 0 5px 0 !important; } .choose { background: #ff0000; } #transportgenerator div, #x3generator div { width: 790px; float: left; clear: left; margin: 0 0 5px 0; } #transportgenerator, #x3generator { float: left; clear: left; } #partnumberresult { text-align: center; } #partnumberselector { width: 790px; float: left; height: 50px; } #partnumberselector td { background: #daf3d6; text-align: center; margin: 0 5px 0 5px; padding: 0; } #partnumberselector .dash { background: none; width: 20px; } #transportgenerator select, #x3generator select { margin: 0 20px 0 0; } #transportgenerator label, #x3generator label { width: 200px; padding-right: 10px; text-align: right; float: left; } #transportgenerator div, #transportgenerator label, #x3generator div, #x3generator label { float: left; clear: left; } #tabs { text-align: center; font-size: 12px; border-bottom: 1px #c6c6c6 solid; margin-bottom: 15px; } h1 { font-size: 28px; } #maincontainer h1 { font-size: 32px; font-family: 'Source Sans Pro',sans-serif; } #maincontainer h1 span { padding-left: 1px; position: relative; font-size: 100%; line-height: 0; vertical-align: baseline; top: -.1em; } #topbullets { float: left; margin: 0 0 0 20px; width: 520px; font-size: 12px; } #topbullets ul { margin-bottom: 15px; margin-left: 0; padding-left: 15px; line-height: 20px; } #prdimage2 { float: left; width: 200px; margin: 0 0 5px 0; padding: 0; } #prdimage3 { float: left; width: 480px; height: 350px; margin: 0 0 5px 0; padding: 0; text-align: center !important; } #prdimage3 img { max-height: 320px; } #badge { float: right; margin-top: -15px;} #description { float: left; clear: left; border-top: 1px #c6c6c6 dashed; margin: 10px 0px 0px; line-height: 18px; padding: 30px 0 0; width: 970px !important; } #description h3 { margin: 20px 0; font-size: 16px; font-weight: bold; } #description2 { float: left; clear: left; margin: 10px 0px 0px; line-height: 18px; padding: 10px 0 0; width: 790px !important; } #description h3 { margin: 20px 0; font-size: 16px; font-weight: bold; } #partnumbertitle { float: left; clear: both; margin-top: 10px; font-size: 12px; background: #078148; height: 20px; color: #ffffff; text-align: center; width: 790px; line-height: 20px; } #partnumbers, #featuredpartnumbers { clear: both; margin-top: 10px; } #moremodels { margin-top: 10px; float: left; clear: left; } #disclaimer { margin-top: 20px; float: left; clear: left; width: 100%; } .squareerview span, .squareerview span:hover, .squareerview span img { background-position: 0% -42px; cursor: default; } .squareview { width: 142px; font-size: 11px; line-height: 12px; } #relatedcontent { width: 790px; } #relatedcontent h4 { float: left; font-size: 12px; width: 790px !important; clear: left; background-image: url('../images2/background_subheader.gif'); background-repeat: repeat-x; height: 23px; padding: 2px 0 0 0; margin-top: 10px; } #relatedcontent .altcolumnrow { width: 790px; float: left; clear: left; margin: 0 0 10px 0; } #relatedcontent .altcolumnone { float: left; width: 190px; padding: 0 600px 0 0; } #relatedcontent .altcolumntwo { float: left; width: 190px; margin: 0 0 0 -590px; padding: 0 400px 0 0; } #relatedcontent .altcolumnthree { float: left; width: 190px; margin: 0 0 0 -390px; padding: 0 200px 0 0; } #relatedcontent .altcolumnfour { float: left; width: 190px; margin: 0 0 0 -190px; } #relatedcontent .altcolumn { text-align: center; float: left; width: 190px; } #alternateview { width: 790px; float: left; } #altlabel { width: 734px; } #productdocs h4, #productmore h4, #productdocs p, #productdocs form, #productmore { width: 790px; } #productdocs ul, #productmore ul { clear: left; } #productdocs ul li, #productmore ul li { width: 750px; } #productdemo { width: 790px; float: left; clear: left; } hr { float: left; clear: left; color: #095e63; height: 2px; width: 790px; margin: 50px 0 50px 0; } #partnumberresult { text-align: center; } #partnumberselector { width: 790px; float: left; height: 50px; } #partnumberselector td { background: #daf3d6; text-align: center; margin: 0 5px 0 5px; padding: 0; } #partnumberselector .dash { background: none; width: 20px; } #transportgenerator select { margin: 0 20px 0 0; } #transportgenerator label { width: 200px; padding-right: 10px; text-align: right; float: left; } #transportgenerator div, #transportgenerator label { float: left; clear: left; } #featuredpartnumbers { clear: both; } /************** Third Level Flyout ************* #showhidecon { position: relative; } #showhidelevel { z-index: 2; position: absolute; top: 4px; right: 141px; } #indent1 { position: relative; z-index: 1; } #indent2 { z-index: 3; position: absolute; left: 155px; top: -5px; display: none; } #indent1 li #indent2, #indent1 li #indent2 li { background: none; } #indent1 li #indent2 li a { padding-left: 10px; width: 140px; background: #cccccc; color: #006633; } #indent1 li:hover #indent2 { display: block; } #arrowleft { background: url('/images2/SpryMenuBarRight.gif') 0 0 no-repeat; position: absolute; z-index: 2; color: #333333; left: 145px; width: 4px; height: 7px; margin-top: 6px; } #indent1 li:hover #arrowleft { background: url('/images2/SpryMenuBarRightHover.gif') 0 0 no-repeat; } #arrowleft img { margin-top: 6px; } #indent1 li:hover a { background: #3e3e3e; color: #ffffff; } #indent1 li #indent2 li a { background: #e1e1e1; color: #006633; opacity: .95; } #indent1 li #indent2 li a:hover { background: #333333; color: #ffffff; opacity: 1;} #indent1 li #indent2 .leftselectedindent2 { width: 140px !important; padding-left: 10px !important; background: #333333 !important; color: #ffffff !important;} #indent4 { display: none; } */ #productrelated h4 { width: 790px !important; clear: left; float: left; background-image: url('../images2/background_subheader.gif'); background-repeat: repeat-x; height: 23px; padding: 2px 0 0 0; } #productrelated .altcolumnrow { width: 790px; float: left; margin: 0 0 10px 0; } #productrelated .altcolumnone { float: left; width: 190px; padding: 0 600px 0 0; } #productrelated .altcolumntwo { float: left; width: 190px; margin: 0 0 0 -590px; padding: 0 400px 0 0; } #productrelated .altcolumnthree { float: left; width: 190px; margin: 0 0 0 -390px; padding: 0 200px 0 0; } #productrelated .altcolumnfour { float: left; width: 190px; margin: 0 0 0 -190px; } #productrelated .altcolumn { text-align: center; float: left; font-weight: normal; width: 190px; } #prdlearnmore { width: 790px; margin-bottom: 20px; clear: both; padding-top: 30px; } #prdlearnmore p { margin: 0; } #prdicons img { margin-left: 15px; } .learnmoreh4 { float: left; clear: left; margin-top: 20px; } .videocontainer { float: left; clear: left; margin-bottom: 10px; } .videoleft { width: 122px; padding: 0 668px 0 0; float: left; } .videoright { width: 660px; float: left; margin: 0 0 0 -660px; line-height: 90px; } .videomore { width: 790px; float: left; clear: left; margin-bottom: 10px; text-align: center; font-size: 10px; } .leftnavlvl4 { display: none; } #productdocs .supportsubcat { clear: both; background: #a3d49d; color: #000000; } #family { text-align: left; } #family #tabs { width:100%; background:#ffffff; font-size: 15px; line-height:normal; font-weight: 400; text-align: center; margin-top: 20px; border-bottom: none;} #family #tabs ul { clear:left;list-style:none; margin:0;padding:5px 0 0 0; text-align:center; } #family #tabs li { display:inline-block; list-style:none; margin:0; padding:0; } #family #tabs a { float: left; background:#00a05b; margin:0 2px 0 0; padding:8px 8px; text-decoration:none; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} #family #tabs a span { display:block; padding:5px 6px 4px 6px; color:#ffffff; } #family #tabs a:hover span, #family #tabs #tabsselected a span { color:#ffffff; } #family #tabs a:hover, #family #tabs #tabsselected a { background: #323232; } .activetab { background-color: #323232 !important; color: #ffffff !important; } .activetab span { color: #ffffff !important; } #family a.btn-green { text-decoration: none; background: #00a05b; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 7px 20px; font-size: 17px; color: #ffffff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} #family a:hover.btn-green { background: #363636; text-decoration: none; } #family a.btn-small-green { text-decoration: none; background: #00a05b; display: inline-block; border-radius: 3px; cursor: pointer; border: 0; padding: 6px 12px; font-size: 12px; color: #ffffff; transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;} #family a:hover.btn-small-green { background: #363636; text-decoration: none; } #family #osvid, #family #pid {-ms-appearance: none; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 16px; color: #000000; border: 2px solid #cfd5d3; background: #ffffff; padding: 14px 35px 14px 11px; font-family: Verdana, Arial, Helvetica, sans-serif; border-radius: 2px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAXCAYAAAC74kmRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2tpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5NDMyNWI5NC1hYmI0LTRlNjgtYTU1Zi02MjVjZjJmYjdhOWMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUY0OTRGRkE1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUY0OTRGRjk1QjgzMTFFM0I0ODY4REQwOTEyMzRFNDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDJENDUwODQ1QjZFMTFFM0I0ODY4REQwOTEyMzRFNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDJENDUwODU1QjZFMTFFM0I0ODY4REQwOTEyMzRFNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5XsbPAAAABiklEQVR42mJkYGBYD8QBDOSD30D8hQh1u////x/OMMgAIxArAfE1IGanoT2gQNIDBsCNwRYATEB8D4j7aWzPJCAedJ6HpQAQ4IE6UJoGdrwAYnUg/gRMAQyDMQUwQPNwGY3sqAB5nmGQAkY09mEgtqai+SeA2AqIwVE/GFMAIxrfBIhPIqUMSsA/IDYH4jMwgcGcBWAA5Nh5VDJ7NrLnh0IWgAFRIL4FxAIUmPsWWvC9RRYcCikABF4DcQOF5taie34opQAQYAXiS0CsQYaZF6BlyV90iaGSAmAtt3wyzAP5MA+b54cqWA/1FLF4Kd7QAaaAwYYZCQSAIrSfwEFEYH2BZpmn+AJgqGQBGLgPxBOINKsFn+eHWiGIDIjpJ4Dk9aBlB8NwSgHE9hPyCXl+qANQSjmEo+BbT3QVMQQLQWRgDMSn0FLNDyDWgpYVRAXAUMwCMHAWSz+hm1jPD+VCEFc/4REQawLxN1KywFBOAbB+Qj2UXUKK5wcrYCFDzzQGyEDq6uFQugMEGADgzU7Fjg8z9QAAAABJRU5ErkJggg==") no-repeat right center; background-size: 24px 10px; } #family #productoverview { position: relative; } #family #contentmodel h4 { margin-bottom: 50px; } #family .textsmall {font-size: 12px; } #family #description { width: 100%; float: left; clear: left; border-top: 1px #c6c6c6 dashed; margin: 10px 0 20px 0; padding: 10px 0 0 0; } #family #description img { max-width: 100%; } #family #description img.promoright, img.promoright { max-width: 240px; width: 100%; padding: 0 0 20px 10px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family .prdvideoembed { width: 50%; float: right; margin: 0 0 20px 20px; } #family #prdimage2 { float: left; width: 21%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family #prdimage2 img { border: none; width: 100%; max-width: 200px; } #family #topbullets { float: left; width: 60%; padding-left: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family #topbullets ul { float: left; padding-left: 20px; } #family #topbullets ul li { margin-bottom: 10px; clear: left; } #family #topbullets .buttons { float: left; clear: both; padding-left: 20px; } #family #badge { position: absolute; margin-top: -15px; width: 19%; text-align: right; right: 0; top: 0;} #family #badge img {width: 100%; max-width: 132px; } #family #imgpreviewstext {clear: left; font-size: 10px; text-align: center; width: 100%; } #family #imgpreviews { clear: left; padding-top: 3px; text-align: left; font-size: 10px; } #family #imgpreviews .imgpre { width: 33px; height: 33px; border: 1px solid #cccccc; margin: 5px 5px 0 0; padding: 0; display: inline-block; } #family #imgpreviews a:last-child .imgpre { margin-right: 0; } #family h2 { text-align: center; } #family .storyitems, #family .videoitems { margin-bottom: 30px; } #family .storyitem, #family .videoitem { width: 100%; margin-bottom: 20px; clear: both; float: left;} #family .storyitem img, #family .videoitem img { margin-right: 20px; border: 1px solid #cdcdce; float: left; } #family .partnumbers { width: 100%; border-collapse: collapse; } #family .partnumbers img { float: left; margin: 0 10px 10px 0; } #family .partnumbers th { font-size: 10px; text-align: center; padding: 5px; white-space: nowrap; padding-top: 20px; } #family .partnumbers th.group { text-align: left; font-size: 15px; font-weight: bold; } #family .partnumbers td { border-left: 1px solid #CFD5D3; border-top: 1px solid #CFD5D3; text-align: center; padding: 5px; font-size: 12px; vertical-align: middle; } #family .partnumbers td:first-child { border-left: none; text-align: left; font-size: 15px; } #family .partnumbers tbody tr:last-child td {border-bottom: 1px solid #CFD5D3; } #family .partnumbers .btn-small-green { white-space: nowrap; } #family.model #whatsinthebox { width: 100%; clear: both; float: left; } #family.model #modeloverview { width: 100%; clear: both; float: left; } #family.model #modelpn { width: 54%; float: left; padding: 0 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family.model #modelpn h3 { font-weight: 300; margin-bottom: 20px; } #family.model #modelbuy { width: 25%; float: left; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family .fourcol { text-align: center; height: 125px; } #family #productoverview h3 { margin-bottom: 20px; } #family .rowoficons { clear: both; width: 100%; margin-top: 50px; } #family .rowoficons img { width: 20%; } #family .digiremotemanager { margin: 30px 0; } #family #specs.block, #family .specs { overflow-x: auto; } #family .digiremotemanager td, #family .digiremotemanager th { font-weight: 500; text-align: center; vertical-align: middle; padding: 15px; border-right: 1px solid #ffffff; } #family .digiremotemanager th { vertical-align: middle; font-size: 1.3em; } #family .digiremotemanager th img { width: 70px; } #family .digiremotemanager .darkgrey { background: #939593; } #family .digiremotemanager .special { text-align: center; border-bottom: 1px solid #ffffff; font-weight: 300;} #family .digiremotemanager .specsside { background: #ffffff; } @-moz-document url-prefix() { #transportgenerator select { background: none; background-color: #ffffff; } } /************** 追記2015.3.30 *************/ #specstable { width: 100%; margin-top: 15px; float: left; margin-bottom: 20px; } #specstable table { width: 100%; border-bottom: 1px solid #CFD5D3; border-right: 1px solid #CFD5D3; } /*#specstable table td { border-top: 1px solid #CFD5D3; border-left: 1px solid #CFD5D3; padding: 10px; margin: 0; text-align: center; } */ #specstable .specshead { padding: 10px 2px 10px 2px; font-weight: bold; color: #ffffff; background: #009e56; text-align: center; } #specstable .specssubhead { font-weight: bold; background: #a3d49d; text-align: left; } #specstable .specsside { font-weight: bold; background: #e6f3e9; text-align: left; } .specs li { list-style-image: url('/images/bullet_green.gif'); margin: 0 0 2px 0; } .specs ul { margin-top: 0; margin-bottom: 20px; } .specs ul li ul { margin-bottom: 0; } .specs ul li ul li { list-style-image: none; list-style-type: disc; } .specstable { width: 100%; margin-top: 15px; float: left; margin-bottom: 20px; } .specstable table { width: 100%; border-bottom: 1px solid #CFD5D3; border-right: 1px solid #CFD5D3; } .specstable table td { border-top: 1px solid #CFD5D3; border-left: 1px solid #CFD5D3; padding: 6px 2px 6px 2px; margin: 0; text-align: center; } .specstable .specshead { padding: 10px 2px 10px 2px; font-weight: bold; color: #ffffff; background: #009e56; text-align: center; } .specstable .specssubhead { font-weight: bold; background: #a3d49d; text-align: left; } .specstable .specsside { font-weight: bold; background: #e6f3e9; text-align: left; } .icons { margin: 15px 0 15px 30px; } .icons img { margin: 0 5px 0 5px; float: left; } #family #productoverview { position: relative; } #family #contentmodel h4 { margin-bottom: 50px; } #family .textsmall {font-size: 12px; } #family #description { width: 100%; float: left; clear: left; border-top: 1px #c6c6c6 dashed; margin: 10px 0 20px 0; padding: 10px 0 0 0; } #family #description img { max-width: 100%; } #family #description img.promoright, img.promoright { max-width: 240px; width: 100%; padding: 0 0 20px 10px; float: right; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family .prdvideoembed { width: 50%; float: right; margin: 0 0 20px 20px; } #family #prdimage2 { float: left; width: 21%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family #prdimage2 img { border: none; width: 100%; max-width: 200px; } #family #topbullets { float: left; width: 60%; padding-left: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family #topbullets ul { float: left; padding-left: 20px; } #family #topbullets ul li { margin-bottom: 10px; clear: left; } #family #topbullets .buttons { float: left; clear: both; padding-left: 20px; } #family #badge { position: absolute; margin-top: -15px; width: 19%; text-align: right; right: 0; top: 0;} #family #badge img {width: 100%; max-width: 132px; } #family #imgpreviewstext {clear: left; font-size: 10px; text-align: center; width: 100%; } #family #imgpreviews { clear: left; padding-top: 3px; text-align: left; font-size: 10px; } #family #imgpreviews .imgpre { width: 33px; height: 33px; border: 1px solid #cccccc; margin: 5px 5px 0 0; padding: 0; display: inline-block; } #family #imgpreviews a:last-child .imgpre { margin-right: 0; } #family h2 { text-align: center; } #family .storyitems, #family .videoitems { margin-bottom: 30px; } #family .storyitem, #family .videoitem { width: 100%; margin-bottom: 20px; clear: both; float: left;} #family .storyitem img, #family .videoitem img { margin-right: 20px; border: 1px solid #cdcdce; float: left; } #family .partnumbers { width: 100%; border-collapse: collapse; } #family .partnumbers img { float: left; margin: 0 10px 10px 0; } #family .partnumbers th { font-size: 10px; text-align: center; padding: 5px; white-space: nowrap; padding-top: 20px; } #family .partnumbers th.group { text-align: left; font-size: 15px; font-weight: bold; } #family .partnumbers td { border-left: 1px solid #CFD5D3; border-top: 1px solid #CFD5D3; text-align: center; padding: 5px; font-size: 12px; vertical-align: middle; } #family .partnumbers td:first-child { border-left: none; text-align: left; font-size: 15px; } #family .partnumbers tbody tr:last-child td {border-bottom: 1px solid #CFD5D3; } #family .partnumbers .btn-small-green { white-space: nowrap; } #family.model #whatsinthebox { width: 100%; clear: both; float: left; } #family.model #modeloverview { width: 100%; clear: both; float: left; } #family.model #modelpn { width: 54%; float: left; padding: 0 0 0 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family.model #modelpn h3 { font-weight: 300; margin-bottom: 20px; } #family.model #modelbuy { width: 25%; float: left; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #family .fourcol { text-align: center; height: 125px; } #family #productoverview h3 { margin-bottom: 20px; } #family .rowoficons { clear: both; width: 100%; margin-top: 50px; } #family .rowoficons img { width: 20%; } #family .digiremotemanager { margin: 30px 0; } #family #specs.block, #family .specs { overflow-x: auto; } #family .digiremotemanager td, #family .digiremotemanager th { font-weight: 500; text-align: center; vertical-align: middle; padding: 15px; border-right: 1px solid #ffffff; } #family .digiremotemanager th { vertical-align: middle; font-size: 1.3em; } #family .digiremotemanager th img { width: 70px; } #family .digiremotemanager .darkgrey { background: #939593; } #family .digiremotemanager .special { text-align: center; border-bottom: 1px solid #ffffff; font-weight: 300;} #family .digiremotemanager .specsside { background: #ffffff; } /*.video-container { margin-left: 30px; padding: 0; width: 400px; float: right; } .video { position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden; } .video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videocontent { margin-bottom: 20px; padding: 20px; background-color: #f2f2f2; } .videocontent p.description { font-size: 1.4em; line-height: 1.5em; font-weight: 300; }*/